刘成的博客 » WordPress

学习了WordPress主题制作教程

liucheng — Fri, 28 May 2010 05:37:21 +0000

这两天静下心来研究了一下我爱水煮鱼的WordPress主题教程。其实这本电子书刚发布时我就下载过，但是一直没有仔细看过，只是大略的浏览过。不过最近突然有了兴趣，又重新下载来看。

看了一半，大概四十多页，绷不住了，干脆自己动手做一下看看。这本教程，其实是完全的手把手教学，不用动任何脑筋，只需要一步一步把书中的代码敲进去，就能制作出一个简陋的wordpress主题。不过自己动手做一遍还是很有好处的，本来玩wordpress一年多，对wordpress的主题标签已经比较熟悉了，也动手修改过一些主题。但是这次完全是从空白的index.php文件开始作出一个完整的主题，所以还是很有收获。对wordpress的模板架构，标签有了一个系统的认识。

完了我干脆就把这个主题修改了一下，用到自己的博客上了。零零碎碎的修改的东西还是不少，宽度改成了960px，然后评论模板，时间标签等等一大堆东西。反正最后改出来的东西还像一个wordpress主题，虽然有点简陋。当然这也是没办法的事，虽然我对div css的代码基本都认识，但是设计方面就完全不行，一点想象力也没有，对网页配色，布局什么的也是一头雾水。不过今天算是一个好的开始，以后慢慢研究吧。

最后总结一下，在了解了wordpress的标签和div css以后，感觉制作一个主题就好像搭积木一样，当然这也是因为我不懂php js代码的缘故，相关的功能只能是东抄抄，西改改，复制粘贴。还有一件小事，就是这下不会因为碰到一样模板的网站而尴尬了，哈哈。

cPanel控制面板使用Fantastico安装WordPress

liucheng — Sun, 25 Apr 2010 13:49:55 +0000

Fantastico De Luxe是cPanel控制面板中的一个自动安装脚本，可以一键安装wordpress等多种开源的cms程序，非常简单方便。

安装方法：

点击cPanel面板中的Fantastico De Luxe按钮，进入Fantastico面板，点击WordPress

点击New Installation，进入安装选项:

从上向下依次是选择域名，安装目录，管理员用户名，密码，管理员昵称（随便填，不填也可以），邮箱，网站名称，描述。

完了点击Install WordPress安装即可，fantastico自动建立mysql数据库。

当然了这样安装完了是英文版的。然后从文件管理器或者FTP中把config.php文件下载到本地，把语言改为zh_CN，把数据库编码中的UTF-8删掉。（我也不知道为什么，不删中文显示乱码），保存后把文件覆盖回去，注意要用支持UTF-8的编辑器，Windows自带的记事本不行的，推荐notepad++。

完了进入后台，点击tool，upgrade升级，刷新一下，就变成中文版的了。哈哈，这绝对是我原创的小技巧。

WordPress前台登录框代码

liucheng — Mon, 15 Mar 2010 03:20:41 +0000

效果见侧栏，原始出处http://www.wprecipes.com/add-a-login-form-on-your-wordpress-theme

wordpress.la翻译http://www.wordpress.la/login-form-on-wordpress-theme.html

我这边没有代码高亮插件，直接复制过来的代码好像不能用，需要的朋友可以到上面两个地址去搞。

WordPress主题推荐：Webby Blue

liucheng — Tue, 12 Jan 2010 06:33:31 +0000

Webby Blue主题就是支付宝官方博客的主题，感觉很漂亮，发现居然是一款免费的主题，支付宝博客底部就有版权地址。

作者博客地址：http://www.justskins.com/

Webby Blue主题预览和下载：

下载Webby Blue | 预览地址

支付宝博客的样式相对于原版做了一点修改，标题和文本的文字大小都调整为适合中文的大小。网页的宽度也从760px修改为了1000px。值得注意的是，如果自己直接修改完这两个参数以后，除了footer部分，头部和中间都靠左不对齐了。支付宝博客的做法是在header的div上面加了一个div把居左的部分框起来，然后设置一下margin 0 auto就好了。这款主题还是非常清爽漂亮的。

作者还有多款漂亮的主题下载，有的在国内也很流行。

http://www.justskins.com/themes/wordpress-themes

顺带提一句，百度被黑对离鸣我没啥影响，目前情绪稳定中，嘿嘿。

博客简单优化了一下

liucheng — Fri, 08 Jan 2010 07:30:11 +0000

这几天把博客简单的优化装饰了一下，这个优化不是seo。

加了一个网页加载（Loading)进度条

因为我看一些高手的博客都有这个加载进度条，感觉很酷。所以突然想弄一个到博客上，网上搜索了一下，有教程直接就照着做了。

有两个相关的教程：Shawn的jQuery 页面载入进度条和AW的给页面加上Loading效果最简单实用的办法.（顺便一提，我在复制阿瓦的文章标题时发现他的博文标题用的是H4标签，好奇怪呵呵。)

这两种效果我都试过了，先用了Shawn的jQuery进度条，后来又换成了AW的loading进度条，因为AW这个比较简单，代码很少。而Shawn的jQuery进度条要加载一个jQuery的框架，比较大，当然他这个效果也比较炫。效果可以看AW的博客，Shawn自己的博客上也有loading进度条，不过他的那个倒是比较简单，是用了一个gif图片。这两个高手都写了不同的教程，但是他们自己的博客用的却是对方介绍的那种效果，有意思。

下图是AW的教程中的效果，我把它加到了博客中。

Shawn的loading效果教程演示见这里，他自己博客上还有一种GIF动画效果的loading，很炫。

侧栏加了一个大的订阅图片

有点心虚，因为我博客上有质量的文章不多，订阅的人也很少，毕竟水平有限，权当装饰吧。

HTML优化

加了一个Autoptimize插件，这个插件通过优化HTML代码（去除不必要的空格、换行、注释）、CSS代码、JS代码，缓存起来，然后访问的时候输出，访客访问到的是经过优化后的代码，很大程度上节省了流量，同时作者推荐和 WP Super Cache 插件一起使用。

当然我是不需要super cache插件的，因为我的博客流量很小。

插件安装很简单，后台添加新插件搜索一下点击自动安装就可以了。

添加了favicon.ico

什么是favicon.ico?因为这个模板本身没有带favicon.ico图标，我就偷了一个，就是胡戈戈的cleanblue模板中的favicon.ico图片。模板代码也简单优化了一下，很多php查询代码结果因为基本上不会变化，所以我就直接用html代码写死了。完了以后我就想，以后不能再换模板了，不然还要在折腾一遍，麻烦。不过玩WordPress不就是折腾吗，哈哈。

WordPress主题推荐：Prower V3

liucheng — Thu, 22 Oct 2009 07:45:47 +0000

看名字就知道，这是作者的第三款WordPress主题了。这三款主题我都非常的喜欢，看来我跟作者的审美观比较相近。

Prower V3的特点就是非常的简洁，只有一个24X24的rss订阅图片，整个主题文件夹只有37.7kb。除此以外，主题的配色也很大方，看着很舒服。网页简洁的好处不用多说，不仅可以提高网页加载速度，还能提高搜索引擎的友好度。

预览和下载地址：http://www.prower.cn/work/1655

在写了这篇日志不久，我就忍不住把主题更换成了这款，没办法，真的很喜欢这个主题。貌似之前无数次下决心不再更换主题的，不过管不了那么多了，反正我这垃圾博客除了我自己没人在意的。

WordPress自定义widget插件：widget logic

liucheng — Tue, 21 Jul 2009 10:52:28 +0000

自定义widget WordPress插件：widget logic，使用该插件可以轻松定义widget（也就是外观中的小工具）的展示，比如可以让友情链接只在首页显示。

WordPress后台插件选项中搜索widget logic然后点击自动下载安装并激活。

激活后在widget设置中会多一个选项，在其中填入对应代码即可。

代码如下：

is_home() 主页
is_front_page() 首页
is_admin() 管理员帐号
is_single() 文章页
is_page() 页面
is_category() 文章分类页
is_tag() 文章标签页
is_archive() 归档页
is_404() 页面无法找到页
is_search() 搜索结果页
is_feed() 订阅页

WordPress升级到2.8

liucheng — Thu, 11 Jun 2009 05:43:47 +0000

今天WordPress后台有自动升级到2.8的提示，点了一下，就升级到了2.8。

大概看了一下，主要界面没有什么变化，不像2.6升级到2.7后台外观那么大的变动。

插件管理外观改了，启用和未启用的插件都排列在一起，颜色不一样，之前启用和未启用的插件是分开的。

主题管理增加了预览和删除选项，并且和插件一样，可以从后台搜索wordpress.org上面的主题并在线下载安装，非常方便，这个在2.8测试版中已经有了。

特地上官网看了一下，2.8版大小是2.2MB,看来是越来越臃肿了，希望新的版本能在性能和速度上有所改进，这个是WordPress最让人不爽的地方。

补充：官方对WordPress 2.8正式版的说明

一、WordPress 2.8的后台和WordPress 2.7的后台看起来没太多的变化，但却在速度上提升了不少，因为WordPress官方在WordPress 2.8重新编写了后台样式和脚本代码。
二、主题已经可以插件一样在后台搜索、预览、下载，安装了。很Cool的一个功能，估计也是WordPess 2.8最大的亮点。
三、后台直接编辑代码支持高亮了，但这个似乎有点鸡肋，因为不是熟手估计不会直接在后台编辑，不然一旦保存就找不回来了，所以修改主题代码，还是建议大家通过FTP来。
四、重新设计了主题侧边栏挂件(Widgets)，理由很简单，在WordPress 2.7的时候没时间做，(流汗中~~)功能也有所加强，至于如果使用，大家自己可以体验。
五、WordPress控制面板首页更自由了，大家可以更加疯狂的拖动布置每个小板块的位置了，而且已经完全支持的后台四栏并排。也是一个很Cool的功能。

WordPress数据清理

liucheng — Mon, 08 Jun 2009 11:43:21 +0000

WordPress运行时间长了，会有一些数据冗余，可以用一些现成的插件来清理一下。
Delete-Revision
Revision Post 是 WordPress 在2.6版之后加入自动保存日志修订版造成，您每修改一次日志，就会增加一个 revision ，如果您修改多次，数篇日志之后，这将是一个很可怕的数量！您如果有上百篇的日志，您的冗余 revisiong 可能会有上千篇之多！
Revision Manager 正是为此而来，删除大量冗余 revision 对提高 SQL 语句执行速度，提升 WordPress 运行速度有很大的好处！
作者:http://www.gohsy.com

装了这个插件后看了一下，您已经发布了 140 篇日志，截止目前，Delete-Revision 已轻松删除了 159 篇冗余日志。

除了日志修订自动保存造成的数据冗余，mysql数据库运行时间长了也需要清理和优化。可以使用
WP DB Optimizer插件，它会自动优化数据表，可以节省数据库空间，同时也能提高效率。