10个改善WordPress主题的小提示
现在有很多朋友都是用WordPress来搭建博客。安装好WordPress后, 很多新用户都尝试去网上搜索下载一些很个性的主题(theme),而很少有用户使用WordPress默认的主题。其实,不管你使用的WordPress主题是收费的还是免费的,还是有很多地方需要改善的。下面的WordPress主题建议,涵盖了基本的定制技巧、样式化以及优方法。
1. 缩小图片尺寸
在每个WordPress主题中图片都占有很重要的地位,但可惜的是很多主题开发人员都忘了优化它们。这其中图片包括CSS背景图片、模板logos、默认的图片、小图标等等。
优化图像可以节省您的带宽消耗,也可提高你的博客读者页面响应时间。拿PhotoShop CS3来说,菜单栏 "文件" - "存储为Web 和设备所用格式 ",可以优化用于Web的图片。通常我的做法是不断降低图片的质量,直到我看到颜色或质量的明显变化为止。
此外,还可以使用像Smush.it无损图像优化工具,这个工具可以在保证图片质量的情况下压缩图片大小,使用方法有二:
- 依次点击"UPLOADER" - "Select Files and Smush",选择本地要压缩的图片即可,最后点击压缩结果的图片名称即可下载
- 点击"URL",输入图片的URL地址,提交即可开始压缩

2. 使用个性的Favicon
一些WordPress主题并不附带一个默认的favicon(该图标可以标示一个网站,你可以在浏览器标签和浏览器的网址栏看到它),下图标示的是本博客所使用的favicon图标,一个 if

如果一个网站没有设置favicon图标,会给人一种不专业的感觉,为此还是确定你的WordPress主题包含一个favicon图标吧。设置favicon图标其实也很简单,只需将一个favicon.ico图标文件上传至网站根目录即可。如果你的主机不支持这种方法,也可以在WordPress主题中引用,打开主题目录下的header.php,在</head>之前添加以下代码(记住将以下代码中的favicon.ico改成你的图标URL):
<link rel="icon" href="favicon.ico" type="image/x-icon" />
3. 样式化图片描述
当你上传图片并插入到文章当中时,你应该给它添加图片描述来形容它。注:图片描述就是图片的说明性文字,在WordPress后台编辑文章,上传图片后有一些选项,下图中第二个标题就是图片的描述文字:

每一个好的WordPress主题都应该包含图片描述的默认样式,为了样式化默认的图片描述,你可以在主题的style.css中添加 .wp-caption 类。以下是图片描述样式化的CSS代码,你可以参考(使用了一些CSS 3属性):
.wp-caption { background-color: #f3f3f3; border: 1px solid #ddd; -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; /* optional rounded corners for browsers that support it */
margin: 10px; padding-top: 4px; text-align: center;
}.wp-caption img { border: 0 none; margin: 0; padding: 0;
}.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px;
}以下是使用了以上CSS代码后,图片描述样式化后的结果:

4. 使用 PHP 的 Flush
在主题header中调用 flush() 函数,可以加速你的WordPress博客。操作也很简单,打开主题目录下的header.php,在</head>后面添加以下代码即可:
<?php flush(); ?>
这行代码只是强制服务器在发送其他内容之前,先发送你的网站头(header)。通过使用 flush() 函数,浏览器就可以在等待网页其他内容的时候,下载网页头中引用的所有样式表。
5. 在你的主题样式表中使用CSS简写
WordPress主题CSS文件中给网页的不同部分定义大量的样式代码。为了缩小CSS文件的大小,可以使用CSS简写方式。一些WordPress主题设计者为了方便初学者修改样式而不用CSS简写,但如果你是一位经验丰富的CSS编写者,你可以尝试用CSS简写方式来 写/重写 样式表。
举个例子,如果你在主题中发现类似以下的样式规则:
.post { padding-top:3px; padding-right:10px; padding-bottom:5px; padding-left:2px;
}你可以将它们缩写至它们的简写形式:
.post { padding: 3px 10px 5px 2px; }这将有效地减少您的样式表的大小。两段代码实现效果是完全一样的,但是每一点的优化都会使你的WordPress主题更快。
6. 压缩你的 WordPress 主题文件
以上我们以及通过使用简写来优化了styles.css,但是可能你的CSS和JavaScript文件仍然不是最精简的,你可以再次将它们压缩。通过压缩,可以去除文件中不必要的内容,如空格、制表符、空行等。
要压缩JavaScript,可以使用在线工具 JavaScript Compressor,在第一个输入框中输入js代码,点击Compress JavaScript就可以的压缩后的js的代码。
上一篇:不用插件WordPress怎样实现自动设置tag标签自动内链?
栏 目:WordPress
本文标题:10个改善WordPress主题的小提示
本文地址:https://zz.feitang.co/CMSjiaocheng/25956.html
您可能感兴趣的文章
- 11-11wordpress导航菜单新窗口打开的设置方法
- 11-11WP-PostViews插件如何修改文章阅读数
- 11-11wordpress附件保存目录改为年月日和上传文件重命名为时间戳
- 11-11WordPress 上传媒体库文件重命名 全格式支持
- 11-11解决wordpress安装后更新或者上传文件权限不足的问题
- 11-11wordpress实现主动推送+熊掌号推送同步进行
- 11-11WordPress 添加友情链接设置 nofollow 属性
- 11-11WordPress 实现 wp_list_bookmarks 自定义友情链接排除调用
- 11-11WordPress首页指定或排除某分类文章显示
- 11-11WordPress不同分类调用不同的文章模板


阅读排行
推荐教程
- 09-22wordpress如何添加描述
- 11-11wordpress附件保存目录改为年月日和上传文件重命名为时间戳
- 10-19纯代码给WordPress网站添加独立下载页面功能
- 11-11WordPress之给文章内容中间插入广告的实现方法
- 10-18wordpress无插件调用随机文章的方法
- 10-18WordPress 技巧:WordPress 后台也使用七牛云存储
- 10-24Win10无法调节声音怎么办?Win10无法调节声音的解决方法
- 10-19WordPress上传图片HTTP错误的解决方法
- 10-18让注册用户可以上传自己的头像的WordPress插件-WP User Avatar v2.
- 11-11国外WordPress精美主题如何DIY汉化成中文版呢?





