您现在的位置是:首页 > cms教程 > WordPress教程WordPress教程
wordpress优化的方法和需要的工具
含烟2023-06-21WordPress教程已有人查阅
导读wordpress毫无疑问是一个 的博客系统,其最吸引人的一个特点就是有大量的外观主题(theme)可以满足个性化的博客展示需求。但可惜的是,目前wordpress主题中95%以上是外国人写的

wordpress毫无疑问是一个 的博客系统,其最吸引人的一个特点就是有大量的外观主题(theme)可以满足个性化的博客展示需求。但可惜的是,目前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安装手机主题的教程
针对手机自适应的主题网上也有一些,这里我就找到用户使用较多的两款Mobile-better(grey)和Mobile-better(white)主题。
wordpress修改底部版权的方法
wordpress底部版权怎么修改,首先登录wordpress后台,找到“外观”-“编辑”。然后进入“编辑”页面,找到“ 底部 (footer.php)”
wordpress适合做大站吗
随着 WordPress 的流行,越来越多站长喜欢选择傻瓜式的 WordPress 作为网站的程序选择,但是,很多站长都是没有实战经验的,基本都是道途听说
wordpress制作banner的具体步骤
wordpress网站制作banner切换图的方法其实很多,有通过wordpress插件来制作的。但对于做网站的新手来说
相关源码
-
(PC+WAP)绣花刺绣传统手工工艺pbootcms网站源码下载这款基于PbootCMS的网站模板为刺绣和传统手工艺行业设计,采用优雅的布局和精致的细节处理,能够呈现手工艺品的独特韵味和文化内涵。模板结构合理,功能完善,是手工艺从业者展示作品的理想选择。查看源码 -
(PC+WAP)生活资讯百科新闻门户类pbootcms网站模板为生活资讯、百科门户类企业打造的高性能网站模板,基于PbootCMS开源内核开发,采用HTML5响应式架构,PC与手机端实时数据同步,覆盖全终端用户浏览场景。查看源码 -
(自适应)HTML5响应式双语绿色物流运输快递货运pbootcms源码本款基于PbootCMS开发的网站模板为物流运输、快递货运行业设计,采用HTML5技术构建,支持简繁字体切换。模板设计充分考虑了货运物流行业的特点,可专业展示运输服务、物流网络和业务优势等内容。查看源码 -
(自适应)餐饮小吃火锅加盟pbootcms模板源码下载本模板基于PbootCMS系统开发,为火锅餐饮、小吃加盟等餐饮企业打造。采用响应式设计,适配各类移动设备,帮助餐饮企业展示特色菜品、加盟政策和服务优势。查看源码 -
(自适应)绿色LED灯具照明灯饰灯光灯泡pbootcms网站源码下载本模板基于PbootCMS内核开发,为LED照明、灯具制造及相关光电技术企业量身打造。设计充分考虑了照明行业的展示需求,从产品陈列到技术说明,从光源展示到工程案例,每一个细节都体现出专业照明行业的特点。查看源码 -
(自适应响应式)蓝色环保机械设备网站pbootcms模板HTML5源码下载基于PbootCMS的生态环境技术展示平台,通过内容调整可应用于新能源设备、污水处理、空气净化等环保相关领域。设备参数采用对比表格展示,技术原理支持图文混排;查看源码
| 分享笔记 (共有 篇笔记) |

