Jinwen Say » WordPress

新主题与TwentyTen

Jinwen — Thu, 12 Aug 2010 03:25:11 +0000

昨晚换了主题后只是随便写了两句，今天再多写一些相关的，骗骗留言。

－新框架

相信大家都看到这个主题是从WordPress新的默认主题改过来的，以新的TwentyTen作为新的框架做主题的开发是非常好的，能省去很多诸如细节样式和代码的设置，再说它的功能本身就非常的强大。我建议大家新的主题都以它来做框架，毕竟WordPress这年头都到了3.0版本了，很多代码应该要更新了。

题外话，上次第二次提交Js O4w的更新又被官方打回，原因是没有body_class()这类新代码，气！真是迫人升级啊。

－导航自由

新的主题导航就是自定义的Menus功能，而且还支持着二级和三级目录的弹出显示，这点很省很方便。现在能在后台就轻松处理排列导航的显示，而且还带保存功能，不担心设置丢失。

而且这种导航还可以应用到小工具当中，也就是说能把自己喜欢的菜单项目放到侧栏或者脚部位置上，方便得很。

－背景，图片自由换

其实我最喜欢的就是能在后台方便设置头部图片和背景图片。我觉得主题再漂亮，始终都会出现审美疲劳的，换一下这两样东西肯定有更多新鲜感。再说，如果主题发布，使用的人多了，他们也想自己的主题跟别人至少有那样这样的不吧，这种功能更添个性化。可能，带有这样功能的主题会更受欢迎点。

有着这两个功能，感觉主题就象是能百搭的衣服，能变出很多样式，每个人都用得不一样。

P.S. 昨天的背景图不能适应高分吧，所以今天就换了，不过好象没昨天的好看呢。

－强大的小工具

TwentyTen默认就支持6个小工具，2个侧栏，4个底部。我觉得这样也很足够了，但我自己再添加了2个小工具用于文章页面内的，与之区别于首页显示。现在一共是8个小工具，很符合我目前的想法：基本上都通过小工具更改页面的布置，而不需要再用记事本打开编辑主题文件。这也有考虑到以后其它使用这个主题的朋友的方便。

－首页布局

首页文章的布局非常灵活，TwentyTen默认已经为我们设定好两种特别的样式。

一种是用来显示相册的，只要文章的目录分类是按预设的Gallery，首页就会显示一张缩略图加上文章摘要。当然这张缩略图的设定也是内置的功能，很赞。这样对于图片集的处理很醒目的，让访客在浏览首页就知道这是相册类的文章，而且还标示了有多少张图片在。

另外一种是按目录是预设的Asides显示样式。它只会在首页显示正文，而不会显示标题。感觉就象是你随便说的一句两句一样，把它们贴到首页就能让大家看到了，也很方便。

我自己再按目录添加了一种样式给付费评论。由于付费评论一般要求在首页显示链接，但我的习惯是首页文章摘要都不带链接的。现在这个主题的功能能让我轻松的区别显示它们又不用太多更改模板，非常好使。

－其它

对于TwentyTen最大更改的部分是留言用上Ajax功能。但这次相对于上一个主题Js O4系列的功能来说真的不算什么了。因为我想主题简单点，功能不用太多。记得上个主题是有Ajax的联系表单功能的，这次我把它先去掉，因为觉得它的使用频率真不高，一个月才被使用上一次，两次，证明作用不大，去掉。

说到简单主题，我这次还特意把搜索栏做小一点，没有上个主题那么大而且放在显眼位置，原因是同样觉得它是必需的，但不至于被人天天使用。还有目前侧栏我只放上购买链接广告，其它都不放上去了，看看这样布局，网站是不是会简单醒目一点。

现在网站上图片的搭配不是固定的，毕竟我随时都可以更换了，只要在后台就能弄好，哈哈。

然后就没有然后了，说完。

继续简洁，新主题

Jinwen — Wed, 11 Aug 2010 15:17:16 +0000

随便发几句话，换个新主题。这是在WordPress 3.0上新的默认主题上开始进行的更改，目前还能见得下人，稍后再添加其它功能。

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 3.0 的menu功能

Jinwen — Wed, 07 Jul 2010 12:04:18 +0000

最近开始看一下WordPress 3.0的新增功能，坦白说是很不想去看，觉得越看越麻烦；而且目前的2.9.2 功能也凑合，一切安好的感觉没有升级的必要。

然而事实又未然：这几天都有使用我主题的朋友留言问我怎样才能调整导航按钮的顺序，我不得不告诉他编辑主题文件的方法，还有让他去看一下相关的官方CODEX ，了解一些参数的运用，直到最后他回复说他已经懂了。我想这样折腾别人又折腾自己何必呢，所以我干脆把主题修改一下，用上3.0 中的custom menu功能，这样大家就轻松多了。

反正3.0 上的新功能已经不是新鲜事儿，很多折腾星人从它的beta版时就已经摸了个透彻，要来个汇总什么的推荐大家看这一篇文章：WORDPRESS 3.0 THEME DEVELOPMENT LINKS，应该错不了。我这次需要的只是custom menu 的功能部分，也不复杂，大家在上面链接里的开头部分就能够知道清楚了，我在这里也没必要再贴次代码，略过。

中间我发现的问题是要怎样兼容3.0之前的版本，在官方CODEX 中有这样一篇推荐文章，说是能够解决新旧版本的兼容问题。我自己试了一下，但没成功；又看了一下3.0 上新的默认主题－twenty ten 上也没有这样考虑的。所以如果有谁知道如何兼容旧版本的话请告知一声，我也想看看。

不过估计就算知道了兼容的方法，我也是不打算去折腾这个。我想在使用WordPress中99% 的人们还是会理所当然地升级到最新版本的；那些不想升级的，基本上就是能自己折腾代码的人吧，应该用不上我来操心。

另外官方为这个新功能留了一个叫$fallback_cb 的后门参数，目的是让用户在没有设置具体的menu时候，默认使用的menu是wp_page_menu这个。因为在我更改的主题中，导航栏是已经有了选择分类显示或者页面显示的功能，所以对我来说，最简单的方法是使用下面这个条件判断：

就是说，有用户设置的menu的话就按后台设置的显示，没的话就按我自己的，不一定是默认的wp_page_menu。我觉得这个更好用。

最后，估计大家还是会升级吧，否则在选用主题时候还是要看清楚：有没有人象我一样也在主题介绍的第一项就写上：ONLY BUILT FOR WORDPRESS 3.0。呵呵，要看清楚~

WordPress付费主题模板－Js O4

Jinwen — Thu, 20 May 2010 10:33:09 +0000

继上个付费主题后发布，这次再次出售我现在使用的WordPress主题版本－Js O4。

主题的介绍我懒了不写。其实就是我现在使用的主题，当然是全功能的了，暂时你完全可以把我网站作为DEMO来查看。你在我网站上看到的所有功能，包括Ajax 的标签浏览功能，Ajax 的嵌套评论功能，还有页脚处的 Ajax 存档及链接还有联系表单功能，所有都在这个付费版本上体现。

目前这个主题是有两个颜色版本的，分别是白色和黑色版本。我把它们拆分开来，你可以选择喜欢的颜色来购买。当然还有一个所谓的完整版本，就是同时是白色和黑色显示，并利用前台的Ajax 实现切换，还有通过cookie 来记录保留访客选择。这个可以在我网站的标题部分利用按钮进行体现。

喜欢这个主题的朋友请到下面淘宝店帮我拍拍啦，非常感谢~

－Js O4 white （白色版本）－79RMB/份

－Js O4 black （黑色版本）－79RMB/份

－Js O4 完整版（白色和黑色Ajax切换版本）－129RMB/份

WordPress付费主题模板－Js O3 Ajax

Jinwen — Tue, 04 May 2010 11:33:32 +0000

第一个做WordPress主题模板的不是我，第一个发布免费WordPress主题模板的也不是我，还有第一个做付费主题的更不是我；但今天我也选择做自己的第一款付费WordPress主题模板。

之前已经有Zww同学的这次还有这次出售WordPress主题的经历，我觉得这个行动很赞。不是说我鼓励向钱看，我们不也提供了很多免费的WordPress主题吗？只是我觉得这是一个尝试，而且觉得每一个WordPress主题制作都也应该去做的尝试。你可以说我们的主题不够优秀，但是我们的主题售价也不会是天价。

对我来说，这次先使用 Js O3 Ajax 作为首次尝试。这个主题已经是有免费的版本提供给各位下载的，但同时我也把自己使用的版本作为付费主题放出。一来这是对这个主题制作的一个阶段结束，二来是也不能浪费自己曾经的心血。所以，我计划后面制作的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 什么的完全都是业余的爱好，还有什么简历的啊？等我再了解一下情况再说了，我弄不好也可以推荐各位去嘛，是不是？

WordPress主题China Red发布

Jinwen — Sat, 10 Apr 2010 02:44:43 +0000

题目有点标题党了，其实这里所说的WordPress主题China Red就是较早前春节时候临时发布过的花开富贵版。没有印象？那看图就知道了。

我把这个主题重新整理一下，去掉了一些中文字，然后添加了一些基本的比如更换标题图片可能这些功能。然后名字嘛，随便改一个“中国红”就好了，或者老外会被名字吸引一下。说实话，这么喜庆的红色，我想只能用来吸引一下老外的重口味了，哈哈。

主题现在正式地放到官方的主题目录中去，因为只有这样，日后再有的小更改就可以利用官方的后台升级提示通知大家，而我也不用在每次更改后都让大家重新下载什么的。主题的介绍我就不重复了，这里有说过它的一些。

这次提交官方遇到的麻烦就是，他们又说侧栏中的最新留言代码不好，建议使用内置的get_comment()函数。唉，此一时彼一时，只能改成下面的代码。不知道是不是最好，反正他们接受了。如果大家在提交时候也遇到过一样的事情，或者可以用下面的替换一下。




$show_comments = 10;

$i = 0;

$comments = get_comments("number=10&status=approve");

foreach ($comments as $comment)

{

$comm_post_id = $comment->comment_post_ID;

$i++;

?>

: 



if ($i >= $show_comments) break;

}

?>

同时，如果发现上面的代码还能精简优化的话，希望能告诉一下大家。否则说不准下次提交官方那边又说这不行了，哈哈。

再有，这里再推荐ZWW同学近期发布的zBench主题。我很喜欢这款灰色的，自己从来没有做过灰色的主题，如果我要换款灰色的，那么这是首选，呵呵。希望大家也多多支持我们那些做免费主题的朋友啦，这里友情推介。

WordPress主题中头部图片自定义功能的实现

Jinwen — Sat, 06 Mar 2010 01:30:28 +0000

在WordPress主题中，头部（header）的自定义一般来说就是能让用户在后台能够自行更改主题默认显示的图片或者标题的大小颜色这些功能。而为一个主题添加上这些后台选项并不难，在WordPress较新的版本中已经为我们定义好了模块（add_custom_image_header），我们只需要对主题的一些文件简单修改即可。

这里我以自己制作的免费主题Js O4w 为例简单说一下。首先我会建立一个新的文件并命名为banner.php，名字大家随便就可以了，把它放到主题的目录中去。而我放置的路径为 inc/banner.php。文件的代码简单如下：

//* HEAD define('HEADER_IMAGE', '%s/images/banner-white.jpg'); // %s is theme dir uri define('HEADER_IMAGE_WIDTH', 930); define('HEADER_IMAGE_HEIGHT', 200); define('NO_HEADER_TEXT', true ); define('HEADER_TEXTCOLOR', ''); function admin_header_style() { ?> function header_style() { ?> if ( function_exists('add_custom_image_header') ) { add_custom_image_header('header_style', 'admin_header_style'); } ?>

其中，

define('HEADER_IMAGE', '%s/images/banner-white.jpg'); // %s is theme dir uri

这一句的路径是默认主题的图片路径。

而

define('HEADER_IMAGE_WIDTH', 930); define('HEADER_IMAGE_HEIGHT', 200);

上面的两句是确认主题头部中使用图片的长度和宽度值，这个根据主题的不同而不同。设定这个数值一来是为了让图片符合主题的显示效果，另一个是用来在更换图标时候，对较大图片进行裁剪功能时候的尺寸限制。

接着的两句

define('NO_HEADER_TEXT', true ); define('HEADER_TEXTCOLOR', '');

这里需要说明一下，在我使用的主题中，图片上是没有网站标题和描述显示的，所以我是需要这样的写。如果，在你的主题中，网站标题和描述是在图标内显示的，而你又需要在后台为其添加样式定义的话，可以改成如下：

define('HEADER_TEXTCOLOR', 'ffffff');

其中的ffffff是表示默认显示字样的颜色值，根据主题设计不同而不同。

然后我们需要为WordPress自带的这个模块定义两个样式，分别是在后台选项中头部的显示样式

function admin_header_style()

和主题前台中头部的显示样式

function header_style()

对于这两个样式的定义，大家在最文章开始的代码中能看到，当然也是需要根据主题不同而不同的了。对于我的情况，显示图标的区块定义是#banner 。另外，因为我们已经在这个文件中定义了主题前台的头部显示样式，我们就不再需要在传统的style.css文件中重复定义它了。

基本的设置代码就是如上，重点需要设置的还是上面提及到的两个样式而已，其它的都好理解。最后我们需要把这一个文件包括在主题的function.php文件中，在其内添加一句：

include_once(TEMPLATEPATH . '/inc/banner.php');

上面的路径什么的大家请根据自己的设置自行对上。这里补充要说的是，可能我这样多做一个文件有点多余，其实我们是可以直接把最初的一整段代码直接放入到主题的function.php文件中去的。但有一个情况，就是当你的function.php文件中已经有关于后台选项的代码存在了，那么为了避免不必要的出错修正，可以按我的方法加入，这样会方便点。

如上面的更改一切顺利，我们就能在后台的选项中看到自定义头部的选项了，因为这个模块是WordPress自带的，所以里面的翻译也是同步了。

点击上传按钮，选择自己喜欢的图片，如果图片尺寸大于我们的设定值，我们也可以直接对上传的图片进行裁剪，很方便的。如图，

指定裁剪位置后，点击“裁切头部”，OK, ALL DONE。（另外，当指定新图片后，后台是会多出一个恢复到默认图片的选项，我这里就不多说了。）

P.S. 目前这个功能在Js O4w的最新版1.1.5中已经内置，使用该主题的朋友直接在后台点升级则可。这样的话，大家想更换一下那个圈圈图片的话现在可以了，就象下图一样。希望这个功能能方便地让大家把主题弄得个性一点，尽管我一直觉得那个圈圈图案很好看，呵呵。

WordPress主题Js O4w更新至1.1.4版本

Jinwen — Sat, 27 Feb 2010 00:54:19 +0000

Js O4w这个主题我就不作介绍了，重点说一下这次更新的内容。主要是增加了后台的选项，虽然不是很复杂的功能增加，但应该都是些能用得上的，不是花巧东西。基本上这个主题的样式不会再有太大改变，打后的更新主要也是围绕功能这个方面进行。

首先增加的是文章单页的上一篇及下一篇文章的链接。不知道为什么我一直都不太想添加这个，觉得是不是有需要呢？都说这样能增加访客的粘度，至少让他们在网站上能多留一点时间。那好吧，我自己不用也得考虑下别人，这次加上。

然后就是主题的导航栏内容部份的更改。以前一直都显示网站的页面链接，因为我记得曾经有过朋友问我怎样把它改成显示分类链接，所以这次我也改上，并且让它们都在后台选项中被控制，方便点。

接着还有更改的是分别添加了“RSS 订阅”，“Facebook”还有“Twitter ”三个图标在页头，并且能够在后台中让使用者定义连接。对于“RSS 订阅”这个图标是默认显示的，如果大家不做更改，那么链接是WordPress中默认链接；如果大家需要把它改成Feedsky 或者Feedburner的话，请在后台相应更改就是了。而且，当你在后台更改了订阅链接后，浏览器能自动发现的网站订阅链接也会顺带一同更改，这样还是很方便有用的。

对于“Facebook”还有“Twitter ”这两个图标，一开始我也想让它们默认显示的，毕竟在国外哪有人会不用它们的啊？不过，还是不过，因为国情嘛，所以只好再多做一点好了。如果大家在后台不填写它们的链接的话，图标是不会在前台显示的；反之，哪个被填写了链接哪个就在前台显示。这样做法应该比较弹性。

另外的是，如果有使用这个主题的朋友需要主题添加一些国内社交网站的图标的话，告诉我你喜欢添加哪些，有需求就要更改，我会尽快加上的。

最后，还得感谢墨衣客同学帮助完成这个主题的西班牙文翻译，谢谢！