任何问题请联系WX:uu16853

买模板送网站采集器 让你轻松放开双手运营网站!

购买更多有优惠!

WordPress WordPress降级,切换PHP版本,版本回滚 文字详细教程

在最新可用版本上运行WordPress安装、插件和主题是使用该平台的关键最佳实践。还建议使用最新版本的PHP。但是,在某些情况下,这是不谨慎或不可能的。 如果您发现自己处于这种情况,您可能需要撤消更新并降级您的WordPress网站(或其中的一部分)。幸运的是,有一些方法可用于回滚您网站的每个元素。 这篇文章将解释为什么您可能需要降级WordPress,以及如何安全地降级。我们将介绍恢复以前版本的WordPress,以及回滚插件、主题和PHP。 为什么要降级您的WordPress版本或其他功能 如何降级您的WordPress网站 为什么要降级您的WordPress版本或其他功能 运行最新版本的WordPress核心(在我们的例子中是WordPress 5.5 )、插件和主题是维护网站最重要的步骤之一。这些更新通常包括安全补丁,这些补丁对于防止对您的站点的恶意攻击至关重要,并且可能会增强性能和功能。 因此,我们不建议永久降级WordPress或其任何组件。但是,在某些情况下,您可能希望暂时这样做。 最常见的原因是由于插件或主题冲突。例如,如果您网站的某个元素与最新版本的WordPress核心不兼容,则降级安装可以让访问者在您使用长期解决方案时访问该功能。 (建议阅读:如何修复WordPress中的错误“网站遇到技术问题。”)。 如果两个插件之间或插件与您的主题之间发生冲突,降级WordPress本身将无济于事。相反,您需要回滚导致问题的插件或主题的版本,以便让您的网站重新启动并运行。 此外,一些较旧的插件和主题可能与较新版本的PHP不兼容。如果有问题的插件或主题对您网站的功能至关重要,您可能希望在找到替代解决方案时降级PHP一段时间。 简而言之,降级WordPress应该是一个临时的故障排除过程。一旦您更换了有问题的插件或主题,或者以其他方式解决了导致您网站冲突的问题,您将需要计划再次更新您的网站。 如何降级您的WordPress网站 降级WordPress网站的过程将取决于您要完成的工作。您可能会发现您需要恢复整个网站的先前版本,或者您只需要恢复单个插件或主题而不是WordPress本身。 考虑到这一点,这里有六种不同的方式可以让您回滚您的网站。每个都解决了不同的需求,因此我们建议您通读所有这些,看看哪个最适合您的具体情况。 1. 手动降级您的WordPress版本 如果您遇到严重的冲突导致您无法访问网站的后端,手动降级WordPress可能是您最好或唯一的选择。在开始之前,您需要备份您的网站以确保安全。 接下来,您应该停用所有插件。如果您可以访问WordPress后端,这很容易。只需选中每个插件旁边的复选框,然后使用批量停用选项: 在后端批量停用WordPress插件 如果您无权访问仪表板,则可以使用安全文件传输协议 (SFTP) 和FileZilla等客户端手动停用插件。您还需要这些工具用于以后的步骤,因此如果您不熟悉它们,您可能需要花点时间了解它们的工作原理。 然后,您需要下载相关版本的WordPress。我们建议尽可能使用最新版本,通常是第二个最新版本。您可以在WordPress发布存档中访问您需要的文件: WordPress发布档案 然后,使用FTP和FileZilla(或其他客户端)访问您网站的文件并删除您的wp-admin和wp-includes目录: 通过FTP删除wp-admin和wp-includes 完成后,上传您要安装的WordPress版本中的所有文件,wp-content目录除外。当询问您是否要覆盖文件时,选择Overwrite > Ok: 覆盖FileZilla中的文件 然后,导航到您网站的后端。您可能会看到一条消息,要求您更新数据库。如果是这样,请单击更新WordPress数据库提示。之后,照常登录您的网站。 您现在应该可以访问并运行旧版本的WordPress: 降级的WordPress安装 此时,您可以重新激活插件并着手解决原始冲突。 您可能还想禁用自动更新 ,以防止WordPress在此期间安装另一个版本。当您的问题得到解决后,您可以从仪表板的更新屏幕返回到最新版本的WordPress 。 2. 使用WP Downgrade运行以前版本的WordPress 如果您觉得通过FTP删除核心文件比较复制,可以使用一个插件来降级WordPress,请在备份您的网站后继续安装WP Downgrade: 安装WP Downgrade插件 然后,导航到设置 > WP Downgrade并在相关字段中输入您的WordPress目标版本: 设置WordPress目标版本 单击Save Changes,然后转到更新屏幕。您会看到您的目标版本现在被列为“最新版本的WordPress”: 重新安装WordPress […]

WordPress hreflang,WordPress多语言,WordPress翻译 文字详细教程

首先,让我们开始说,建立一个WordPress多语言网站可能是非常令人困惑的!即使是经验丰富的WordPress开发人员和用户,在第一次弄清楚如何提供你的多语言网站时,也会突然提出很多问题。即使是经验丰富的WordPress开发人员和用户,在第一次弄清楚如何以多语言提供你的网站时,突然有很多问题被提出来。例如,它将如何影响SEO,以及有哪些技术障碍需要克服? 下面将分享一个完整的WordPress多语言设置的经验。希望我们能回答一些问题或解决你的任何疑惑。拥有一个多语言网站有很多好处,所以不要让技术方面或SEO方面的问题吓到你。 你可以有相当多的方法来处理一个多语言的WordPress网站,所以我们也会分享一些替代的解决方案。 多语种的优势 多语言相关问题解答 外包WordPress翻译服务 选项1 – 使用Polylang插件的WordPress多语言设置(免费) 选项2 – 使用Weglot的WordPress多语言设置(付费) 选项3 – WordPress多语言自定义设置 WordPress多语言插件可替代选项 如何测试你的hreflang标签 谷歌分析与多语言 多语种的优势 拥有一个WordPress多语言网站有很多好处,而且根据你的业务类型,它可以是一个开拓额外市场的好方法。 1. SEO优势 在你的网站上有额外的语言,最大的好处之一是为了SEO。比方说,你的WordPress网站上的内容被翻译成西班牙语和德语。谷歌会抓取你的网站,并开始将你的附加语言作为单独的内容进行索引。这意味着你在搜索引擎结果页(SERP)中会立即有更多的内容。不仅如此,你还可以让它将你的内容传递给访问者的浏览器设置为的母语。 有网站曾经将博客翻译成10种不同的语言,整体自然流量增加了18%。最重要的是,除了流量的增加,网站还获得了来自世界各地的新客户。利用这个令人敬畏的策略来获得更多的流量和客户吧! 如果你愿意,你甚至可以做更多的语言。尼尔-帕特尔,一个著名的SEO,在他的网站上做了一个实验,把他的博客翻译成高达82种不同的语言。结果是什么?在三周内,他看到整体流量增加了47%!这就是为什么他的博客被翻译成了不同的语言。 然而,请记住,翻译的质量也很重要。一次性推出很多语言,说起来容易,做起来难。我们将在下面更深入地探讨这个问题。 之所以应该看到更多的流量,是因为其他语言的竞争通常要小很多。在内容营销和SERP方面,英语市场是非常饱和的。这里有一个例子,就是一些关键词研究。在英语中,我们查找 “营销策略” 这个词。我们可以看到,它的搜索量约为每月40,000次。而且,这将是很难获得排名的。如果你看一下SERP,你马上就会与具有高域名授权的巨大域名竞争。如果你是聪明人,你可能不会尝试解决这个关键词。 英文关键词数量 现在,如果你把同样的词放在西班牙语中,”estrategias de marketing”,我们可以看到它的搜索量没有那么多,但仍然很多,每月约15,000次。你猜怎么着?这个难度并不难排名。你所竞争的域名都有一个低于40的低域名授权。这是你现在可以解决的问题。当涉及到其他语言时,你会发现很多搜索词只是更容易获得排名。 西班牙语关键词数量 在决定你应该投入时间和金钱的语言之前,做关键词研究是多么重要,我们怎么强调都不为过。千万不要因为一种语言有搜索量就认为另一种语言也有搜索量。 2. 用户体验优势 除了SEO方面的优势,拥有一个母语的网站会自动带来更好的用户体验。而更好的用户体验可以影响到你的转换率、网站停留时间和跳出率等一切。 增加转化率是更好的用户体验和更多的用户研究的最有力的投资回报率论据之一。随着时间的推移进行跟踪,因为它是一个相对的指标。- 尼尔森-诺曼集团 人们最不愿意做的事情就是在Chrome浏览器中右键点击并说 “翻译成……” 谷歌的翻译工作做得很好,但质量远远比不上一个真正每天都在说这种语言的人。如果你想改善用户体验,请花时间投资于高质量的翻译,我们将在下文中详细说明。 3. 信任和可信度 对企业来说,与他们的客户用同样的语言交谈是很重要的。不仅是在涉及到你的利基市场的行话和术语的时候,而且也要简单地讲相同的母语。为什么?因为这可以建立信任和可信度。自然地,作为人类,我们更愿意用我们的母语交谈,因为那是我们从小到大的文化。 世界上大多数人实际上不会说英语,或者他们把英语作为他们的第二语言。根据杜塞尔多夫大学的研究,在比较人们将什么作为他们的母语时,英语实际上在名单上排第六。 本土语言 – 图片来源:华盛顿邮报 语言是最常见的沟通障碍之一,这反过来又会造成人们之间的误解和误读。如果你没有使用其他人理解的相同语言和方言,这将使沟通变得无效,并阻止真正的信息被传达出来。而这可能直接关系到你的销售。 多语言相关问题解答 当你第一次研究一个WordPress多语言网站的时候,你会立刻有很多关于一切如何运作的问题。希望下面我们可以为你解答其中一些问题。 你需要一个多语言网站吗? 你可能想知道,你是否真的需要一个多语言网站?那么,你可以做的第一件事是检查一下你是否已经获得了任何国际流量。我们建议在谷歌分析中查看几年来的数据,如果你有的话。第一个地方是 […]

WordPress Cache-Control,Google Analytics,Google PageSpeed Insights,浏览器缓存,缓存有效期,缓存策略 文字详细教程

Google PageSpeed Insights是评估网站性能工具之一。但是,它的一些建议(例如“采用高效的缓存策略提供静态资源”警告信息)可能会使缺乏经验的站长感到困惑。 当你对其进行分解时,缓存并不难理解。通过一些调整,在网站上实施最佳代码,以减少加载时间并提高PageSpeed得分。 在这篇文章中,我们将通过“采用高效的缓存策略提供静态资源”警告信息进行讲解,然后,分享解决此问题的一些技巧。 如何理解采用高效的缓存策略提供静态资源? 采用高效的缓存策略提供静态资源的具体措施 如何理解采用高效的缓存策略提供静态资源? 为了了解“采用高效的缓存策略提供静态资源”警告信息,先了解一下Google PageSpeed Insights会有所帮助。如果您是该平台的新手,建议先阅读完整的指南《如何做到Google PageSpeed Insights测试满分》一文。 采用高效的缓存策略提供静态资源是Google PageSpeed返回的许多“诊断结果”之一,可作为改善分数的建议,如下所示: Google PageSpeed Insights之缓存策略 Google建议使用浏览器缓存来减少页面加载时间并提高性能。简而言之,缓存是指用户的浏览器保存站点页面的静态副本。然后,在随后的访问中,可以更快地重新加载此内容,因为浏览器不必连接服务器即可访问所请求的静态资源。 但是,每个缓存的资源都需要指定的到期期限。这会告诉浏览器您网站上的内容何时过时,过期后使用更新的版本替换其缓存的副本。 如果您在性能测试结果中看到“采用高效的缓存策略提供静态资源”警告,则可能意味着以下两种情况之一: 您的站点服务器或第三方服务器缺少Cache-Control或Expires标头。 存在必需的标头,但是有效期很短,因此对性能没有太大影响。 采用高效的缓存策略提供静态资源的具体措施 您可以通过几种不同的方式来修复WordPress网站“采用高效的缓存策略提供静态资源”警告,具体取决于其原因。您可以尝试以下三种解决方案。 1. 添加缓存控制并过期标头 有两个与浏览器缓存相关的标头:Cache-Control(缓存控制)和Expires(缓存有效期)。必须至少存在一个才能为您的站点启用浏览器缓存,因为这是浏览器确定刷新资源之前应保留资源多长时间的方式。 确定这是否是导致“采用高效的缓存策略提供静态资源”警告的一种简单方法是查看每个资源的详细信息。在Google PageSpeed Insights最新版本,您会在“ 缓存TTL ”下看到“None”: 在Google PageSpeed Insights中缓存TTL列表 又或者缓存有效期过短时,最新版的Google PageSpeed Insights也会在“采用高效的缓存策略提供静态资源”警告列表罗列,只是“ 缓存TTL ”展示的是缓存有效期: 浏览器缓存资源缓存有效期过短 Cache-Control标头启用客户端缓存并设置资源的最大使用期限时,Expires标头仅用于指定缓存资源有效期。 Expires在HTTP / 1.1中引入并提供了比Cache-Control更多的选项。它们可用于完成相同的事情,但Expires的数据值是HTTP日期,而Cache-Control max-age允许您指定相对的时间量,以便您可以指定 “请求页面后X小时”。 HTML Cache控件是一个非常类似的问题,并且与缓存教程有很好的链接,可以回答你的大部分问题(例如,[http://www.mnot.net/cache_docs/#EXPIRES).)总结一下, 当您需要更多地控制缓存的方式时,建议对图像和Cache-Control等静态资源使用Expires。via itranslater.com 您不必同时添加两者,因为这可能是多余的。通常推荐使用较新的Cache-Control。但是,某些Web性能工具(例如GTmetrix)仍会检查Expires标头。 如何在Nginx中添加Cache-Control缓存控制标头 要在Nginx中添加Cache-Control标头,可以将以下内容添加到服务器的Nginx配置文件中: location […]

WordPress WordPress评论分页,WordPress评论设置,评论分页 文字详细教程

如果你稍加注意,你会发现拥有大量评论的文章的加载速度比其他评论很少的文章慢?那是因为加载太多评论会增加服务器负担,从而增加平均页面加载时间。 当然网站文章拥有大量评论是一件好事,这意味着更多的用户参与了内容讨论,网站更加活跃。一般情况,评论最多的文章通常是博客上最受欢迎的文章。 但是,如果大量评论导致网站变慢,那么它可能会影响到SEO排名。那么,对WordPress评论分页变得非常有必要了。 在本文中,将介绍如何实现WordPress文章评论分页,以提升文章页面的加载时间。基于WordPress的默认功能,操作也相对简单。 为什么要做WordPress评论分页 评论分页可帮助提高网站速度,这是网站SEO排名的重要因素。 有时附带超多评论的文章页可能会导致读者死亡白屏,因为它耗尽了服务器的内存。 即使它不会导致“死亡白屏”,超多评论的文章页加载也往往非常缓慢。 通过将评论分为多个页面,评论分页减少了这类文章页对服务器负载。 对WordPress评论进行分页的另一个原因是保证文章的关键字密度。评论会在文章页面上增加很多内容,并且可能不会总是包含足够数量的目标关键字。 当关键字占比降低时,搜索引擎将无法为文章索引正确的关键字。 如果未正确使用评论分页,也可能会对SEO产生负面影响。基本上,WordPress为每个新的评论页面生成URL。搜索引擎可能会将其视为“重复内容”。 使用Yoast SEO插件可以轻松解决此问题,该插件将搜索引擎指向文章的唯一URL。 上述,我们已经讨论了评论分页的利弊,下面让我们看一下如何实现WordPress评论分页。 设置WordPress评论分页 首先登陆WordPress后台,在仪表盘进入“设置”»“讨论”页面。勾选“分页显示评论”选项,及输入每页显示评论数以及显示方式。如下图所示: WordPress评论分页设置 最后不要忘记点击“保存更改”按钮来保存上述设置。 然后访问网站评论较多的热门文章,就会看到评论下方的分页链接。 根据不同主题的样式,你将会数字分页或“Previous / Next”评论翻页链接。 又或者你进行样式自定义,以获得更美观体验更好的样式。下面是我们开发的百度搜索推送插件的评论样式,如下图所示: 教学博评论分页样式 Tips:如评论分页一样的道理,您也可以对较长文章页面进行分页。 希望本教程可以帮助您实现WordPress评论分页操作。关于WordPress评论内容,你可能对以下内容感兴趣: WordPress必装插件之垃圾留言拦截插件Akismet 比WordPress防垃圾留言插件Akismet更好的Invisible reCaptcha 使用WordPress内置功能拦截垃圾评论 使用插件拦截WordPress垃圾评论 使用reCAPTCHA验证码插件拦截垃圾评论机器人 应用第三方评论系统或防火墙拦截垃圾评论

WordPress Imagify,Optimole,ShortPixel,WebP,WebP图片,WebP插件,图片优化插件 文字详细教程

提升WordPress网站的加载速度的其中一种办法——减少图片体积大小。平均而言,图片约占网页文件大小的一半,因此即使是很小的改进也可以取得很大的效果。 WebP是一种较新的图片格式(相比jpg和png),该格式的最大特点是减小图片体积大小而不影响质量。将图片转换为WebP格式可以将其尺寸缩小约25-35%,而不会造成质量损失。 我们将在此文中深入探讨该主题! 什么是WebP? 哪些浏览器支持WebP? WebP vs JPG vs PNG体积大小比较 如何在WordPress网站上使用WebP图片 什么是WebP? 那么……什么是WebP文件?简而言之,WebP是Google开发的一种图片格式。我们更为常见的图片格式是JPEG或JPG和PNG,WebP则算得上后起之秀。 WebP致力于提供相同质量的图片,但文件尺寸较小。通过减少图片文件的大小,而不会“降低图片呈现质量导致糟糕用户体验”,并且有利于网站加载速度提升。 在Google的WebP压缩研究中,Google发现平均一个WebP图片文件… 比JPEG图片小25-34%。 比PNG图片小26%。 这就是为什么如果您通过PageSpeed Insights运行网站测试,会看到采用WebP等下一代格式提供图片: Google PageSpeed Insights建议使用WebP格式图片 那么Google的WebP格式如何实现文件大小减少?WebP支持有损和无损压缩,因此确切的减少取决于您使用的是有损还是无损压缩。 通过有损的WebP压缩,WebP使用一种称为“预测编码”的方法来减小文件大小。预测编码使用图片中相邻像素的值来预测值,然后仅对差异进行编码。它基于VP8关键帧编码。 无损WebP使用WebP团队开发的一套更为复杂的方法。如果您想详细了解WebP压缩技术,那么可以阅读谷歌相关文档。 哪些浏览器支持WebP? 为了使WebP图片起作用,需要Web浏览器兼容才行。不幸的是,尽管越来越多的浏览器开始兼容WebP,但WebP兼容性仍然不是通用的。 当前主流浏览器一般都支持WebP图片(冥顽不灵的IE依然是不支持的,也可能因为它不是开源的),例如: Chrome(PC&移动版) Firefox(PC&移动版) Edge Opera(PC&移动版) 值得注意的是Safari,Safari的桌面版和移动版均不支持WebP图片。Apple在2016年曾尝试Safari兼容WebP的开发,但此后就渺无音讯了。 Internet Explorer也不兼容WebP(Edge支持WebP,因为它基于Chromium)。 总计,大约77%互联网用户使用支持WebP的浏览器。但23%的数字太大了,不容忽视(在下面的WebP教程中,将会详细说明如何处理此问题,以便所有访问者都拥有良好的体验): WebP支持 WebP vs JPG vs PNG 体积大小比较 根据Google的测试,WebP图片为: 比JPEG图片小25-34% 比PNG图片小26% 如果您想进一步了解Google的方法,可以阅读谷歌关于WebP的一些说明资料:Lossless and Transparency Encoding in WebP,WebP Compression Study。 两项测试均基于超过11,000张图片,包括: […]

WordPress 图片盗链,防盗链 文字详细教程

没有什么比有人窃取图像或带宽更糟糕的了,但这种情况经常发生,因为互联网上的一切都是公开的,人们可以轻松链接到。如果此人链接到您必须获得使用许可的库存照片,这可能会花费服务器带宽、流量,即您的金钱。 今天我们将解释什么是盗链,它为什么不好,以及如何防止其他人在您WordPress网站上的盗链。 什么是盗链? 为什么盗链不好 防盗链会影响SEO吗? 如何防盗链 如何提交DMCA删除通知 什么是盗链? 盗链的概念非常简单。您可以在Internet上的某处找到图像,然后直接在您的站点上使用图像的 URL。此图片将显示在您的网站上,但将从原始位置提供。这对盗链者来说非常方便,但实际上是盗窃,因为它使用了盗链网站的资源。这就像我们上车开走我们从邻居车里吸走的汽油一样。 为什么盗链不好 以下是盗链时需要注意的几件事: 1. 盗链花费了原始网站所有者的钱 有人从他们的网站链接到您的图片可能看起来没什么大不了的,但这可能会给您带来很多额外的成本。燕麦片就是一个很好的例子。赫芬顿邮报热链接了他的一部由多张图片组成的卡通片。由于我们谈论的是一个流量很大的主要出版物,这给The Oatmeal带来了很多额外的成本,因为成千上万的人正在收到这些图像。在经典的Oatmeal举措中,The Oatmeal的创建者Matthew Inman将所有热链接文件替换为以下内容: 盗链示例 他还小心地用一张画着“后面”和“小便”的图片替换了最后一张图片。惊人的!但正如您所看到的,成本会迅速增加,特别是如果高流量站点是您的内容盗链的站点。您想相信所有作家和博主都知道如何正确使用图像吗?可能不是。这就是盗链保护存在的原因。 2. 盗链在大多数情况下是非法的 在很多情况下,盗链实际上是非法的。为什么?因为您在网络上看到的许多照片都附加了许可限制。以下是一些常见的图片限制,限制了流行图片网站的许可: “在任何情况下都不允许商业用途。” “在您拥有的网站或博客上发表的文章(在文章或新闻中仅用于说明目的)。” 如果有人链接到您的图片并在他们的网站上使用它,则上述两种限制都很容易被打破。他们很可能没有这样做的许可,因为他们没有为许可证付费。这也与没有在他们的网站上正确链接到它密切相关,但也与原始创建者的正确归属密切相关。 3. 服务器资源耗尽 盗链可能会大量消耗目标服务器的资源。想象一下,如果您在共享的 WordPress 主机上,而赫芬顿邮报突然链接到您的图像。您网站上的每小时查询可能会从几百次增加到几十万次。这甚至可能导致您的主机帐户被暂停。这绝对是不仅要使用高性能主机(可以处理像这样的打嗝),还要启用热链接保护以免发生这种情况的原因。 4.盗链只是懒惰 人们盗链仅仅是因为他们懒惰吗?嗯,很多时候,人们不会故意热链接到您的图像,并且不知道这甚至是一个问题。他们通常只是忙于写作,只是复制粘贴 URL 和文件。他们甚至可能不知道如何正确链接到图像。然而,这仍然不是一个好的借口。如果您在网络上撰写内容,了解链接到其他人的图像以及正确归属的最佳做法非常重要。 防盗链会影响SEO吗? 阻止他人盗链不会影响SEO,但确实需要正确设置。有来自Google、Bing、Yahoo等的爬虫需要访问您的图像才能索引并正确显示它们。例如,当您在Google图片搜索中看到图片时,缩略图会从Google的图片缓存中提供。但是原始版本(如果您单击它)实际上是从您的服务器提供的。 Google图片搜索中的盗链 并且您希望在Google图片搜索中使用您的图片。正如WordStream所说,谷歌图片搜索流量是一种“轻松取胜”,实际上可以为您的业务带来转化和潜在客户,否则您可能无法获得。 如何防盗链 有几种简单的方法可以保护您的图片免遭盗链,让我们来看看我们拥有的选项。 CDN Apache NGINX WordPress插件 禁用右键复制 重命名文件 cPanel 使用带有热链接保护的CDN 你们中的大多数人通过自己的网站在全球范围内提供内容,并反过来使用CDN提供商来加快资产的交付。CDN提供商(例如KeyCDN和Cloudflare)已经免费内置了强大的热链接保护,您可以启用它们。这是推荐的方法,因为它们对实际上不应该被阻止的机器人和其他推荐人有非常微调的规则。在CDN上执行此操作的另一个好处是,您无需对 WordPress 安装进行任何更改。 如果您使用KeyCDN,只需单击Zonereferrers并添加规则。抓取工具仍然可以访问和索引您的图像。 KeyCDN盗链保护 他们甚至有一个一键式选项,允许每个区域为空引荐来源。 […]

WordPress 延迟加载,延迟加载插件,懒加载,懒加载插件 文字详细教程

如果您的WordPress网站严重依赖视觉内容,您可能需要为其添加懒加载功能。此WordPress功能有助于提高网站的页面速度和性能,使其对您的SEO工作至关重要。 根据HTTP Archive,网页平均体积为3719 kB,其中图像和视频占总体积的近78%。 这对于网站访问者的浏览器下载和渲染来说是很多字节,并且未来的趋势网页越来越大及使用更多的图像或者视频内容。 在共享媒体和将媒体文件整合到网站设计中时,WordPress正在引领潮流。 使用WordPress,可以轻松地将图像和视频集成到文章,页面甚至主题的背景中。 但是,过多的媒体资源使得网页加载变得非常缓慢,因为用户在查看网页之前必须等待下载大文件(包括最初未显示的文件)。 这是为什么我们要对WordPress做图片或者视频懒加载(延迟加载)的原因。 什么是懒加载以及它如何工作? WordPress懒加载的优缺点 为什么要做图像懒加载? 如何为您的WordPress添加懒加载 懒加载对SEO的影响 WordPress延迟加载技巧 什么是懒加载以及它如何工作? 延迟加载(又称懒加载)是一种加载可见内容的优化技术,即延迟下载和呈现在首屏下方需要显示的内容。延迟加载不是一次加载所有图像,而是仅下载用户屏幕上可见的图像。它用占位符图像或空白区域替换所有其他图像。当用户向下滚动时,您的网站会加载在浏览器查看区域中可见的图像。 这也是谷歌极力推广的网页优化策略“缩减首屏内容的大小”,如果您的WordPress文章和页面包含大量嵌入式视频和高分辨率图像,这是一种应该考虑的技术。 延迟加载的工作方式如下: 浏览器在不下载图像和预加载视频下构建网页DOM而。 JavaScript用于确定要下载哪些图像以及根据页面加载时最初可见的内容预加载哪些视频。这些图像和视频会根据需要下载和预加载。 下载和呈现其他视频会延迟,直到网站访问者向下滚动页面并且其他内容进入视图。 最终结果是,在实际需要之前,不会下载图像和加载视频。这可以为包含大量高分辨率图像和嵌入视频的网站实现显着的性能提升。 延迟加载对您的WordPress网站非常有利。 它减少了初始网页加载时间,因此用户会更快地看到您的网站 它通过仅提供可查看的图像来节省带宽,并可节省托管成本 WordPress 5.5的发布添加了延迟加载作为默认功能。 但是,如果您想自定义图像延迟加载和背景图像延迟加载的方式,则需要使用WordPress插件。 注意:虽然延迟加载有助于提高网站加载速度,但在上传到WordPress之前,您应该始终针对网络优化图像以获得最佳性能。 WordPress懒加载的优缺点 如果您仍然想知道是否应该在WordPress中实现图像延迟加载,以下是该功能的优缺点: 优点: 减少带宽使用,降低托管成本。 提高网站速度,使访问者的浏览体验更好。 提升移动体验。 优化最大内容绘制分数 改进SEO工作,提高您网站的搜索排名。 缺点: 导致内容缓冲,影响加载速度。 减慢快速滚动。 为什么要做图像懒加载? 延迟加载您的WordPress图片可以加快您的网站速度并提供更好的用户体验。 没有人喜欢慢速网站。事实上,一项性能研究发现,页面加载时间延迟一秒会导致转化次数减少7%,页面浏览量减少11%,客户满意度降低16%。 任何搜索引擎也不喜欢加载缓慢的网站。这就是速度越快的网站在搜索结果中排名越高的原因。 与其他网络元素相比,图像在您的网站上加载所需的时间最长。如果您在文章中添加大量图片,那么每张图片都会增加您的页面加载时间。 处理这种情况的一种方法是使用CDN服务,例如又拍云CDN。CDN将让用户从离他们最近的Web服务器下载图像并降低网站加载速度。 但是,您的图像仍将被加载并影响整体页面加载时间。为了解决这个问题,您可以通过在您的网站上实现延迟加载来延迟图像加载。 如何为您的WordPress添加懒加载 与许多其他网站性能问题一样,WordPress延迟加载也是可以通过插件来解决。 实际上,WordPress插件库有许多插件可用于懒加载图像和视频。 这样的插件林林总总,我们从中挑了五个可以显着提高网站性能的插件。 如果您已准备好实施懒加载,可以考虑这五个插件。 图像和视频真的会让网站变慢吗? 首先,在将任何图像上传到WordPress之前,请确保已经执行了优化(关于图片体积优化,可以参考文章《如何做到Google […]

WordPress WordPress评论,延迟加载,懒加载 文字详细教程

WordPress带有默认的评论系统,您可以使用它在您的博客上进行互动讨论。您可以选择启用或禁用站点范围内的评论以及单个博客文章。当您对文章有大量评论时,用户需要滚动浏览整个评论部分才能到达页脚。 在本文中,我们将解释如何在WordPress中延迟加载评论以仅在需要时加载它们。 懒加载评论 延迟加载是仅在有用户交互时才加载内容的功能。虽然WordPress用户主要使用延迟加载图像,但您也可以使用此功能进行评论。以下是您需要在WordPress网站中延迟加载评论的一些原因。 评论仅在您的博客文章底部可用,因此在初始页面加载期间不需要加载它们。 长长的评论列表会增加DOM元素,从而影响您网站的页面加载速度。 当用户不想发表评论时,评论表单可能会影响用户在您网站上的体验。 冗长的评论列表会在移动设备上占据很大的空间,这是可以避免的。 默认情况下,评论将显示gravatar图像,如果您从设置中禁用gravatar,大多数主题将无法正确对齐评论部分。由于gravatar图片是从第三方网站加载的,因此会影响您网站的速度。 总之,在需要时隐藏和加载评论表单将改善页面加载时间和用户体验。由于这些是谷歌搜索算法中的排名因素,您可以通过延迟加载评论来提高排名。 评论分页的默认选项 WordPress 在“设置 > 讨论”部分提供了一些默认设置来管理评论。例如,您可以设置在博客文章中显示的最大评论数。当评论数量超过设置限制时,这将创建分页评论。但是,它并没有提高多少速度,因为评论表单将在初始页面加载期间加载。 在WordPress仪表盘中启用分页评论 对于gravatar图片,您可以通过WP Rocket或Perfmatters等插件使用图片延迟加载功能。此外,大多数免费缓存和优化插件都提供图像延迟加载功能,您可以使用它来延迟加载gravatar图像。 在WordPress中延迟加载评论 懒加载评论可以解决很多速度问题,包括懒加载gravatar图片。为此,您必须使用延迟加载评论插件并选择方法。登录到您的WordPress仪表盘部分后,转到“插件 > 安装插件”区域。搜索“lazy load comments”并向下滚动以找到lazy load comments插件。 单击“立即安装”按钮,然后单击“启用”按钮开始在您的站点上使用该插件。 安装lazy load comments插件 自定义评论延迟加载选项 该插件提供了一种简单的设置来决定您希望如何延迟加载评论部分。转到“设置 > 讨论”部分并向下滚动到底部。在“头像”部分上方,您可以找到“Lazy Load Comments”的新选项。 延迟加载评论设置 单击“lazy load comments”的下拉菜单以找到三个可用选项。 选择滚动延迟加载评论 On Scroll – 当用户到达页面上的评论部分时,延迟加载滚动评论。这是一个默认选项,类似于延迟加载图像。 On Click – 这将显示“Load Comments”按钮,用户可以单击它以显示评论和表单部分。 No Lazy Load – 这将禁用延迟加载功能,因此不要选择此选项。 我们建议选择“On Click”选项以显示一个按钮,该按钮可以通过两种方式提供帮助。首先是只有感兴趣的用户想要留下或阅读评论才会点击按钮。其次,它可以通过隐藏评论和表单来节省空间,从而改善手机上的用户体验。选择选项后,向下滚动并单击“保存更改”按钮以在您的站点上应用设置。 […]

您是否希望通过发送优惠券优惠码的方式了促进客户在您的WooCommerce商店上留下商品评价?这种方式可以建立客户忠诚度并为您的店铺带来更多销售额。在本文中,我们将向您展示如何在WooCommerce产品评论后发送优惠券。

您是否希望通过发送优惠券优惠码的方式了促进客户在您的WooCommerce商店上留下商品评价? 这种方式可以建立客户忠诚度并为您的店铺带来更多销售额。在本文中,我们将向您展示如何在WooCommerce产品评论后发送优惠券。 为什么对评论客户发送优惠券? 通常,当您在线购物时,您需要在购买前阅读其他客户的评论。正面评价有助于建立对您的业务和产品的信任和信心,当企业获得好评时,客户往往会花费更多。 但是,许多客户即使对您的业务感到满意也不会留下评论。 鼓励客户留下评论的一个聪明方法是发送优惠券代码作为简单的感谢。 优惠券是推广您的在线商店和增加销售额的好方法。 WooCommerce包括开箱即用的简单优惠券功能,您可以通过选择正确的WordPress优惠券代码插件获得更多功能。 手动向每个留下评论的客户发送消息可能会成为大量工作,因此我们将向您展示如何自动化该过程。 话虽如此,让我们来看看如何在客户对您的WooCommerce商店留下产品评论时轻松发送优惠券代码。 在WooCommerce商品评论后发送优惠券 您需要做的第一件事是安装并激活Uncanny Automator插件。 Uncanny Automator是最好的WordPress自动化插件之一。 专业版与WooCommerce紧密集成,可让您为在线商店创建各种自动化工作流程。 激活后,您还将被要求安装Uncanny Automator的免费版本。该插件的精简版功能有限,但用作Pro版的基础。 接下来,您需要导航到Automator » License Activation页面以输入您的许可证密钥。您可以在Uncanny Automator网站上的帐户下找到此信息。 现在我们已准备好创建一个自动工作流程来发送优惠券代码。 Uncanny Automator称这些为食谱。只需导航到Automator » Add new页面即可创建您的第一个食谱。 系统会要求您选择是要创建登录配方还是每个人配方。您应该选择“Logged-in users”,然后单击“Confirm”按钮。 接下来,您需要输入食谱的标题。 您的客户不会看到这个,这是供您自己参考的。我们将这个食谱称为“Send a Coupon After a WooCommerce Product Review”。 设置Uncanny Automator触发器 接下来,您需要选择将触发操作的条件。您应该通过单击“Select an integration”下的WooCommerce图标开始。 您现在将看到WordPress触发器列表。您需要搜索“review”并选择名为“A user reviews a product”的触发器。 如果您希望在发送优惠券代码之前批准用户的评论,则选择名为“A user’s review on a […]

WooCommerce有一个内置的搜索功能,但它不太擅长查找产品。用更智能、更快速的搜索代替它可以改善用户体验并带来更多销售。在本教程中,我们将向您展示如何为您的在线商店进行智能WooCommerce产品搜索。

WooCommerce有一个内置的搜索功能,但它不太擅长查找产品。用更智能、更快速的搜索代替它可以改善用户体验并带来更多销售。 在本教程中,我们将向您展示如何为您的在线商店进行智能WooCommerce产品搜索。 为什么要在您的商店中添加WooCommerce智能搜索? 默认情况下,WooCommerce带有内置的产品搜索功能,但仍有很多不足之处。 它不会在产品属性、评论、自定义字段或描述中查找匹配项。它也很慢,不能提供良好的用户体验。 这意味着用户将无法找到他们正在寻找的产品,您将失去潜在的销售机会。 幸运的是,您可以使用一些出色的WooCommerce产品搜索插件来解决这个问题。这将使您能够显示更多有用的产品搜索结果,更快地获取它们,并获得更多的产品销售。 话虽如此,让我们来看看如何轻松地将WooCommerce产品智能搜索功能添加到您的在线商店。 方法 1. 使用Ajax Search for WooCommerce进行更好的WooCommerce产品搜索 这种方法更简单,推荐给大多数店主。 在本教程中,我们将使用Ajax Search for WooCommerce专业版,这是市场上最好的WooCommerce产品搜索插件。 它会在您的所有产品字段(包括自定义字段)中查找搜索到的关键字。该插件还可以在不重新加载页面的情况下显示结果,并且比默认的WooCommerce搜索快得多。 这个插件也有一个免费版本,但它没有所有强大的功能。 首先,您需要安装并激活Ajax Search for WooCommerce插件。激活后,您需要单击WordPress管理侧栏中的“Ajax Search for WooCommerce”菜单以输入您的许可证密钥。您可以在插件网站上的帐户下找到此信息。 之后,您可以访问WooCommerce » Ajax Search Bar页面来配置插件设置。只需切换到“Search bar”选项卡即可开始使用。 从这里,您可以选择搜索框的外观。您可以显示和隐藏按钮、更改搜索按钮标签以及替换占位符文本。 一旦用户开始输入,插件就会开始获取和显示产品结果。您可以自定义要显示的产品数量以及如何显示即时结果。 只需切换到“Autocomplete”选项卡并查看可用选项。如果您不确定,那么您可以让它们保持原样。默认设置适用于大多数在线商店。 接下来,您需要切换到搜索配置页面。从这里,您可以告诉插件在寻找匹配项时要查看哪些区域。 如果需要,您可以检查所有选项。您还可以选择您可能希望包含在搜索中的自定义字段。 最后,该插件还包括模糊匹配。这些基本上包括可能与用户正在寻找的产品接近但不完全匹配的产品。我们建议将此设置保持在“Normal”以获得更相关和更有帮助的结果。 最后,不要忘记单击“Save changes”按钮以存储所有设置。 在您的网站上显示您的WooCommerce产品搜索 Ajax Search for WooCommerce为您提供了三种将产品搜索框添加到WooCommerce商店的方法。 您可以将其添加到商店的导航菜单中。 使用小工具在侧边栏中显示它 使用短代码将其手动添加到商店页面 将WooCommerce产品搜索添加到导航菜单 用户可能会在顶部导航菜单附近寻找搜索选项。该插件可以轻松地将产品搜索放在那里。 只需转到外观»菜单页面。确保选择了您当前的导航菜单,然后将“AJAX Search Bar”添加到您的导航菜单。 […]

默认情况下,WordPress按时间倒序(从最新到最旧)对文章进行排序,或者更确切地说是按发布日期排序。这适用于大多数发布商,但在某些情况下您可能需要对它们重新排序。

默认情况下,WordPress按时间倒序(从最新到最旧)对文章进行排序,或者更确切地说是按发布日期排序。这适用于大多数发布商,但在某些情况下您可能需要对它们重新排序。 也许您有需要重新排列的自定义文章类型或希望出现在购物页面顶部的WooCommerce产品。查看这些不同的解决方案和技巧来重新排序WordPress中的文章。 以下是您可以用来重新排序文章的几种不同方法和选项。 通过更改发布日期重新排序文章 在WooCommerce中重新排序文章 使用插件重新排序文章 使用代码重新排序文章 选项1 – 通过更改发布日期重新排序文章 大多数WordPress主题使用“ orderby ”发布日期参数。因此,您可以用来重新排序文章的第一种方法是简单地更改文章上的发布日期。这可以是重新排序一两个文章的快速方法,但WordPress没有很好的批量重新排序方式。如果您需要一次做很多事情,我们建议您使用以下其他选项之一。如果我们看一下下面的文章,我们可以看到这两篇文章是在同一天发表的。最后一个发布的是出现在我们博客顶部的那个。但是,在这种情况下,我们希望先显示上一篇文章。因此,要更改顺序,我们可以更改发布日期。为此,请单击文章标题下的“编辑”。 编辑WordPress文章 在右侧,您选择一个新的发布日期(一个比另一个更新的日期),然后单击“更新”。 通过更改发布日期重新排序文章 您可以看到该文章现在位于顶部的另一个文章上方。这将反映在您的博客上,因为所有内容都按时间倒序显示。 文章现在出现在列表顶部 如果您不想彻底更改日期,您也可以简单地更改时间(如下所示,WordPress 默认使用军用时间)。即使稍后设置它也会导致它重新排序文章。 例如,如果您有一个自动RSS电子邮件营销活动即将运行,并且您需要它来抓取当天的文章,但您只需要重新排序一两个文章,那么仅更改时间就很有用。 选项 2 – 在WooCommerce中重新排序文章(内置拖放) 很多人可能不知道这一点,但WooCommerce实际上在其插件中具有内置的拖放功能。要使用它,请单击“Products”页面,然后单击顶部的“Sorting”。然后,您可以将鼠标悬停在产品上并拖动它们以更改其顺序。是的,这会直接影响它们出现在购物页面前端的顺序。 排序WooCommerce产品 在WooCommerce中重新订购产品的另一种方法是更改​​自定义元“menu order”字段。如果您单击您的产品,在“Advanced”选项卡下,您可以为产品分配菜单顺序,例如 0、1、2、3、4。这将反映在仪表板和商店的前端。您也可以使用负数。因此,例如,如果您想要显示在顶部的产品,并且您之前已经分配了菜单订单,则可以使用 -1 或 -2。某些主题还将具有可在自定义文章类型中更改的菜单顺序。 在WooCommerce中更改菜单顺序 您还可以通过更改默认产品排序来快速更改商店页面前端的目录。为此,请单击WooCommerce设置,然后单击“Products”选项卡下的“Display”。然后,您可以从默认产品分类中选择以下内容: 默认排序(自定义排序 + 名称) 人气(销量) 平均评分 按最近排序 按价格排序(升序) 按价格排序(降序) WooCommerce默认产品排序 最后,您还可以使用插件在WooCommerce和EDD中重新排列产品,请参阅下面的下一个选项。 选项 3 – 使用插件重新排序WordPress文章 到目前为止,在WordPress中重新排序文章的最简单方法之一是使用插件。我们强烈推荐免费的Post Types Order插件。这允许您使用拖放可排序的JavaScript功能重新排序帖子、页面、自定义文章类型和产品(WooCommerce和EDD)。 Post Types Order插件 它目前有超过400,000次活跃安装,您可以从WordPress插件库下载Post Types Order ,也可以在WordPress仪表盘插件下“安装插件”搜索它。启用它后,单击设置下的“Post […]

HTTPS是一种用于通过计算机网络进行安全通信的协议,在Internet上广泛使用。越来越多的WordPress所有者正在从HTTP迁移到HTTPS,主要是由于以下5个原因:

HTTPS是一种用于通过计算机网络进行安全通信的协议,在Internet上广泛使用。越来越多的WordPress所有者正在从HTTP迁移到HTTPS,主要是由于以下5个原因: 谷歌宣布使用HTTPS的网站将在谷歌搜索中获得一定的排名因素。 由于浏览器支持,您可以使用新的HTTP/2协议实现更快的性能,该协议需要HTTPS。 HTTPS更安全,访问者的数据完全加密。 HTTPS可以通过在访问者的Web浏览器地址栏中启用绿色挂锁来建立信任。 如果有人从HTTPS访问网站并转到HTTP网站,则引荐数据将在Google Analytics中丢失。它通常最终与“直接流量”混为一谈。如果有人从一个HTTPS网站转到另一个HTTPS网站,推荐数据仍然会被传递。因此,通过从HTTP迁移到 HTTPS,您实际上可以获得更准确的推荐数据。 在WordPress中选择将HTTP重定向到HTTPS时,您有几个不同的选择。 如果您是宝塔面板用户,最简单的方法是使用宝塔的强制HTTPS工具(推荐)。另一种方法是在服务器级别执行此操作,或者您甚至可以使用免费的WordPress插件来执行此操作。注意:我们的示例都包含301重定向指令,这是在SEO方面实现它的正确方法。使用不同类型的重定向可能会损害您的排名。 在宝塔面板上将HTTP重定向到HTTPS 在Nginx中将HTTP重定向到HTTPS 在Apache中将HTTP重定向到HTTPS 使用Really Simple SSL插件将HTTP重定向到HTTPS 在宝塔面板上将HTTP重定向到HTTPS 无需安装插件,您可以轻松地将所有HTTP流量重定向到HTTPS。只需登录你的宝塔控制面板,点击左侧菜单“网站”,选择对应网站的“设置”。 宝塔网站设置 然后在弹出窗口,选择SSL,点击右上角的强制“HTTPS”。注:前提你必须已经为你的站点配置了SSL证书。 强制HTTPS选项 请注意,如果您使用第 3 方代理,或者您设置了自定义 HTTPS 规则来强制使用 HTTPS,则可能会导致一些错误。如果您发现任何问题,只需禁用 HTTPS 强制并联系支持人员即可。 在Nginx中将HTTP重定向到HTTPS 根据W3Techs的数据,Nginx是增长最快的Web服务器,截至2017年拥有30%以上的市场份额。平均而言,每分钟前1000万个网站中就有一个开始使用Nginx。 如果您的Web 服务器正在运行Nginx,您可以通过将以下代码添加到Nginx配置文件中,轻松地将所有HTTP流量重定向到HTTPS。 server { listen 80; server_name domain.com www.domain.com; return 301 https://domain.com$request_uri; } 在Apache中将HTTP重定向到HTTPS 如果您的Web服务器正在运行Apache,您可以通过将以下代码添加到您的.htaccess 文件中,轻松地将所有HTTP流量重定向到HTTPS 。 RewriteEngine On RewriteCond %{HTTPS} off RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} […]

在本教程中,我们将向您展示如何在WordPress中轻松创建其他图像尺寸并在您的网站上使用它们。

默认情况下,WordPress会自动创建多个不同大小的图像上传副本。此外,WordPress主题和插件还可以创建自己的图像大小。 在本教程中,我们将向您展示如何在WordPress中轻松创建其他图像尺寸并在您的网站上使用它们。 为什么要在WordPress中创建额外的图像尺寸? 通常,所有流行的WordPress主题和插件都能很好地处理图像大小。例如,您的WordPress主题可能会创建其他尺寸以用作存档页面上的缩略图。 但是,有时这些图像大小可能不符合您自己的要求。您可能希望在子主题或文章网格布局中使用不同的图像大小。 您可以通过在WordPress中创建其他图像大小,然后在需要时调用这些大小来实现。 话虽如此,让我们来看看如何在WordPress中创建额外的图像大小。 为您的主题注册额外的图像尺寸 大多数WordPress主题(包括所有顶级WordPress主题)默认都支持发布缩略图(特色图片)功能。 但是,如果您要创建自定义WordPress主题,则需要通过将以下代码添加到主题的functions.php文件来添加对文章缩略图的支持。 add_theme_support( ‘post-thumbnails’ ); 启用对文章缩略图的支持后,您现在可以使用函数 add_image_size() 来使用注册附加图像大小的功能。 add_image_size函数按以下格式使用: add_image_size( ‘name-of-size’, width, height, crop mode ); 示例代码如下所示: add_image_size( ‘sidebar-thumb’, 120, 120, true ); // 硬裁剪模式Hard Crop Mode add_image_size( ‘homepage-thumb’, 220, 180 ); // 软裁剪模式Soft Crop Mode add_image_size( ‘singlepost-thumb’, 590, 9999 ); // 不限高度模式Unlimited Height Mode 现在,如果您注意到,我们已经指定了三种不同类型的图像大小。每个都有不同的模式,如硬裁剪、软裁剪和无限高度。 让我们介绍每个示例以及如何在您自己的项目中使用它们。 […]

将联系表格添加到您的 WordPress 网站使用户能够联系查询和业务建议。但是,如果您没有使用客户关系管理 (CRM) 解决方案,您可能会失去这些潜在客户。幸运的是,您可以使用 Contact Form 7 和 Zoho 轻松地将您的联系表单与 CRM 配对。 我们将介绍将 Contact Form 7 接入 Zoho 的好处及实际操作分步教程。

将联系表格添加到您的 WordPress 网站使用户能够联系查询和业务建议。但是,如果您没有使用客户关系管理 (CRM) 解决方案,您可能会失去这些潜在客户。幸运的是,您可以使用 Contact Form 7 和 Zoho 轻松地将您的联系表单与 CRM 配对。 在这篇文章中,我们将介绍将 Contact Form 7 接入 Zoho 的好处及实际操作分步教程。 将 Contact Form 7 与 Zoho CRM 集成的好处 Contact Form 7 是最受欢迎的 WordPress 联系表格插件之一。它使您能够为您的站点构建各种自定义表单: 使用Contact Form 7,您可以输入您的企业电子邮件地址作为发件人,并使用您最喜欢的电子邮件客户端回复您的消息。此设置将帮助您为公司树立更专业的形象。 要充分利用 Contact Form 7,您可以考虑将其与 Zoho 一起使用。这是一款功能强大的 CRM 工具,可帮助您更有效地生成潜在客户并管理您的联系人: 将 Contact Form 7 与 Zoho 集成后,您可以使用 CRM 工具同步您的用户数据并组织您的潜在客户。例如,您可以将联系人分类为最近创建的潜在客户、转换的潜在客户等。 如果您运行远程团队,这种集成可能会有所帮助。通过您的联系表格收到消息后,您可以将该潜在客户分配给相应的员工或部门。Zoho 促进了团队协作,因此您的公司可以提供更好的客户服务并推动更多转化。 […]

SVG是一种基于XML的矢量图像,现在很多网站使用这种格式来显示网站Logo和图标。 它们在开发人员和设计人员中特别受欢迎的主要原因是它们是可缩放的图像格式,通常文件大小较小(有时相当大),完美适配视

SVG是一种基于XML的矢量图像,现在很多网站使用这种格式来显示网站Logo和图标。 它们在开发人员和设计人员中特别受欢迎的主要原因是它们是可缩放的图像格式,通常文件大小较小(有时相当大),完美适配视网膜屏幕。 默认情况下,WordPress不允许您上传SVG文件格式,主要是出于安全考虑。 今天我们将深入探讨WordPress安全启用SVG支持的方法,讨论浏览器支持,以及一些警告,如果您决定要切换到矢量图像格式。 希望有一天SVG作为WordPress核心的一部分。 什么是SVG? 为什么SVG安全性很重要 如何安全地为WordPress启用SVG支持 什么是SVG? 根据维基百科,SVG(可缩放矢量图形)是一种基于XML的矢量图像格式,用于支持交互性和动画的二维图形。 您甚至可以使用代码或文本编辑器来编辑它们。 SVG规范是自1999年以来由万维网联盟开发的开放标准。目前SVG仅占所有网站的3.4%,但正如您所见,采用率正在快速增长。 流行的网站,如谷歌,Reddit,Dropbox,ESPN,甚至我们在wbolt.com的网站都使用SVG。 SVG使用情况统计(2016年4月-2017年4月) SVG浏览器支持情况 目前,所有主流浏览器和移动浏览器都支持SVG。 您可能遇到的唯一问题是,如果您仍然需要IE8的支持,当然我们不希望你继续支持这个浏览器。 IE8仅占0.36%的市场份额,并且微软也不再为该版本浏览提供更新支持。 有兴趣的朋友可以阅读国外博主Lubos撰写的关于《为什么开发人员应该停止支持IE8,IE9和IE10》的文章。 从商业角度来看,这可能并非总是可行,但他提出了一些非常好的观点。 如果由于某些特殊原因你仍然需要IE8支持,你可以为你的SVG定义一个备用图像(PNG或JPG),但我们今天不会基于此展开讨论。 以下是支持的浏览器列表: Internet Explorer 9, 10, 11+ and Edge Firefox 3+ Chrome 4+ Safari 3.2+ Opera 10+ iOS Safari 3.2+ Opera Mini (all) Android Browser 4.4+ SVG浏览器支持情况 SVGs的优势 SVG是一种矢量格式,这意味着它们可以在浏览器和照片编辑工具中无限无损缩放。SVG为什么受图形和网页设计师欢迎,不言而喻。通常,当您尝试在Photoshop,Sketch或Paint等工具中编辑PNG或JPG时,会受限于原图的像素。使用SVG,你可以随心所欲地对图形文件进行缩放,并且像素完美(或者我们应该说矢量完美)。这就是为什么它们是用于视网膜屏幕的优秀图像格式的原因。 谷歌索引SVG,如果你关心搜索引擎优化,这是一个好消息。链接到文件本身的SVG内容将被编入索引并显示在Google图像搜索中。注意:内联SVG,或者更确切地说仅由代码组成的SVG,通常不会被编入索引。 SVG传统上(并非总是)文件大小小于PNG或JPG。通过使用SVG,您实际上可以加快WordPress网站的速度,因为您将减少整体页面大小。 国外博主Genki写了一篇很棒的文章,他比较了SVG与PNG和JPEG的大小。以下是他测试中的一些内容,他比较了三种不同的图像类型。 JPG (经过优化后的大小: 81.4 […]

将较长内容文章分成几页,可以在某种程度上提升访客阅读文章和浏览体验。在本教程中,我们将介绍比较简单的方法以实现WordPress文章分页显示。

不知道作为站长的您,是否曾经考虑过将WordPress长文章拆分多个页面显示? 将较长内容文章分成几页,可以在某种程度上提升访客阅读文章和浏览体验。在本教程中,我们将介绍比较简单的方法以实现WordPress文章分页显示。 为什么要将WordPress文章分页显示? 如果您的博客文章太长,比如数千字,则设置分页可以提高内容的可读性。 它有助于将文章分为不同的部分,并将它们分为多个页面。这样,访客更容易消化页面内容并阅读他们感兴趣的任何部分。 拆分WordPress文章的另一个好处是,它可以帮助增加网页浏览量并增加广告收入。 下面,让我们看一下如何将WordPress文章分成多个页面。 方法1.无需插件实现WordPress文章分页 方法2.利用插件实现WordPress文章分页 方法1.无需插件实现WordPress文章分页 设置分页的最简单方法是使用WordPress内容编辑器中的“分页符”区块。不需要WordPress插件即可将文章分成多个页面。 首先,在WordPress网站上编辑或添加新文章。之后,光标移至你需要分拆页面的位置,点击加号(+)按钮,并添加一个“分页符”区块。 在内容中看到一个分页符行,即代表分页出现的位置。 如果您使用的是经典编辑器,请使用<!––nextpage––>标记分页内容。 只需编辑任何博客文章,然后转到“文本”视图以输入标签即可实现内容分页。 您也可以使用键盘上的Alt + Shift + P键插入分页符。为此,请转到“可视”视图,然后在要添加分页符的位置按键盘快捷键。 之后,您可以预览和发布博客文章。现在,您将在内容底部看到文章分页导航。 方法2.利用插件实现WordPress文章分页 将长的文章内容分为多个页面的另一种方法是使用WordPress插件。这种方法的好处是,当符合特定条件时,它将自动对文章进行分页处理。 对于这种方法,我们将使用免费的“Automatically Paginate Posts”插件,因为它易于使用,兼容任何WordPress主题。 首先,在WordPress网站上安装并启用“Automatically Paginate Posts”插件。 插件在您的网站上启用后,转到“设置”»“阅读”,然后向下滚动到“Automatically Paginate Posts”部分。 您可以选择文章类型以分成不同的页面。之后,选择是按总页数还是每页文字数量来拆分文章。 最后点击“保存更改”即可生效。 该插件将根据设置自动拆分指定的文章类型内容。当然,您也可以在使用插件时手动将分页符添加到您的内容中。 我们希望本教程能帮助您学会将WordPress文章页拆分成多个页面。 温馨提示:适当地进行文章拆分多个页面,有利于阅读体验。过度拆分多个页面,也可能导致糟糕的用户体验。除了分页处理文章,也可以通过文章导航的方式优化文章阅读体验。

如何实现 WordPress 主题的 Thread Comments 功能

WordPress 从 2.7 版本新增的最大一个功能就是 Thread Comments(嵌套留言和回复),就是可以回复留言并且嵌套显示,这样非常留言的时候更加友好,可以针对日志内容留言,也可以针对某条留言回复,并且可以直接在留言中讨论而不影响其他用户,所以 WordPress 主题实现 Thread Comments 是非常必要的。 由于 WordPress 很早就在 wp_comments 数据表中预留了 comment_parent 字段,在 2.7 版本之前的实现 Thread Comments 功能的插件都是通过使用这个字段实现的,WordPress 2.7 之后自带的 Thread Comments 也不例外,也是通过这个字段实现,所以可以完全兼容之前的 Thread comments 插件。但是要使用 WordPress 2.7 自带的 Thread Comments,需要修改主题的 comments.php 主题文件,我下面就讲解下如何修改,注意这里的代码不向下兼容了,修改了之后,你的主题只能在 WordPress 2.7 或者中使用了。 1. 首先在主题的 header.php 的 wp_head() 函数之前添加如下函数: if(is_singular()) wp_enqueue_script(‘comment-reply’); 上面这个函数是在主题模板中添加 comment-reply.js 这个 JS,它是 Thread comment […]

100% Secure Checkout

PayPal / MasterCard / Visa