搜索

首页  >  文章  >  CMS教程  >  WordPress主题怎么优化？10个改善小技巧

WordPress主题怎么优化？10个改善小技巧

青灯夜游
青灯夜游转载
2023-03-16 20:20:011687浏览

WordPress主题怎么优化？下面本篇文章给大家介绍一下10个改善WordPress主题的小技巧，希望对大家有所帮助！

WordPress主题怎么优化？10个改善小技巧

现在有很多朋友都是用WordPress来搭建博客。安装好WordPress后， 很多新用户都尝试去网上搜索下载一些很个性的主题(theme)，而很少有用户使用WordPress默认的主题。其实，不管你使用的WordPress主题是收费的还是免费的，还是有很多地方需要改善的。下面的WordPress主题建议，涵盖了基本的定制技巧、样式化以及优方法

1. 缩小图片尺寸

     在每个WordPress主题中图片都占有很重要的地位，但可惜的是很多主题开发人员都忘了优化它们。这其中图片包括CSS背景图片、模板logos、默认的图片、小图标等等。

     优化图像可以节省您的带宽消耗，也可提高你的博客读者页面响应时间。拿PhotoShop CS3来说，菜单栏 "文件" - "存储为Web 和设备所用格式 "，可以优化用于Web的图片。通常我的做法是不断降低图片的质量，直到我看到颜色或质量的明显变化为止。

     此外，还可以使用像Smush.it无损图像优化工具，这个工具可以在保证图片质量的情况下压缩图片大小，使用方法有二：

  • 依次点击"UPLOADER" - "Select Files and Smush"，选择本地要压缩的图片即可，最后点击压缩结果的图片名称即可下载
  • 点击"URL"，输入图片的URL地址，提交即可开始压缩

1.png

2. 使用个性的Favicon

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

2.jpg

     如果一个网站没有设置favicon图标，会给人一种不专业的感觉，为此还是确定你的WordPress主题包含一个favicon图标吧。设置favicon图标其实也很简单，只需将一个favicon.ico图标文件上传至网站根目录即可。如果你的主机不支持这种方法，也可以在WordPress主题中引用，打开主题目录下的header.php，在9c3bca370b5104690d9ef395f2c5f8d1之前添加以下代码（记住将以下代码中的favicon.ico改成你的图标URL）：

<link rel="icon" href="favicon.ico" type="image/x-icon" />

3. 样式化图片描述

     当你上传图片并插入到文章当中时，你应该给它添加图片描述来形容它。注：图片描述就是图片的说明性文字，在WordPress后台编辑文章，上传图片后有一些选项，下图中第二个标题就是图片的描述文字：

3.jpg

     每一个好的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.jpg

4. 使用 PHP 的 Flush

     在主题header中调用 flush() 函数，可以加速你的WordPress博客。操作也很简单，打开主题目录下的header.php，在9c3bca370b5104690d9ef395f2c5f8d1后面添加以下代码即可：

<?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主题更快。

5.jpg

6. 压缩你的 WordPress 主题文件

     以上我们以及通过使用简写来优化了styles.css，但是可能你的CSS和JavaScript文件仍然不是最精简的，你可以再次将它们压缩。通过压缩，可以去除文件中不必要的内容，如空格、制表符、空行等。

     要压缩JavaScript，可以使用在线工具 JavaScript Compressor，在第一个输入框中输入js代码，点击Compress JavaScript就可以的压缩后的js的代码。

     要压缩CSS，可以使用在线工具 CSS Drive Gallery - CSS Compressor，输入CSS代码，点击Compress-it!即可

     如果想直接压缩HTML代码，那将是特别棘手的，因为主题的代码标记可能会散布在多个文件中，而且很多HTML和PHP代码是混合在一起的。不过，也有像

<meta name="generator" content="WordPress <?php bloginfo(’version’); ?>" />

     接着，主题的wp_head()函数可能还会输出WordPress版本号，为了不让它输出，请在主题目录下的 functions.php 中添加以下代码(没有functions.php就新建一个)：

<?php remove_action(&#39;wp_head&#39;, &#39;wp_generator&#39;); ?>

8. 隐藏面板登陆错误信息

     另一种保护你的WordPress的主题的方法是隐藏登录错误。这样做的原因是，不管什么时候，你输入正确的用户名，但是输入的是错误的密码，那么系统就会提示："错误：密码不正确。忘记密码？"，这样就是直接暗示恶意用户，这个用户名是正确的，只要不断地尝试其他密码，迟早可以破解处你的登陆密码。

6.jpg

     同样，当你输入一个不存在的用户名是，会出现提示"错误：不可用的用户名"，同样也可以暗示这个用户名是不可用，再换其他用户名，这样又减少了一种可能。

     为了不让这样的问题发生，你需要在 functions.php 文件中添加：

add_filter(&#39;login_errors&#39;, create_function(&#39;$a&#39;, "return null;"));

     这个过滤器可以去除登陆错误时出现标准错误信息。

9. 替换主题自带的搜索功能

     你下载到的大多数主题都使用了WordPress核心提供的默认的搜索方法，但是有时候，核心的搜索方法还不如第三方提供的搜索功能强劲，如Google自定义搜索，Yahoo! Search BOSS，Bing API。具体例子，WordPress默认的搜索功能，如果输入的是作者昵称，你将搜索不到任何内容（除非你将作者昵称写到自定义域里面）

7.png

     另一方面，使用由谷歌，雅虎和微软的Bing提供的搜索功能将不仅利用他们的搜索专长，而且还可以帮助你减少你的搜索服务器负载。

     关于WordPress添加Google自定义搜索，你可以使用插件Google Custom Search Plugin，如果你想手动添加搜索代码，你可以自行上网搜索相关教程。

10. 减少函数调用和静态内容钩子

     因为主题都是要提供给大多数人用的，所以需要更大的灵活性，为此需要动用大量的函数和钩子来满足这种灵活性。不过，这可能导致较低的性能和网页的速度，因为每一个页面生成的时候，它都需要进行多次函数调用来呈现网页。现在你可以尝试找出不需要的函数调用，并注意一下你的博客中那些已成不变的内容。

     例如，在 header.php中你可能会看到以下类似代码：

bloginfo(&#39;name&#39;);

     这个函数输出的是博客名称。您的博客的名字大概不会经常改变，如果这样的话，那么你可以使用你的博客名称直接代替以上代码，这样就可以减少一次函数调用：

echo &#39;露兜博客&#39;;

     以下是另外一个例子（同样在header.php中搜索）：

bloginfo(&#39;stylesheet_url&#39;);

     以上代码输出主题的CSS样式文件的URL。因为这样网址几乎是一成不变的，你可以将以上代码替换成主题CSS的URL：

echo &#39;http://example.com/wp-content/themes/themename/style.css&#39;;

     还有其他类似这样的函数，他们是造成你的博客速度缓慢的一个原因，尤其是在你没有使用缓存插件的情况下。

推荐学习：《WordPress教程》

以上是WordPress主题怎么优化？10个改善小技巧的详细内容。更多信息请关注PHP中文网其他相关文章！

声明：
本文转载于：ludou.org。如有侵权，请联系admin@php.cn删除
上一篇：浅析WordPress中文章ID不连续问题怎么解决（完美方法）下一篇：WordPress主题代码怎么静态化？教程分享

相关文章

查看更多