VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
华纳云优惠活动

如何优化WordPress主题?10个改进建议

主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作

如何优化WordPress主题?下面这篇文章介绍了改进WordPress主题的10个小技巧,希望对你有帮助!

如何优化WordPress主题?10个改进建议

现在,许多朋友使用WordPress来建立他们的博客。安装WordPress后,很多新用户尝试在网上搜索和下载一些非常个性化的主题,但很少有用户使用WordPress的默认主题。其实不管你用的WordPress主题是付费还是免费,都还有很多需要改进的地方。以下WordPress主题建议涵盖了基本的定制技巧、造型和优秀的方法。

1.减小图片尺寸在每个WordPress主题中都扮演着重要的角色,但不幸的是,许多主题开发者忘记了优化它们。其中,图片包括CSS背景图片、模板logos、默认图片、小图标等。

优化图像可以节省带宽消耗,提高博客读者的页面响应时间。以PhotoShop CS3为例,菜单栏“文件”-& quot;存储用于网页和设备的格式”,您可以为网页优化图片。通常,我的做法是降低图片的质量,直到我看到颜色或质量的显著变化。

此外,还可以使用Smush.it这样的无损图像优化工具,在保证图像质量的同时压缩图像尺寸。有两种方法可以使用它:

单击“上传者& quot-& quot;选择文件并按& quot,选择要压缩的本地图像,最后点击压缩结果的图像名称进行下载,点击“URL & quot,输入图片的URL地址,提交开始压缩1.png

2.使用个性化的网站图标。一些WordPress主题没有默认的favicon(这个图标可以标记一个网站,你可以在浏览器标签和浏览器地址栏看到)。下图显示了这个博客中使用的Favicon图标,一个if。

2.jpg

如果一个网站没有favicon图标,会给人一种不专业的感觉,所以要确保你的WordPress主题包含一个favicon图标。设置favicon图标其实很简单,只需上传一个favicon.ico图标文件到网站根目录即可。如果你的主机不支持这种方法,你也可以在WordPress主题中参考,在主题目录中打开header.php,点击

& ltlink rel = & quot图标& quothref = & quotfavicon.ico & quottype = & quotimage/x图标& quot/& gt;3.风格化的图片描述当你上传一张图片并插入到一篇文章中时,你应该给它添加一个图片描述来描述它。注:图片说明是图片的描述性文字。在WordPress后台编辑文章并上传图片后有一些选项。下图中的第二个标题是图片的描述性文字:

3.jpg

每一个好的WordPress主题都应该包含图片描述的默认风格。为了设置默认图片说明的样式,可以添加。wp-caption类到主题的style.css .下面是图片描述风格化的css代码,可以参考一下(使用一些CSS 3属性):

。WP-caption { background-color:# f3f3f 3;边框:1px solid # ddd-khtml-border-radius:3px;-moz-border-radius:3px;-WebKit-border-radius:3px;边框半径:3px/*支持圆角的浏览器可选*/margin:10px;填充顶部:4px文本对齐:居中;}.WP-caption img { border:0 none;边距:0;填充:0;}.WP-caption p . WP-caption-text { font-size:11px;行高:17px边距:0;填充:0 4px 5px}以下是使用上述CSS代码后对图片描述进行样式化的结果:

4.jpg

4.使用PHP的flush来调用主题头中的Flush()函数可以加速你的WordPress博客。操作也很简单。打开主题目录下的header.php,点击</head & gt;稍后添加以下代码:

& lt?PHP flush();?& gt这行代码只是强制服务器在发送其他内容之前发送你的网站头。通过使用flush()函数,浏览器可以下载页眉中引用的所有样式表,同时等待页面的其他内容。

5.在你的主题样式表中使用CSS来缩写WordPress主题CSS文件,为网页的不同部分定义大量的样式代码。为了减小CSS文件的大小,可以使用CSS速记。有些WordPress主题设计者不使用CSS速记来为初学者修改样式,但是如果你是一个有经验的CSS作者,你可以尝试使用CSS速记来编写/重写样式表。

例如,如果您在主题中找到类似以下内容的样式规则:

。post { padding-top:3px;右填充:10px垫底:5px左填充:2px}您可以将其缩短为简短形式:

。post { padding:3px 10px 5px 2px;}这将有效地减小样式表的大小。这两段代码有完全相同的效果,但是每一次优化都会让你的WordPress主题更快。

5.jpg

6.压缩你的WordPress主题文件。我们已经通过使用上面的缩写优化了styles.css,但是也许你的css和JavaScript文件仍然不是最精简的。您可以再次压缩它们。通过压缩,可以删除文件中不必要的内容,如空格、制表符、空行等。

要压缩JavaScript,可以使用在线工具JavaScript Compressor,在第一个输入框中输入js代码,点击压缩JavaScript来压缩js代码。

要压缩CSS,可以使用在线工具CSS Drive Gallery-CSS Compressor,输入CSS代码,点击Compress-it!就这么干吧

如果要直接压缩HTML代码,会特别棘手,因为主题的代码标签可能分散在多个文件中,很多HTML和PHP代码混在一起。不过也有像W3 Total Cache这样的缓存插件,可以压缩所有前端代码,进行其他优化操作,比如缓存你的博客文章,提高网站速度。

7.主题安全性保护主题安全性的一个简单方法是移除

首先,在主题的header.php中寻找以下类似的代码,如果有,就去掉它,因为它是用来输出版本号的:

& ltmeta name = & quot发电机& quotcontent = & quotWordPress & lt?php bloginfo('版本');?& gt"/& gt;接下来,主题的wp_head()函数也可能输出WordPress版本号。为了防止其输出,请将以下代码添加到主题目录下的functions.php中(新建一个不带functions . PHP的):

& lt?PHP remove _ action(& # 39;wp _ head & # 39, 'wp _ generator & # 39);?& gt8.隐藏面板登录错误信息另一种保护WordPress主题的方法是隐藏登录错误。这样做的原因是,每当你输入正确的用户名,但错误的密码,系统会提示:“错误:密码不正确。忘记密码了?"这是对恶意用户的直接暗示。该用户名是正确的。只要你不断尝试其他密码,迟早可以破解你的登录密码。

6.jpg

同样,当你输入一个不存在的用户名时,会出现一个提示“错误:用户名不可用”这也可以暗示这个用户名不可用,然后换成另一个用户名,这样就降低了一种可能性。

为了防止此问题发生,您需要添加:

add _ filter(& # 39;login _ errors & # 39,create _ function(& # 39;$ a & # 39,& quot返回null"));该过滤器可以在登录错误时删除标准错误消息。

9.替换主题的搜索功能。你下载的大部分主题都是使用WordPress核心提供的默认搜索方式,但是有时候核心搜索方式不如第三方提供的搜索功能强大,比如Google自定义搜索,Yahoo!搜索BOSS,Bing API .比如WordPress的默认搜索功能,如果你输入作者的昵称,什么都找不到(除非你把作者的昵称写进自定义字段)。

7.png

另一方面,使用谷歌、雅虎和微软的必应提供的搜索功能,不仅可以利用它们的搜索专长,还可以帮助你减轻搜索服务器的负载。

关于WordPress添加Google自定义搜索,可以使用插件Google自定义搜索插件。如果想手动添加搜索代码,可以在线搜索相关教程。

10.减少函数调用和静态内容挂钩。因为主题是面向大多数人的,所以需要更多的灵活性。因此,需要使用大量的函数和钩子来满足这种灵活性。但是,这可能会降低性能和网页的速度,因为每个页面都需要进行多次函数调用来显示网页。现在你可以试着找出不必要的函数调用,注意你博客中不可更改的内容。

例如,在header.php,您可能会看到以下代码:

bloginfo(& # 39;姓名& # 39;);这个函数输出博客的名称。你的博客的名字可能不会经常改变。如果是这样,你可以直接用你博客的名字替换上面的代码,这样就减少了函数调用的次数:

回声& # 39;绿豆博客& # 39;;下面是另一个例子(也可以在header.php中搜索):

bloginfo(& # 39;样式表_ url & # 39);上面的代码输出了主题的CSS样式文件的URL。因为URL几乎相同,所以可以用主题CSS的URL替换上面的代码:

回声& # 39;http://example . com/WP-content/themes/themename/style . CSS & # 39;;还有其他类似的功能,这也是你的博客慢的原因之一,尤其是如果你不使用缓存插件的话。

推荐学习:WordPress教程

以上就是如何优化WordPress主题。10个改善小技巧详情请关注主机参考其他相关文章!

这几篇文章你可能也喜欢:

本文由主机参考刊发,转载请注明:如何优化WordPress主题?10个改进建议 https://zhujicankao.com/90960.html

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » 如何优化WordPress主题?10个改进建议
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!