Jinwen Say » theme

WordPress主题官方提交的一点儿改变

Jinwen — Tue, 03 Aug 2010 08:28:07 +0000

今天有空，再次折腾一下免费主题Js-O4w的更新。上次为了添加WordPress－3.0的菜单功能的更新被打回头了，因为主题文件中被查出的问题又是不少，现在真让人不敢对已经被官方通过的主题乱改什么了。

经过了3周时间，官方给我一个对于主题需要整改的详细列表。而且发现了现在提交给官方主题审查的同时，WordPress官方就为你提交的主题开设一个ticket，譬如我的这个。官方工作人员审查过主题后就会在那些ticket上告诉你详细的情况了，一目了然。

相对于以前那种只要提交就等待的程序（我的一些经验），现在这样的应该更为开放点，因为都能在ticket上查到情况。而这样一来，官方一般也就不会忽略掉你的提交了，在他们把ticket改为close前。不过等待的时间应该就变长了很多，不知道是不是需要他们认真的写上问题点，象我上次提交后过了3周他们才告诉我不行，呵呵。

说说这次不通过的原因，就是现在主题如果需要用到get_settings()的函数的话，都需要改为get_option()来代替，为了适应2.1版本后的WordPress；另外在用到bloginfo()这个函数时候，“home”的变量应该改为“url”……

平常我是没多注意这些由于WordPress升级而改变的函数细节的啦，毕竟我不是专门的coder。不过WordPress主题的提交现在是越来越细致，还有越来越认真的。再这样下去，主题开发者想不专业一点都不行，你们说是吧？呵。

WordPress主题Js O4w 1.1.8 更新

Jinwen — Thu, 22 Apr 2010 02:37:57 +0000

这篇post其实是完全为了要在这里谢谢本次更新的最大功臣：Marcis G。因为是这位网络上的陌生朋友Marcis G主动地帮我完成了主题的白俄罗斯语的翻译，作为谢谢他，我觉得应该在这里郑重的记录一下。感觉他是位热心于开源程序支持的好人，我想如果大家需要一些类似的白俄罗斯语翻译什么的，不妨联系一下Marcis G看看。

在这次更新中，我也顺带把背景的图片重新处理了一下。原来的背景图什么的，我只考虑到屏幕分辨率最大1280px的情况，而对于更大的如1600px宽的分辨率下显示并不好。这次顺带把这bug 修正。至于其它关于这主题的介绍什么的我就略去了。

这次更新的另一个题外话就是顺带收到一封邮件：

Comments: Hello,

I am impressed by your themes. Are you available to work on my site? I need a quality programmer, to fix some flaws, and make general improvements.

Please let me know if you are available and how much you charge. Also a resumé if possible.

Best Wishes,

对此受宠若惊。我自己做这些主题，弄这些PHP ，CSS 什么的完全都是业余的爱好，还有什么简历的啊？等我再了解一下情况再说了，我弄不好也可以推荐各位去嘛，是不是？

自用twitter风格版dabr

Jinwen — Thu, 25 Mar 2010 04:52:06 +0000

twitter是什么？然后dabr又是什么？我在这里应该不用多说了。这两天因为自己需要使用dabr，但又碍于其样式真的不怎么样好看的，所以我只能自己动手改它一下。毕竟只是改改样式嘛，这个我懂。

另外也因为我在手机设备上使用的浏览器是Opera mini 4.2版的，所以这个修改也以样式在其显示上优化。可能在其它浏览器上的效果并不如下图所显示的一样，差别应该不会太大。

而我用的是0键导航的版本，因为它实在太方便了，基本不用上我的轨迹球就很方便浏览。所以当我看到官方dabr上的链接太多时候，我也是因为这个原因想把多余不常用的链接去掉，好方便我这个0键导航版的使用，否则就如下图一样，链接的数字很多很乱：

所以就连同修改好了。目前官方dabr释放的下载版本是r267（下载的链接我放在文末），顺便简单添加了一些在其官方现用版本中新增的功能。修改前后的样式对比如下：

大家觉得样式还好吧，应该是比较舒服的。而我也只保留一些常用的链接，比如DM，回复，收藏这几个。连设置及登出的功能我也省去了，反正如果只是给自己用足够的了。

页脚的样式如下：

回复的样式添加了原文：

两种RT可能：

增加了Imgly图片上传支持：

所以这就是昨天的成果了。

补充说明一下这个版本的使用其它：

最好就是用Opera mini 4.2上用啦，因为就如上图的效果了。
目前这个版本纯粹适合我自用要求，如果你需要再添加一些其它原dabr的功能，请自行对照原版的更改就是了。
还有就是我固定了输入框的宽度值为454px ，因为我是用在8900上的480X360 的屏幕状态下的。如果你的移动设备分辨率不是这样，你需要更改一下theme .php文件中的这一句：

textarea#status,textarea#message{border:1px solid #AFCBD9;margin:5px 0 10px;width:454px;background:#F7FCF6;}

最后就是这无聊折腾一下的下载，喜欢的拿去，我高兴的：

twitter_style_dabr.zip 2010.03.27更新下载，新链接地址及更改请点这里。
官方原版dabr-r267.zip

WordPress theme Js O4w 1.1.3 updated

Jinwen — Thu, 11 Feb 2010 02:02:10 +0000

I just updated my WordPress theme Js O4w to a new version 1.1.3.

In this version, I added one theme options function, now you can choose to display a list of your pages or a list of your categoris in the navigation bar. I think that's a little useful for those who want it, because in fact the list of pages can be shown in the footer area already.

And some other new things? Hehe, I also added a Paypal donate link in the theme option page, if you feel my work useful, click it to support me, a little is enough. Thank you very much!

把WordPress主题提交到官方目录的一点经验

Jinwen — Sun, 06 Dec 2009 20:26:20 +0000

相信有很多喜欢WordPress的朋友最终肯定会忍不住折腾一下属于自己的主题，而折腾完成后也是不是希望能把它放在官方的主题目录中去，让大家来围观呢？（不是？呵呵，其实我是。）当我在网上搜索一下这些关键字，能得到的结果基本上内容都是千篇一律，只是把官方对于主题提交的要点翻译成中文贴上罢了。我想既然我都能藏了五款主题在那，那让我来胡说一下经验还是有一点的吧。

对于主题的基本要求这一点我就不想多说了，因为在官方开发员文档中，有着这一份详细的需检清单和主题描述参考，大家对着它来一个一个检验自己所做的主题就好了。只要大家在提交主题前注册一个账号就好了，这个注册的过程只有从没去过论坛的外星人才不会吧。我想在下面说说一些提交过程中的细节和经验。

认真准备

虽然说不是什么事都能一次过就完善，但能放在目录中的主题都是将要给全世界上的人围观的，所以应该尽量在交作业前认真检查，这是很重要的。怎样检查？一般自己折腾主题的话都会在电脑本地搭建WordPress的吧，首先在本地的利用WordPress的导入功能，把官方已经为你准备好的这一份测试数据导入到你的本地数据中。官方提供的数据中有着各种各样的样式文章，标题啊，引用啊，评论样式啊，很详细。利用它来对自己的主题进行检验最好不过，一看就能看出在样式中还有哪一些显示的细节没注意到和没修正。

这份测试的数据虽然内容很多，大家都耐心地对照修改好了。不能偷懒，因为官方在审查你的主题时候也是用着同样的一份数据，大家还是乖点好了，否则因为其中某个样式没做好，只会耽误了提交的时间。

首次提交

我建议在首次提交的主题，尽量把它保持得功能简单点。首次提交的重点是保证显示样式正常和合符要求，同时基本的浏览功能和评论功能也得必需能正常使用。除此外，一切其它的辅助功能，比如Ajax的效果和复杂代码的运用，甚至是主题后台选项的功能都不要添加！可能看到这里你会反问：为什么要这样，不需要一次完美吗？那些功能我都在本地检测成功的啊。我这样的提议不是说不相信大家对代码的操控能力，而是暂时避免由于官方审核人员对复杂的代码所理解的不同而搁置主题的审查。我想官方目录人员每天要审查的主题并不是个小数，如果他看到的是一个相对简单又没那么多折腾他的功能，审核很快就能通过的了。

同时，首次提交简单的主题也是出于考虑一些人为的不可测因素。比如我在提交的第一个主题中代码都是可以的，当我提交第二个主题，相同的代码却被告知不可以使用！这种情况真的很平常了，我想应该是由于每次审查的工作人员都不一样的原因。看到这里，Welee同学是不是也因为碰上过这种“倒霉”事儿而点下头吧，哈。

再一个建议，一定要保证主题支持侧栏的小工具功能，这样会让审查更容易通过。再极端点，我们大可以不放任何模块在侧栏，只在侧栏写上一句“请在后台启用小工具”来告知用户就行了。避免来个夜长梦多，代码多了，不必要的人为因素也会多。如果你不想侧栏空空的，可以添加一些都是经典的模块，比如文章列表、按月存档之类的来填充下位置就好了。一来这些代码被查出错的机会是零，二来这些东西其实都是必需的。

一切就绪后把主题文件夹压缩成ZIP格式，然后在官方目录中登录账号，上传则可。这一步骤很简单的，不过我每次在Chrome上传就通知出错，倒是在Firefox上传的可靠点。

审查的时间

对于首次的提交，如果按我说的送上尽量简单的主题的话，其实时间很短。按我的经验，一般情况下我会在巴黎时间十八点（北京时间凌晨一点）提交，不出两个小时就会通过的了；再长再长的时间也不超过六个小时。

当提交了的主题在超过六个小时甚至十二个小时还没有被通过的话，我就认为这个主题是有问题的了。如果审查的人员心地好，他会给你发一封邮件并告诉你主题有哪些地方出错。如果我没收到这样的告知邮件，我就直接给他们发一封去问原因，一般情况下，官方是会回复你的提问的。我喜欢这样做，积极点知道问题，尽快去解决。否则就只会不了了之。

而对于日常更新的提交，审查时间是超快的，比上面所说的还要短，我试过半小内就可以了。我想会不会是因为心理因素的影响，审核的工作人员看到你主题都已经通过了，就不会那么较劲地一个一个要点检查你主题，他们的工作量也相对较轻。我不是说他们怠工啊，我只是猜猜而已。

对代码负责

有时候，给碰上了较闲无聊的审核人员，哪怕只是日常更新的主题都会给他来个认真对待。比如我都会让主题通过W3C的认证，然后在页脚处放上检测它们的链接信息。然而却有一次被审查的人员告知在一个存档页面中不能通过认证。那位检查人员还真的一个页面一个页面来检测我的标准声明啊，这倒是让我汗了一把，多么敬业的好员工！所以要说的是，只要在主题中放置的代码都不能马虎了事，既然放上了就得对它负责；要不就干脆不放，多一事不如少一事。

由简到繁慢慢更新

在利用最初几次简单的常规更新骗过审核人员的心理认可后，我们就可以对主题进行一些功能的添加更新了，比如Ajax效果的运用之类。不过还是得注意需要更新的功能还是一个一个的来，你大可以来个一天一小新，但最好还是不要一次过提交多个功能的更新，体贴下别人工作量也好吧。而且，一步一步的更新会更容易发现问题的所在，方便解决。再次提议在主题文件夹内建一个用于描述每次更新内容的changelog.txt文件，我直觉上觉得官方人员是会看那个东西的，这样他们针对性的审查新的更改内容，高效做法来的呢。

复杂功能的更新可能更需要耐心，还得和官方人员进行下沟通，所以多次提交是可能的。每次更新前，大家记得在样式表中把主题的版本号增加一下，否则提交不能。

其它补漏

写到这里也差不多了，大家看一下上面的内容是否有用吧。要注意的东西我也没太多告知了，不过再提一下大家在提交的主题中一定要放上下面这一段的样式代码，必需的：

.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; }

另外官方对主题页脚处所放的信息也挺注意的。以前我想放上两个自己的链接，一个首页，一个主题的讨论页，都说不行。现在只放上首页的链接罢了，小气的啊。

最后，希望本文对各位都有所帮助，还期待更多国人的主题被收录到目录中去，cause we love WordPress~

Thème WordPress Js O4w

Jinwen — Tue, 10 Nov 2009 07:00:47 +0000

Bonjour tout le monde, j'ai renouvelé mon thème - Js O4w. C'est un thème utilisant le couleur blanc et orange, et je pense il est assez élégant.

Dans cette nouvelle version, j'ai ajouté deux langues - l'Anglais et le français et j'ai fixed quelque problèmes des styles.

Téléchargement : WordPress theme directory.

WordPress theme Js O4w 1.0.7 released

Jinwen — Tue, 10 Nov 2009 07:00:02 +0000

Hi, my WordPress theme - Js O4w has been updated this day. I added the other two languages support to this theme, now you can use this theme in English, Chinese simplified ant French. And more, I fixed some style problem in this version.

If you want to my theme can be supported with your language, feel free contact me, I'll add it! Thank you.

Download the latest version on WordPress theme directory.

简单说一下我的主题展示页面实现方法

Jinwen — Mon, 19 Oct 2009 19:12:16 +0000

昨天周日看着blog的时候，我突然想起还没有为最近发布的黑色WordPress主题－Js Noire做一个访问页面，因为懒。然后又想如是这样不是办法，因为当日后每做一个新主题后，自己除了需要为它添加一个新页面作介绍之外，还得在一个汇总页面上添加上它，以方便访客一览。这样的“手尾”好生麻烦，然后就想了个AUTO一点的办法做了个汇总页面。就象目前大家在导航栏中看到的第二个按钮，点它就会出现我发布过的所有主题汇总。

熟悉一点WordPress的朋友自然会想到利用分类或者标签功能，比如为每一篇发布主题的文章定义一个指定的分类或者标签，然后访问这个分类或标签的页面链接，它自然就是一个汇总页面了。当然我也是基于这个方向来考虑，但我还想在汇总页面上为各个主题添加一个缩略图，这样就更为直观，不是吗？还有就是只显示简略介绍就够了，不用什么日期啊评论啊的信息。所有这些就必须要自己制作一个页面模板了。OK，那就做一个页面模板，然后在后台新建一个页面，选取该模板方法。

如何在WordPress做一个页面模板？熟悉的朋友跳过，不太熟悉的朋友可以参照这篇文章建立一个。因为要筛选显示那些只是发布主题用的日志，所以在模板内的主循环代码部分：

的前面添加筛选用的代码：

$limit = get_option('posts_per_page'); $paged = (get_query_var('paged')) ? get_query_var('paged') : 1; query_posts('tag=idesign&showposts=' . $limit=15 . '&paged=' . $paged); $wp_query->is_archive = true; $wp_query->is_home = false; ?>

红字部分是指定筛选标签为“idesign”的所有文章，如果你是通过分类来区别的话，把“tag=”换成“cat=分类ID号”则可。“15”就是指定读取的文章数。

到此是一个筛选功能的完成，至于需要在汇总页面中添加各个主题的图片，我希望它能自动读取该篇日志中的图片。因为发布主题的日志一定（一般情况下）带有主题的预览图，所以直接读取它并显示出来就行了。

在模板的主循环里，在你需要显示图片的位置中添加如下代码：

" alt="" />

建议为该代码前后添加一个

的以方便控制它的样式，比如大小，是否浮动显示等。不要忘记的是，你必须在主题模板的function.php文件内同时添加上下面的功能代码，否则图片不会自动读取：

function catch_that_image() { global $post, $posts; $first_img = ''; ob_start(); ob_end_clean(); $output = preg_match_all('//i', $post->post_content, $matches); $first_img = $matches [1] [0]; if(empty($first_img)){ //Defines a default image $first_img = "在这里指定如果没有图片则显示的默认图片路径"; } return $first_img; }

这样，系统就能自动读取在该篇文章中的第一个图片，注意是第一个；所以请把需要作为缩略图显示的图片放在日志中的首位。

所有上面操作都完成后，在后台新建页面，选取刚建立的页面模板，也不用写什么内容的了，存档后访问该页面，就会显示那些需要显示的文章，还有文章内的第一个图片。

因为我这里是利用JQuery直接读取这个模板，如果你也需要这样，你需要把上述的模板文件更改一下。在其开头位置添加：

if ($_SERVER["REQUEST_METHOD"] != "POST") { header('Allow: POST'); header("HTTP/1.1 405 Method Not Allowed"); header("Content-type: text/plain"); exit; } $db_check = true; function kill_data() { return ''; } function check_db() { global $wpdb, $db_check; if($db_check) { // Check DB if(!$wpdb->dbh) { echo('Our database has issues. Try again later.'); } else { echo('We\'re currently having site problems. Try again later.'); } die(); } } ob_start('kill_data'); register_shutdown_function('check_db'); require_once(dirname(__FILE__)."/../../../wp-config.php"); $db_check = false; ob_end_clean(); nocache_headers(); function fail($s) { header('HTTP/1.0 500 Internal Server Error'); echo $s; exit; } ?>

然后指定一个激活的js效果，比如通过点击动作后读取这个页面；在你的模板js文件中添加：

$('激活链接的样式名字').click(function(){ $.ajax({ url : "/wp-content/themes/主题文件夹名字/上面制作的模板文件.php", type: 'POST', beforeSend: function() { /* 这里是读取数据前的一系列动作，比如要隐藏什么，显示什么的，根据主题不同不同 */ }, success : function (data) { /*下面一行是读取成功后数据显示方式。比如我是把数据附加到一个名称为"#qs-area"区块内并通过"slideDown"的方式显示出来。*/ $("#qs-area").html(data).slideDown('slow'); } }); return false; });

在这里关于AJax的方法我写得较为简单，因为并不是本文的重点；或者大家需要折腾的话，有问题也可以在这里说下，看我能否帮上忙好了。通过上面的方法后，日后当我有新主题发布，我就只需要在撰写该篇文章的同时为它添加一个指定的标签后，它就会自动被添加到我的主题汇总页面中去，当然还带了张缩略图。一个很适合我的懒方法，呵呵。当然，如果你也需要汇总一些带图片的文章，此方法也适用，按需灵活处理一下则可。

我的Js-Ox系列WordPress主题回顾

Jinwen — Wed, 07 Oct 2009 18:36:51 +0000

今天想到写这样的一篇文章，记录下自己做出过来的Js-Ox系列的WordPress主题究竟是什么样子的？为什么现在的主题叫Js O4了，那么之前的1，2，3是怎样的呢？我不能说我做的主题很漂亮，但如果你看完这篇回顾后，或者你也会和我一样觉得，如果就只从这个主题系列的前后对比来看，它们的确是越来越好看了，功能也越来越多。

Js Orange

这个应该就是本系列的首次发布了，橙色为主。发布这个主题的时间应该在2007年的上半年吧，那时候自己完全不懂什么CSS，PHP的，只是根据个人颜色喜欢，把很多看过的主题东拼西凑的就成为了这个主题。主题最吸引人的还是标题的图片，让人看上去很舒服，其实那图片也是借用别人主题的，呵呵。反正可以说，这是一个初次接触WordPress的我瞎乱搞出来的主题，为的也就是有一个和别人不一样的blog罢了。而主题当时也曾经发布过，但几经周折至今，现在我已经再找不到它的文件了。它能留下来的就只有下面一张图片，而且还很小！可惜。（不知道有没有朋友还有这个主题的原文件，有的话返送给我吧，可怜的主题啊。）

Js O2

第二版主题。这个时候也略懂一些CSS，知道自己想要些什么样的模式，所以就动手弄这个版式。主题的基本结构是采用Sandbox，一个很出名的模板。其实大家看截图时候也能看出它的影子。主题为两栏结构，也是以简单为主。有印象的是，那时的导航栏结构样式自己还算满意的，不过现在看来就有点丑陋的样子，可能是自己的审美观变了？呵呵。主题的功能基本没什么，有的都是Sandbox已经规划好的，而且那时候也说不上有什么功能是自己想去实现的，最重要的是那时候的自己更不懂怎样添加什么功能！

O2主题没有发布过，虽然那时候想过发布；并且因为很快我就转到第3版的设计中去了，庆幸的是我现在还有它的文件，历史啊，珍贵，对我来说。

Js O3

应该说大家知道我在做主题的时候也就是我发布O3系列的时候了。而这一版的主题弄的时间最长，版本功能什么的都升级很多次。一起看看：

最初版－1.0.0

那时候喜欢简洁，或者应该说是简单吧；版本没什么特别的。功能也是，不过已经开始自己折腾JQuery这东西。最先折腾的是把侧栏改成tabs的ajax切换形式。那时候还觉得挺炫的啊，自己满开心的，点一下就切换侧栏而不用刷新页面。哈哈。所以也是从那时候开始觉得JQuery的神奇。而这个版本也是有公开发布过的，或者还有朋友记得起。

中期－1.5.0

我记得直到现在也还有朋友问起我这个版本是否还提供下载，或者大家就更喜欢这个版本吧？我也不知道原因，是因为片面的简单朴实不？不过到这个版本时候我已经利用JQuery为主题添加了很多功能，如WordPress中Ajax留言的简单实现，在WordPress中利用Jquery隐藏较旧留言，让回复留言的按钮动态点JQuery版，网站RSS订阅的JQuery弹出效果实现，WordPress中利用JQuery处理沙发头像。真的是有很多在Ajax功能上的运用，而主题也由此变成简单样式但不欠功能效果。当然，大家对比一下上下两图也会发现其实样式我也是修改过的，尽管不怎么明显。

也是庆幸的是，这个版本的文件我还有，如果大家真的有喜欢这一版的，依然可以在后面的链接下载－[下载 Js O3 1.5.0]

后期－1.5.9.x

再及后是我发现样式应该再跟上潮流一点，所以也就为主题添加了背景色，还有圆角显示，自己看上去觉得能舒服点。还有就是再一步修改了标签的样式，到现在为止我依然觉得这个样式很舒服，所以这个版本我还是会更新下去的。

再说回这个版本的功能，再次添加的是在文章单页中利用JQuery分离正文与留言，具体可以看这一篇：给你们的懒人留言模式。而从这个时候开始，主题也在官方主题目录中跟进发布。目前最新版的下载地址－[请点这里]

Js O4

大约是半年前起我就开始再弄一个新版本的，O4系列是自己重新写的代码，一切都是由零开始，因为都折腾WordPress几年了，这样做起来并不太难。而且对一些代码和功能的优化也重新来过，当然样式也“与时并尽”。

Js O4w

这是O4系列里白色的那一款，也就是我现在在用的。具体介绍请看这里：WordPress theme Js O4w released。我就不再多说了，有说这一款颜色鲜艳，但无论如何，我挺喜欢。

Js O4 noire

昨天才发布的黑色版本，也不用再多介绍了吧。链接：黑色WordPress主题Js O4 noire发布

T20v2

这个主题其实是为了小魔女Tina订做的，因为也是使用O4的结构，所以我也在这里附上。但这个主题并没有发布，大家只能在她的网站上才能看得到。

***

回顾也就到此了，写一下才发现原来做主题还是经历了不少，变化能从各个时期上的样式看得出来。虽然都不能详细把它们特点啊设计时候是怎样想的啊之类全写。不过把这篇文章当作一下记录，更多的应该是一个纪念吧，毕竟坚持着弄个主题这么久不容易啊。你们说是不是？谢谢无聊看了此文的你们啦~

清新绿色WordPress主题“Le Mag”发布下载

Jinwen — Thu, 21 May 2009 18:46:57 +0000

因为昨天下了个WordPress的空白模板Whiteboard，本来只是想研究下的，后来竟然花了一个晚上把突然来的灵感做成现在公布的这个主题：“Le Mag”。再说Whiteboard这个空白模板还真不错，省了我很多时间，直接拿它编写CSS就可以了，上手容易，所以这个新主题的PSD我也只完成一半就直接coding了。

再是因为夏天了啊，所以我也弄个绿色的主题试试看，清新一点。大家看看本站效果，怎样？It's summer！

主题不复杂，支持WordPress 2.7的评论嵌套还有分页功能，其余的功能由widget实现吧。现在感觉widget还是很好用的，在及后WordPress 2.8正式后增加的widget保存功能，相信会更值得使用。主题通过CSS和XTML的认证，在IE和FF下效果一样了（虽然IE6上还是让我多做点什么，不过还是支持这个总是死不去的家伙，哼）

暂时主题是1.0.0的版本，更多细节上的调整还需要自己在使用中去发现。当然希望大家也试试这个主题，发现的问题告诉我就好了，可以让主题及早完善点。

主题已经放在WordPress的主题目录中去，点击下载。