wordpress 优化指南

所属分类: CMS教程 / WordPress 阅读数: 458
收藏 0 赞 0 分享
但可惜的是,目前wordpress主题中95%以上是外国人写的,其设计是基于西方文字的,中国的blogger将这些主题拿来用在中文博客上时,会有很多不如意的地方;另外别人的主题也很难满足自己所有的个性化需要,因此需要做一番优化和个性化的工作。
写这篇文章的目的,是希望更多文wordpress博主在奉行“拿来主义”使用外国人编写的wordpress主题时,能够考虑到中文博客的特点和自己个性化的需要,改造洋主题,打造适合中文博客的个性化主题,最终改善中文博客读者的阅读体验。

一.知识准备:要优化wordpress主题,需要对php和css有一定的了解是必须的,至少要能够看懂简单的php语句、了解日期格式的定制方法,粗通css中字体、色块、间距、图片等各常用元素的属性控制就可以了,不太清楚的话可以利用搜索引擎边学边用。Wordpress的文件结构也需要大略知道一点,这样才能知道自己想改的地方在哪个文件中。此处简要说明如下:
·header.php footer.php:页面最上方和最下方固定的内容,前者多数用来放博客的名称、导航条等,后者主要包含版权信息。
·index.php:主页的内容和外观由这个文件控制。
·sidebar.php:侧边栏显示哪些内容由这个文件决定。
·single.php page.php:前者控制日志的外观,后者控制如“关于”页面等固定页的格式。
·archive.php:存档页面的格式。比如某某类别的文章、某月的文章列表等。
·comments.php:日志后面的评论的部分。
·search.php:显示搜索结果的页面。
·style.css:样式表,控制外观最重要的部分。
·有些主题还有function.php link.php等,功能不一而足,可自行揣摩。

二.工具准备:推荐使用EditPlus编辑器,具有代码高亮显示、多个文件中查找替换等功能,大大提高优化效率。另外推荐firefox浏览器,因为它在右键菜单中有个“查看选定部分代码”功能,可以帮你在样式表中迅速找到控制某个区块的部分。

三.优化开始!

1.文字的汉化:英译汉是第一步,汉化到什么程度由自己决定。注意在汉化时要整句翻译,切忌一个词一个词的对翻。有的时候要改变句子的结构,例如”Posted by in on “会显示Posted by xxx作者 in xxx分类 on xxx时间,如果要汉化,则可改为“由于发表在”,就比较符合中文的语序。

2.字体的更改:很多外wordpress文主题中用到很多小号字,用来显示中文非常难看。建议在style.css中搜索所有font-size和 font元素,如果后面的尺寸属性小于12px的,一律改为12px;如果font-size用的是em作为单位,就要到body{}部分去找font设置的基础大小值是多少,然后乘以em数值。例如body中设置的font-size是12px,而某个区块设置的是font-size是0.9em,则这个区块的尺寸是10.8px,建议改为1em。另外,缺省的宋体字比较美观的尺寸不多,大概也就是12px、14px、16px等这么几种,不要乱用字体大小。

3.字体的美化:某些比较大的文字,比如blog的标题等,建议使用微软雅黑字体,vista用户可以获得比较美观的效果,xp用户多数没装此字库,会自动改用宋体字显示。

4.段落样式的优化:中文段落开头需要缩进2个字的空格,偏偏wordpress偏偏要删除段首的空格,连全角空格也不放过,因此有必要在样式表中加以优化,方法是在style.css中找到.post .contentp部分(名称有可能变化,有的主题中是.post .entryp等等不一而足),加上text-indent:2em;即可;经常引用他人文字的博客,有必要查看块引用的样式是否设置,否则要自己修改样式表中.blockquote这部分。

5.时间格式优化:这一点经常被忽视,大多数汉化过来的wordpress主题仍保留着June 6th,2008这类别扭的时间格式。修改方法:在index.php、archive.php、single.php、comments.php、page.php、search.php这些文件中,寻找comment_date和the_time函数,将后面的’F jS,Y’这样的时间格式改为’Y年n月j日’或者’Y-n-j’这样的格式,日期就可以显示为顺眼的“xxxx年x月x日”这样的格式了。

6.侧边栏个性化:侧边栏往往都只有categories、archives、meta这类内容,如果你喜欢用TagsCloud、最新评论之类的功能,要自己加进去,这就需要自行安装插件或widget了,有些不支持widget的主题,还要自行修改sidebar.php,并Style.css中增加相应的样式;

7.增加插件支持:wp-postview(显示日志的点击数)、wp-pagenavi(增强翻页功能)、wp-relatedposts(相关日志) 等插件是非常常用的,有的需要修改模板,有的需要改样式表。有了前面对模板结构的了解,可以根据插件的技术文档自行修改。

8.模板布局优化:前面这些步骤做完后,模板就已经可以很好的为自己所用了,但如果你还有心进一步优化,可以参看这篇文章:Creative Examples of Wordpress Themes Modifications,这里有很多例子让一些本来就已经不错了的wordpress主题进一步脱胎换骨。但优化的方法比较复杂一些,能进行这些优化的人基本上也可以自己写主题了。因此,学习改主题是通往自创主题的好途径。
更多精彩内容其他人还在看

WordPress 防止恶意评论的方法

本文章详细的介绍了关于WordPress 防止恶意评论代码处理办法
收藏 0 赞 0 分享

wordpress制作自定义菜单的方法

本文介绍了wordpress中自定义菜单制作详细教程
收藏 0 赞 0 分享

WordPress增加文章排序方式

很多网站的文章列表页面都可以查看排序方法,但是在wp系统中是没有这个功能,下面我们来看看关于WordPress系统中增加选择文章的排序方式的解决办法
收藏 0 赞 0 分享

wordpress get_posts函数的使用方法 禁止输出指定类别的文章

本文向大家介绍wordpress使用get_posts函数功能禁止输出指定类别文章的方法,大家可以参考一下
收藏 0 赞 0 分享

在wordpress文章末尾添加内容的简单方法

如何在wordpress的文章末尾添加内容,在wordpress每篇文章的末尾添加文字、链接等内容,比如你想加个“原创文章如转载,请注明本文链接:”,其实很简单,有多种方法,下面就介绍给大家
收藏 0 赞 0 分享

wordpress dynamic_sidebar()函数使用方法

本文简单介绍wordpress dynamic_sidebar()函数使用的方法,在wordpress开发中会经常用到
收藏 0 赞 0 分享

WordPress导航菜单函数wp_nav_menu()详解

本文主讲内容是WordPress导航菜单函数wp_nav_menu()详细使用的说明,大家可以看参考一下,在开发WordPress模板时会使用到这个函数自定义菜单
收藏 0 赞 0 分享

WordPress自定义多个边栏的方法

在wordpress后台中,在外观>小工具里面,可以自定义边栏要显示的内容,一般的主题都支持至少一个自定义边栏,那么它是如何实现的呢
收藏 0 赞 0 分享

wordpress全局变量$wpdb初始化并声明为全局变量的方法

wordpress操作数据库用一个全局变量$wpdb来进行各种操作,使用的时候先在函数声明global $wpdb,然后调用它的数据库操作方法。那么它是在哪里进行初始化并声明为全局变量的呢
收藏 0 赞 0 分享

wordpress中强大的调用文章函数query posts 用法

query posts是一个非常好用的调用文章函数,可以做到同页面内显示多种特定范围的文章,下面为大家详细的介绍下wordpress中强大的query posts 用法,喜欢的朋友可以参考下
收藏 0 赞 0 分享
查看更多