您现在的位置是:首页 > 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自动采集插件的使用步骤
WP-AutoPost是目前好用的WordPress自动采集发布插件,大的特点是可以采集来自于任何网站的内容并自动发布到你的WordPress站点。
wordpress自带ajax的实现方法
例如给网站每页logo后面的一句名言,点击“换一条”就会ajax动态加载一条,使用了wordpress的自带ajax方法。下面介绍如何使用wordpress自带ajax方法:
WordPress中的Nonce使用详解
Nonce是number used once的缩写,Wordpress的nonce不是数字,而一是串由数字和字符组成的Hash值,不仅只能使用一次,还同时具有生命周期(lifetime)
WordPress临时关闭网站进行维护的方法
有时可能会因为各种原因导致我们的网站出现访问错误,此时我们就需要临时关闭站点进行维护,那么我们该如何临时关闭站点进行维护呢
相关源码
-
(自适应)电子元件电路板元器件pbootcms网站源码下载为电子元器件、电路板制造类企业设计,特别适合展示产品参数、技术规格等内容。采用响应式技术,确保各类电子元件在不同设备上都能清晰展示。查看源码 -
帝国CMS7.5漫画网站模板带手机端源码免费下载本模板为漫画内容平台设计开发,采用帝国CMS7.5内核构建,深度优化漫画作品展示结构与章节管理模式。前端采用响应式布局设计,适配各类漫画阅读场景,提供作品分类、连载追踪、热度排行等垂直领域功能模块。查看源码 -
(PC+WAP)蓝色钢材加工建筑装修施工材料网站模板下载为钢材加工企业设计的PbootCMS响应式模板,采用PC+WAP双端适配技术,数据实时同步。简洁大气的蓝色工业风格设计,突出钢材加工行业特性,其他制造业用户更换图文内容即可快速应用。查看源码 -
(自适应)蓝色厨卫厨房水龙头阀门水槽设备源码下载基于PbootCMS内核开发,深度适配厨卫设备行业特性。通过精准的产品展示模块与水效标识专区设计,有效呈现五金件工艺细节。响应式布局确保从手机到平板都能展示金属质感与水流动态效果。查看源码 -
(自适应响应式)黑色酷炫高端数码摄影pbootcms网站模板源码本模板基于PbootCMS开发,为摄影工作室、个人摄影师及摄影爱好者设计。采用深色系风格,突出摄影作品展示效果,适配各类数码设备浏览。适用于作品集展示查看源码 -
(自适应)帝国cms7.5模板自媒体文章新闻博客为帝国CMS7.5设计的响应式模板,采用H5技术构建现代化内容展示框架。通过智能断点检测技术实现手机、平板、PC三端适配查看源码
| 分享笔记 (共有 篇笔记) |

