改善WordPress主题的10个基本技巧

WebFX总统。Bill在互联网营销行业有超过25年的经验,擅长SEO, UX,信息架构,营销自动化等。William在希彭斯堡和麻省理工学院的科学计算和教育背景为MarketingCloudFX和WebFX的其他关键研发项目提供了基础。

很多人使用WordPress作为他们的博客平台。后安装WordPress,新命名的WordPress用户通常会尝试查找和下载WordPress主题这样他们的网站看起来就和默认主题不一样了。WordPress主题是否免费的或者溢价,有很多方法可以改进它们。

下面的WordPress主题技巧涵盖了基本的定制、样式和优化。

1.减小主题图片的大小

图像是每个WordPress主题的重要组成部分,但主题开发人员有时会忘记优化它们。

WordPress主题中的图片包括CSS背景图片、模板logo、默认库存图片、图标等等。优化图像可以节省带宽消耗改进页面响应时间写给你博客的读者。

例如,Photoshop提供了一个除了网络优化网页图像的功能。我通常做的是降低图像的质量设置,直到我开始看到颜色或质量的变化。

此外,您可以使用像Smush这样的无损图像优化工具。它将挤出多余的文件大小而不损失图像质量。

你可以找到更多的图像优化工具在这里

减小主题图片的大小

雅虎帕克。这是一个无损压缩工具。通过这篇文章了解所有关于网页图像优化的知识为网络保存图像的指南

2.使用自定义Favicon

有些WordPress主题没有默认设置的图标(代表一个网站的图标,你可以在浏览器选项卡和浏览器网址栏中看到)。

添加一个图标

设计指导Firefox 3.6中显示的图标。该网站使用WordPress作为发布平台。当一个网站没有图标时,它会看起来不专业。

确保你的WordPress主题有一个图标。你可以看看这个列表收藏夹图标生成器帮你设计自己的。

要引用您的WordPress图标,只需将以下代码放入其中header。php,可以在您的主题目录中找到:

修改href属性值指向favicon文件的位置。

3.风格WordPress图片标题

当你在博客文章中上传和发布一张图片时,你可以给他们图片标题来描述它。每个好的WordPress主题都应该包括图片标题的默认样式.方法可设置默认标题的样式.wp-caption在你的类styles.css

下面是一个样式化图片标题的例子(使用一些CSS3属性):

.wp-caption {background-color: #f3f3f3;边框:1px solid #ddd;-khtml-border-radius: 3 px;-moz-border-radius: 3 px;-webkit-border-radius: 3 px;border - radius: 3 px;/*可选圆角(浏览器支持)*/ margin: 10px;padding-top: 4 px;text-align:中心;} .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; }

下面是上面的样式规则的结果:风格WordPress图片标题

4.使用PHP冲洗

通过调用PHP冲洗功能在你的标题之后,你将能够加快你的WordPress博客。只需将这一行添加到您的header。php结帐后归档< / >头标签:

<?php冲洗();? >

这段代码只是强制您的web服务器在发送其余内容之前发送您的网站的标题。通过使用冲洗函数,浏览器就有时间下载头中引用的所有样式表,同时等待网页的其他部分。

5.在主题的样式表中使用简写的CSS

WordPress主题的CSS文件包含大量的代码,以涵盖各种情况和用法。为了减少文件的大小,可以使用简写的CSS。一些WordPress主题设计者会通过不使用简写属性让不太高级的用户更容易调整样式,但如果你是一个有经验的CSS编码器,你可以使用简写属性来编写/重写样式。

例如,如果你发现主题中的样式规则是这样的:

. post {padding-top: 3 px;padding-right: 10 px;padding-bottom: 5 px;padding-left: 2 px;}

你可以将它们简化为如下形式:

.post {padding: 3px 10px 5px 2px;}

这将有效地减少样式表的大小。改变这一点不会有太大的区别,但每一点优化都会让你更接近一个更快的WordPress主题。

6.最小化你的WordPress主题文件

与使用简写属性对CSS进行优化一致styles.css,如果你的主题的CSS和JavaScript文件没有被缩小,你可以缩小它们来减少它们的文件大小。缩小将从您的文件中删除不需要的字符,如空格和制表符。对于JavaScript,您可以使用JavaScript压缩机这是一个基于web的免费工具,你可以用它来缩小你的JavaScript文件。

对于CSS,看看这个CSS优化器列表

因为主题的标记分散在几个文件中,并且它们之间穿插着PHP代码,所以要缩小HTML将更加棘手。然而,有插件像w3total Cache这将减少所有的前端代码,并执行其他优化过程,如缓存您的博客文章,以提高网站速度。

7.安全的主题

保护你的主题的一个简单的方法是删除放置在你的主题中的通用WordPress生成器代码< >头标签。

这背后的原因是,如果恶意用户知道你的WordPress版本,他就很容易使用版本特定的漏洞进行攻击。为了去除这个,你必须采取两个步骤。首先,进入主题header。php归档并检查是否有这样一行:

 " / >

如果是这样,那就把线去掉。

这一行打印出你的WordPress版本号作为< meta >标签。接下来,为了确保它不会通过wp_head ()钩子,只需将此代码粘贴到显然也文件(如果显然也不存在,你可以用你最喜欢的创建一个源代码编辑器):

<?php remove_action(“wp_head”、“wp_generator”);? >

8.隐藏仪表板登录错误

另一种保护WordPress主题的方法是隐藏登录错误。原因是当你试图使用正确的用户名但密码错误时,会显示一条消息说“错误:错误密码”。您现在已经给出了输入的用户名在系统中的提示,他们只需要破解其密码。隐藏仪表板登录错误

同样,当您输入一个不可用的用户名时,会出现一条消息,说明“错误:无效的用户名”。

这当然表明用户名是不存在的,从而减少了一个需要检查的排列。为了防止这种情况发生,需要将此代码添加到您的显然也文件:

Add_filter ('login_errors', create_function('$a', "return null;"));

当登录错误时,该过滤器将通过不显示任何内容来删除标准的WordPress错误。

9.替换主题的搜索功能

大多数你下载的主题将使用默认的搜索功能在WordPress核心,特别是因为它是一个WordPress核心开发者推荐的最佳实践开发和分发WordPress主题。然而,核心的搜索功能,目前还不像第三方搜索服务那样健壮和准确谷歌自定义搜索雅虎搜索的老板,即必应API。

例如,在WordPress核心搜索功能中,输入博客文章作者的名字不会产生结果(除非您将其作为自定义字段包含在文章中)。

用谷歌自定义搜索替换主题的搜索功能

另一方面,使用谷歌、Yahoo!,and Microsoft’s Bing will not only take advantage of their expertise in search, but can also help reduce your server load for searches.

要将谷歌自定义搜索集成到您的WordPress主题,请查看自定义搜索插件或者这个教程叫做在你的WordPress博客上集成谷歌搜索。

雅虎!

搜索BOSS,看到雅虎的老板WordPress插件或本教程标题创建一个Yahoo BOSS驱动的网站搜索引擎.最后,如果你对Bing API感兴趣(它目前被世界上最大的WordPress博客之一使用),Mashable),看看这个教程命名为PHP的必应搜索API包装器

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

面向大众消费和多种情况下使用的主题文件需要灵活。因此,有大量的动态函数调用和钩子来使主题以多种方式和情况工作。然而,这可能导致较低的性能和页面速度,因为每次生成页面时,都需要进行多个函数调用来呈现页面。

注意那些不需要函数调用的东西;注意那些不太可能改变的事情。

例如,在header。php,你可能会发现这样的一行:

<标题> < ?php bloginfo('名称');? > < /名称>

这一行将在浏览器的标题栏中打印出您的博客的名称。你的博客名可能不会经常更改,所以你可以通过用你的博客名替换它来减少所需的函数调用,像这样:

<标题>你的博客名称< /名称>

这是另一个例子(同样,通常在header。php):

< link rel = "样式表" href = " < ?php bloginfo(“stylesheet_url”);? > " type = " text / css " / >

上面的示例引用样式表的URL。然而,这个URL不太可能会改变,所以你可以直接像这样写URL:

 .

对于非自定义的WordPress主题,有很多这样的函数调用,总的来说,它们会导致你的WordPress博客运行缓慢,尤其是当你没有使用缓存插件的时候。

在评论中分享你改进WordPress主题的技巧。

相关内容

WebFX职业

加入我们的使命,为全球的企业提供业界领先的数字营销服务,同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!