任何问题请联系WX:uu16853

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

购买更多有优惠!

WordPress Gutenberg,WordPress开发,区块开发,区块插件,区块编辑器,古腾堡教程,开发工具 文字详细教程

许多人抱怨开始构建古腾堡区块和应用程序的障碍。学习曲线陡峭,主要是由于开发环境的安装和配置困难。此外,扎实的JavaScript、Node.js、React和Redux知识是这个相当复杂的秘诀的必备要素。 官方的WordPress区块编辑器手册为开发人员提供了大量信息,但您可能会发现自己迷失在这些细节的海洋中。 值得一提的是,Gutenberg项目的首席架构师Matías Ventura在接受WP Tavern采访时所报告的内容: 虽然有些人可以快速学习它,但这对人们来说仍然是一个很大的障碍。我认为这有几个层次;文档在组织和演示方面可能要好一个数量级。我希望我们可以在那里做更多的事情。 考虑到这一点,我们决定提供一个分步教程,旨在帮助我们的读者开始使用Gutenberg区块开发。 古腾堡区块开发先决条件 什么是古腾堡区块? 设置您的WordPress开发环境 初学者区块脚手架的演练 项目:建造你的第一个古腾堡区块 古腾堡区块开发先决条件 对于本教程,唯一需要的技能是对WordPress插件开发有很好的了解,并且至少对HTML、CSS、JavaScript和React有基本的了解。 这会是一个雄心勃勃的项目吗?你打赌它会的! 在完整性和简单性之间找到正确的折衷方案或决定包含哪些主题和省略哪些主题并不容易。 希望中高级读者能原谅我们没有深入研究某些概念,例如React状态、Redux存储、高阶组件等。这些主题需要额外的空间和注意力,并且可能对于开始区块开发来说太高级了(除非您是 React 开发人员)。 出于同样的原因,我们不会涵盖与Gutenberg区块开发相关的一些更高级的主题,例如动态区块和元框。 有了本文结尾您将获得的知识,您将能够立即开始享受乐趣并提高工作效率。 一旦您开始构建区块,您将准备好进一步提高您的技能并自行构建更高级的古腾堡区块。 什么是古腾堡区块? 自2018年12月首次发布以来,区块编辑器在各个方面都得到了极大的改进:更强大的API、更高级的用户界面、改进的可用性、大量新区块、全站点编辑的首次实现等等. 简而言之,即使古腾堡仍在大力开发中,它也已经走过了漫长的道路——如今,区块编辑器已成为可靠的功能性页面和网站构建器的成熟候选者。 从开发人员的角度来看,Gutenberg是一个基于React的单页应用程序(SPA),它允许WordPress用户在WordPress中创建、编辑和删除内容。但是,这不应该让您想到传统内容编辑器的增强版。 我们想明确这一点: Gutenberg不是常规的WYSIWYG编辑器。相反,它重新定义了WordPress中的整个编辑体验。 在古腾堡,内容被划分为区块,这些区块是用户可以用来创建文章和页面或整个网站的“砖块”。 但从技术上讲,什么是区块? 我们喜欢WordPress的定义: “区块”是用于描述标记单元的抽象术语,这些标记单元组合在一起形成网页的内容或布局。这个想法将我们今天在WordPress中实现的概念与短代码、自定义HTML和嵌入发现结合到一个一致的API和用户体验中。 标题、段落、列、图像、画廊以及构成编辑器界面的所有元素,从侧边栏面板到区块工具栏控件,都是React组件。 那么,什么是React组件?W3Schools提供以下定义: 组件是独立且可重用的代码。它们的用途与JavaScript函数相同,但独立工作并通过render()函数返回HTML。 在WordPress 5.8中使用Gutenberg区块 虽然Gutenberg提供的编辑体验与经典的WordPress编辑器相比是全新的,但WordPress将您的内容片段存储在数据库中的方式根本没有改变。这是因为Gutenberg是一个在WordPress中运行的应用程序,但不会改变CMS的核心工作方式。 使用Gutenberg创建的文章(包括文章、页面和自定义文章类型)仍存储在wp_posts表中,与经典编辑器完全相同。 但是在使用Gutenberg创建的文章中,您会在表格中找到更多信息,这些信息代表了通过Classic Editor与Gutenberg创建的文章之间的根本区别。 这些信息看起来像HTML注释,它们有一个特定的功能:分隔区块: 代码编辑器视图中的博客文章。 区块分隔符告诉WordPress要在屏幕上呈现什么区块。它们还为JSON对象中的区块属性提供值。这些道具决定了区块应该在屏幕上呈现的方式: wp_posts存储在表中的博客文章 设置您的WordPress开发环境 设置现代JavaScript开发环境需要扎实的高级技术知识,例如Webpack、React和JSX、Babel、ESLint等。 被吓倒了?不要!WordPress社区已经通过提供强大的工具来帮助您避免混乱的手动配置过程。 为简单起见,我们不会在本文中介绍转译(不过,我们建议您在了解区块开发的基础知识后熟悉一下)。相反,我们将介绍两种替代工具,您可以使用它们在几分钟内快速轻松地设置现代JavaScript开发环境。您可以选择对您的项目最方便的一个。 设置JavaScript开发环境以构建Gutenberg区块是一个三步过程: 安装Node.js和npm 设置开发环境 设置区块插件 让我们开始吧。 1. […]

WordPress PHP内存限制,wp-config.php 文字详细教程

你的插件不工作。您的网站未加载。您不断看到“Allowed memory size exhausted”错误,并且一直说增加您的PHP内存限制。那是什么,你如何解决它? PHP内存限制的存在是为了阻止占用RAM的资源使您的网站崩溃。但有时它也可能导致问题,例如当您安装需要一点额外功能的插件并最终切断对您网站的访问时。 当您因内存不足而遇到白屏死机时,您需要立即修复此问题。让我们来看看PHP内存限制是什么,以及如果达到资源上限如何解决它。 什么是PHP内存限制? 如何在WordPress中增加PHP内存限制 PHP内存限制应该是多少? 什么是PHP内存限制? PHP内存限制设置您网站上的任何脚本可以使用的最大内存量。但这究竟是什么意思? 您的网站由服务器提供支持,这些服务器只是用于保持网站后端运行的专用计算机。与普通计算机一样,它们使用处理器、存储和RAM(也称为内存)等组件。 RAM是服务器最重要的部分之一。每个程序和应用程序都会占用一点内存。程序越密集,占用的内存就越多。当您的内存不足时,您的网站将运行缓慢甚至拒绝加载。 Web应用程序(例如WordPress插件)是可能占用服务器内存的众多事物之一。通常,这些应用程序占用的空间非常小,除非您的主机给您的内存非常少,否则您永远不会遇到任何问题。 但是对于任何PHP应用程序的脚本可以在您的服务器上占用多少内存也有一个硬性上限。当其中一个脚本超过限制时,您就会开始遇到问题。 您会看到一个带有错误的白屏,甚至可能会禁止您访问整个网站。 为什么有内存限制? 想象一下,您的服务器出了点问题。也许一个程序陷入无限循环并不断占用越来越多的内存,或者攻击者诱骗您安装运行恶意脚本的东西以占用您的所有资源。 当PHP进程失控时,内存限制会在它们导致整个服务器崩溃或耗尽当月所有分配的资源之前对其进行硬性阻止。 大多数合法的PHP脚本都很小。每个单独的脚本应该只占用少量的RAM,除非你有一个不寻常的程序需要在一个脚本中比大多数程序作为一个整体占用更多的资源。这些类型的插件当然存在,但很少见。 如果您的内存不足,则很有可能存在损坏或恶意的PHP程序,因此会出现内存限制错误。 但有时你确实在使用需要额外内存的大型插件。一些Web主机还将PHP内存限制设置得非常低,因此即使您没有安装异常耗电的应用程序,也会导致出现错误。 无论哪种方式,您都会很快遇到内存耗尽错误。 内存耗尽错误 所以你遇到了内存耗尽错误。您可能会在整个站点中或在执行某些功能(例如提交表单)时遇到带有错误消息的白屏。 出现在WordPress中的内存限制耗尽错误 这是一个严重的问题,尤其是当它影响您的整个网站时。过去的每一个小时都会有很多迷路的游客。 罪魁祸首可能是一个非常大或配置错误的插件。因为WordPress插件是用PHP编码的,所以它们受PHP内存限制的限制。 您可以通过一一禁用插件来找到导致问题的插件,直到重新访问您的站点。一旦你确定了它,检查文档并查看它是否说明它需要运行多少内存。 如果没有迹象表明它应该是一个非常强大的插件,您可能需要向插件开发人员提交一张票,因为它可能是错误的。请记住,PHP内存限制仅影响单个脚本,而不影响整个插件。因此,脚本很有可能陷入无限循环或其他故障。 这个问题也可能在你身上。也许您的内存限制设置得太低,因此只有最小的插件才能正确运行。或者,也许您正在尝试安装一个插件,该插件要求您将限制提高到比正常水平更高的水平。 无论哪种情况,您都应该尝试增加PHP内存限制。现在让我们向您展示如何做到这一点。 如何在WordPress中增加PHP内存限制 在做任何事情之前,有一种简单的方法可以检查您当前的PHP内存限制,而无需挖掘任何文件。如果您运行的是WordPress 5.2或更高版本,请转到后端的工具 > 站点健康运行状况。 如果看不到,请安装运行Health Check & Troubleshooting。 在WordPress中查看站点健康信息 在信息选项卡下,您将看到您的PHP内存限制。如果它已经设置得相当高,那么您的一个插件可能只是被破坏了。 但是,如果您发现它非常低,则需要通过编辑wp-config.php文件来增加它。 这并不总能解决问题。最终,PHP内存限制由您的Web主机设置。有时,您的站点设置为使用的资源少于主机提供的资源,调整文件可以解决此问题。但是如果他们的硬编码限制太低,无论你手动设置多高,你都无法真正增加它。 但值得一试,所以让我们现在去编辑那个文件。 PHP内存限制是多少? 不同的服务器提供商所设置的限制都不太一样,稍微良心的服务器提供商可能会给出256MB的默认PHP内存限制。这对于99%的WordPress插件来说应该绰绰有余,而且实际上远远超过了大多数插件所应采用的。 它可能仍然值得通过并确保它没有在WordPress的设置中无意中设置得太低。有可能某些东西改变了数量并减少了您可以访问的资源数量。 如何通过FTP更改PHP内存限制 要编辑wp-config.php文件,您需要使用FTP或SFTP访问您的站点。这允许您编辑影响站点运行方式的敏感内部文件。 你只会改变一条线,所以应该很容易。首先安装FileZilla或您选择的其他FTP客户端。它是免费的,所以不用担心。在开始之前,您还应该备份您的网站。在编辑核心文件时很容易意外破坏某些东西。 打开FileZilla并输入您的凭据。片刻之后,您应该连接到您的站点。 单击公共文件夹并找到wp-config.php。如果找不到public或public-html,它可能被称为root、www或您的网站名称。 在FileZilla中查找wp-config […]

WordPress DEBUG,Debug Bar,Query Monitor,WordPress调试,WP_DEBUG 文字详细教程

如果您是Web开发人员,您经常处理网站错误,对吗?无论您是从头开始为网站编写代码,还是部署已经编写好的软件程序,您都一定会遇到错误。这是因为编码错误可能发生在包括WordPress在内的所有类型的计算机程序中。 但是每个问题都有解决方案,错误也是如此。事实上,作为一名Web开发人员,您的主要职责之一是调试错误或编码错误。这篇文章将全面为您提供调试WordPress编码错误一些有效的信息。 所以,如果你是WordPress开发者,这个博客对你来说非常方便。我们将在整个博客中为您提供一些杀手级和有效的调试WordPress提示和技巧。 但在此之前,让我们定义术语调试并给您一个概述。这将帮助您更好地理解后续要点。 1 Debug调试说明 2 为什么调试WordPress网站很重要 3 七个有效调试WordPress提示和技巧 3.1 WordPress调试插件的可用性 3.1.1 Query Monitor 3.1.2 Debug Bar 3.2 激活WP_DEBUG 3.3 启用WPDB错误报告 3.4 部署WordPress临时站点 3.5 识别PHP错误 3.6 检查您网站的服务器错误日志 3.7 启用SCRIPT_DEBUG 4 小结 Debug调试说明 简而言之,调试或调试是指检测和修复软件或计算机程序中的编码错误。通常,Web开发人员是执行调试任务的专业人员。 开发人员使用许多调试工具来修复代码中的错误。一旦更正,他们会运行进一步的测试以确保程序中不会再次出现错误。需要注意的是,调试是软件开发过程中的一个持续动作。 要调试一个软件,您可以采用多种策略,包括单元测试、代码审查和结对编程。在发布软件程序之前,Web开发人员的工作是确保软件程序没有错误。 但是,即使在修复了明显的错误之后,错误也可能出现在软件正式发布后。这是因为几乎不可能一次性识别出产品中的所有错误。用户开始使用该产品后,该程序的一些错误就会显现出来。当用户抱怨错误时,开发人员必须立即修复它们。 为什么提前调试WordPress网站很重要 与WordPress安全性一样,调试WordPress也很重要。当您设计WordPress网站时,您会利用许多3rd方插件来增强您的网站功能。但是所有这些插件都不太可能为您带来预期的成果。其中许多插件会触发代码冲突,从而削弱您的WordPress网站。 WordPress有一个debug调试模式,可以让您预先检测到这种类型的代码冲突。这使您可以在网站上线之前解决这些问题。因此,在网站上线后修复新出现的网站错误所需的时间和精力会减少。 7个有效的调试WordPress提示和技巧 现在,是时候切入正题了,即为您提供调试WordPress站点的可能解决方案。通常,每当我们中的任何人面对我们的WordPress网站崩溃时,我们倾向于停用或卸载我们所有活动的主题和插件。事实上,这是我们被要求做的。并不是说采用这种方法是错误的。 但这是让您的网站重回正轨的浪费时间和低效的方法。这样,您网站的真正问题也可能会被忽视。因此,你必须想出一个真正的游戏规则改变者,而这正是我们要在这里讨论的—— 如果您愿意了解如何恢复被黑的WordPress网站,可以参考以下链接 – 如何恢复被黑的WordPress网站? WordPress调试插件的可用性 当涉及到WordPress网站的功能增强时,插件总是很有用的。例如,如果您想通过社交媒体功能丰富您的网站,您可以使用社交媒体插件。 同样,如果您想为您的WordPress网站增强调试功能,您可以使用一流的WordPress调试插件。我们会命名并推荐2个调试WordPress插件——Query Monitor和Debug Bar。 Query Monitor Query Monitor带有一些令人兴奋的WordPress调试功能。它有一个用于WordPress的开发人员工具面板。它可以让您对数据库查询、PHP错误、块编辑器块、挂钩和操作、语言和翻译、重写规则、排队脚本和样式表、HTTP […]

WordPress 网站测试,网站预览 文字详细教程

无论您是为客户设计网站还是管理自己的WordPress网站,在公开任何更改之前了解它在移动设备上的外观和工作方式都很重要。 您可能有一部手机可以用来查看您的网站。但是,如果您在笔记本电脑或台式机上工作,则不得不继续使用手机会很不方便。 即使您的网站在您的手机上看起来不错,也有很多手机和平板电脑。仅仅因为它看起来不错,并不一定意味着它可以在各种不同的屏幕尺寸、浏览器和操作系统上完美运行。 那么,您究竟如何在移动设备上预览WordPress网站呢?在本指南中,我们将介绍一些无需离开计算机即可在移动设备上测试您的网站的简单方法。 为什么测试网站的移动版本如此重要? 几年前,移动设备取代台式电脑成为浏览网页的主要方式。2021年第一季度,移动设备占全球网络流量的54.8%,去年手机和平板电脑占据了全球57.37%的市场份额。 在全球一些地区,移动设备的使用比桌面设备的使用要大得多。例如,在印度,移动设备拥有超过77%的市场份额。 为了应对不断增长的移动互联网使用,谷歌已经开始惩罚那些不能在移动设备上提供良好用户体验的网站。 在过去的几年中,已经有许多算法更新,旨在为移动用户提供更好的搜索体验。2015年的“ Mobilegeddon ”更新最为激烈,因为谷歌转向了移动优先模式。 作为WordPress用户,选择移动响应主题是确保您的网站看起来不错并且在移动设备上运行良好的第一步。 但是使用块编辑器,用户可以比以前更好地控制单个页面的格式。因此,即使您不是在开发主题或插件,每次添加新内容时,检查您的网站在移动设备上的外观也很重要。 如果您使用Divi或Elementor等可视化拖放页面构建器来创建新页面布局或向您的网站添加内容,这一点尤其重要。 方法一:使用内置的WordPress移动预览 方法二:在Chrome中使用开发者视图 方法三:使用第三方设备模拟器或测试服务 方法一:使用内置的WordPress移动预览 您始终可以在发布之前预览您的WordPress文章和页面。但是您是否注意到您还可以预览您的网站在移动设备上的外观? 在WordPress中有两个地方可以访问移动预览: 来自文章和页面编辑器(并不总是准确的) 来自WordPress定制器 WordPress文章/页面编辑器预览 我们先来看看文章和页面编辑器中的移动预览是如何工作的。单击“发布”或“更新”按钮旁边的“预览”按钮。 在弹出的下拉菜单中,选择“平板电脑”或“手机”,然后点击。 这将立即调整页面编辑器的大小。但是,这是对内容外观的非常粗略和现成的估计,可能不太准确,尤其是在您使用自定义块或外部加载的CSS时。 您可以在此示例中看到,编辑器只是调整了区块的大小以适应较小的屏幕并包装了文本。 但是,如果您以较小的屏幕尺寸查看实时站点,您会发现它看起来根本不像这样。相反,响应式设计设置已开始重新排列块并调整文本大小。 以下是它在较小的浏览器屏幕上的实际外观: 教训:不要相信文章和页面编辑器中的移动预览。公平地说,这是一个相当新的功能,并且仅在2020年年中发布的WordPress 5.5之后才出现。希望未来移动页面预览会有所改进。 WordPress定制器预览 那么WordPress定制器中的预览是否更好?让我们来看看。 要访问WordPress移动预览版,请转到WordPress仪表盘中的外观 > 自定义。 这将显示您网站外观的预览,并允许您实时查看您对样式所做的更改如何更改其外观。您可以导航到站点上的任何页面并上下滚动,就像它是站点的实时版本一样。 要查看您的网站在不同屏幕尺寸上的显示效果,请使用自定义菜单底部的图标在设备视图之间切换。 默认是桌面,中间是平板,右边是智能手机。 这是查看您网站的移动版本的最简单、最快捷的方式,因为它位于WordPress仪表盘中,只需单击几下即可访问 但是,这基本上只是为您提供与调整浏览器窗口大小相同的视图。它并不能准确复制您的网站在每台移动设备上的显示和行为方式。 它还只允许您以三种不同的屏幕宽度查看您的网站。移动设备具有许多不同的屏幕尺寸和分辨率。 正如WordPress核心开发团队对该功能的原始提案所述,“默认情况下只有三个选项可用,而且它们是故意模棱两可的。其目的不是看起来像特定的设备,而是要了解网站在大致平板大小、纵向设备或大致手机大小的设备上可能是什么样子。” 此外,WordPress定制器仅适用于支持它的主题。这意味着如果您使用的主题不适用于定制器,您将无法使用此方法在移动设备上预览您的网站。 在WordPress页面构建器中查看移动预览 如果您使用的是Divi、Elementor、Visual Composer等视觉页面构建器,它们中的大多数都带有自己的工具,用于预览您网站的移动版本并查看响应式设计在不同屏幕尺寸下的外观。 请参阅您正在使用的构建器的用户指南,以准确了解如何在移动设备上编辑和预览您的WordPress网站。 方法二:在Chrome中使用开发者视图 一些浏览器具有内置的设备模拟器。Chrome是最受欢迎的浏览器之一,您可以使用它来预览您的网站在多种不同设备和不同分辨率下的外观。 Chrome设备视图比WordPress移动预览要先进得多。除了能够在流行设备之间切换外,您还可以查看缩放或旋转屏幕时网站的外观,甚至可以模拟受限制的移动互联网连接。 但是,虽然这为您提供了比使用内置WordPress移动预览更多的预览选项,但它仍然只是您网站外观的近似值。 重要的是,您只能了解您的网站在Chrome中的外观。许多移动设备使用不同的浏览器,仅在Chrome中进行测试可能还不够。 但这是测试您的网站在不同大小下的外观和工作方式的一种非常快速和简单的方法,它可以提醒您任何重大问题。 要在“设备模式”下使用Chrome,请转到菜单中的查看 > […]

WordPress MAMP Pro,MAMP Pro教程,MAMP Pro设置 文字详细教程

如果您作为WordPress开发人员的时间足够长,您可能会看到在本地创建网站的价值。您可以在开发过程中避免昂贵的托管费用,特别是如果您计划一次开发多个站点。使用MAMP Pro在本地进行开发是构建网站的一种流行方式——允许私人环境在向世界展示之前调整您的设计和功能。托管服务提供商也意识到了这一趋势。 在本文中,我们将告诉您为什么使用MAMP Pro(而不是其免费版本)可以让您在使用本地环境时更轻松。我们将引导您了解MAMP Pro的所有功能,并向您展示如何使用它。 什么是MAMP Pro? MAMP是一个解决方案堆栈或软件堆栈,包括MacOS、Apache、MySQL和PHP,用于创建用于构建WordPress网站的完整软件平台。最初,MAMP仅支持Mac OS(因此MAMP中的第一个“M”),但它现在可用于Mac OS和Windows操作系统(Windows用户具有一些有限的功能)。它最广泛用于开发WordPress网站,但也有能力构建其他CMS网站,例如Drupal和Joomla。 MAMP已经使用了十多年,允许开发人员在他们的本地机器上构建网站。随着MAMP Pro 6的发布,他们改进了MAMP Pro的功能,让用户更有动力去购买99美元的升级版。 MAMP和MAMP Pro有什么区别? 放下手,这是功能。使用MAMP,您可以在Apache或Nginx上创建本地主机,这很棒,但您必须手动完成设置的每一步——从安装WordPress到编辑配置文件。使用MAMP Pro,只需单击几下即可完成。您无需在PHPmyAdmin中创建数据库,或手动安装WordPress文件。此外,您将获得专业版的众多功能,这些功能可能会说服您进行升级。 MAMP Pro的特点 MAMP Pro提供了一个令人难以置信的免费版本所没有的功能列表。克隆主机、改进的WordPress支持、快照和蓝图是最新版本提供的众多令人惊叹的新功能之一。此外,还包括代码编辑功能、用于实时推送本地站点的FTP、电子邮件设置、云存储和站点迁移。他们甚至提供MAMP Viewer应用程序,允许您在iOS或Android移动设备上测试本地站点。让我们深入了解这些功能,向您展示其99美元套餐的强大功能。 多次安装WordPress 使用专业版,您可以发布任意数量的文章。每个主机都可以根据您的喜好进行配置,使用不同的网络服务器。例如,您可以在Apache上安装一个WordPress,在Nginx上安装另一个。由于能够运行多个版本的PHP,您可以在7.4上拥有一个站点,在8.0上再拥有一个站点。 SSL证书 在MAMP的免费版本中,如果不编辑配置文件,就不可能拥有SSL证书。如果您在这类事情上有经验,那很好,但初学者可能会认为这令人生畏。幸运的是,MAMP Pro只需勾选复选框即可创建SSL证书。此外,Web浏览器也不会犹豫。您不必担心收到任何SSL错误警告。在完成设置新主机的步骤时,我们将更深入地了解如何安装SSL证书。 站点蓝图 与某些托管服务提供商提供的服务类似,蓝图允许您以您喜欢的方式设置WordPress安装,然后在其他构建中重用它。这使您可以使用专门的设置过程节省在新站点上的时间。主题、插件和定制器设置都已保存,允许您在创建的每个新网站上跳过这些详细信息。 云储存 如果您不想将文件存储在本地计算机上,则不必这样做。MAMP Pro允许您通过Dropbox或OneDrive将文件存储在云中。您可以将一台或所有主机存储在云中。这是防止您意外删除项目文件的好方法,并允许您在不同计算机上的站点上工作。设置云功能是一个简单的过程。 导航到Cloud选项卡。使用云提供商下拉菜单,选择您的storage选项。将打开一个新的浏览器选项卡,要求您登录。链接后,选择是使用encryption还是在云活动期间prevent sleep。接下来,单击choose按钮告诉MAMP将云日志保存在哪里。最后,点击save按钮。 带有MailHog的邮件服务器 MailHog是一个很棒的工具,它允许PHP mail()电子邮件测试。将自动为您分配SMTP端口,以免发生端口冲突。您还可以使用他们的GUI Web界面查看您的电子邮件日志,以验证电子邮件是否被正确发送和接收。这种方便的设置将使您能够在启动站点之前解决可能出现的任何问题。 要设置电子邮件测试,请单击MailHog选项卡。接下来,勾选在GroupStart中包含MailHog server复选框。选择是否permanently store emails,以及simulate errors。最后,save您的设置。 内置代码编辑器 如果您需要对文件进行更改,则无需离开界面。您可以使用MAMP Pro的内置代码编辑功能即时更改代码。此外,您可以通过修改颜色和字体来更改编辑器的外观。最后,如果您已经有自己的收藏夹,您可以为文本、图像、PDF和视频选择自己的默认应用程序。 快照 快照的工作方式有点像备份,除了快照,您可以在开发过程中的任何时候拍摄主机的图像,并即时保存它们。如果您刚刚完成了冗长的编码会话并希望保存进度,这会派上用场。当您需要帮助识别问题时,您还可以与团队成员共享快照,因为快照与特定的MAMP Pro安装无关。 要拍摄快照,请导航到hosts选项卡。右键单击要为其拍摄快照的主机,然后选择create snapshot。 将出现一个对话框,让您知道创建可能需要一些时间。点击OK确认。 将出现另一个对话框。您将为快照命名,分配标签(如果您选择),选择保存快照的位置,然后单击Save按钮。 在MAMP […]

WordPress Varying Vagrant Vagrants,WordPress开发环境,本地WordPress 文字详细教程

开发您的网站始终是一个里程碑式的时刻,尤其是当您是第一次时。然而,尽管几乎每个主机都提供了一种在您的服务器上启动WordPress安装的方法,但不建议这样做。 更好的方法是在您的计算机上创建一个站点,并在您准备好后上传它。使用诸如Varying Vagrant Vagrants (VVV)之类的工具进行WordPress开发是一种很棒的、平台推荐的方法。 在本文中,我们将向您展示如何启动和运行VVV。在此之前,我们还将讨论可供您使用的替代方案。首先,让我们讨论一下为什么您不应该在线开发您的网站。 为什么要创建本地WordPress网站 在创建WordPress 网站(尤其是您的第一个网站)时,您的主机通常会成为首选资源或支持点。这是因为您的主机应该比任何人都更了解如何最好地安装和使用它提供的站点创建包。 但是,在实时服务器上开发WordPress网站并不是最好的方法,原因如下: 您在不需要时使用您网站的资源。 尽管可能可以访问暂存或站点限制功能,但您仍在“公开”开发您的站点。 任何开发错误都可能影响您网络上的所有站点,如果发生最坏的情况会导致混乱。 在实时服务器上开发您的网站存在安全问题,因为您的网站在很长一段时间内自然会不完整。 也有很多连锁反应,比如感觉你在让你的网站上线时是在争分夺秒。因此,离线并给自己一个“有围墙的沙盒”环境来开发您的网站更容易在钱包和神经上。 本地网站开发:您需要了解的基础知识 本地网站开发通常涉及使用“堆栈”软件尽可能模拟实时服务器。传统上,网站将使用实时服务器上常见的软件在“LAMP”堆栈上开发: Linux 操作系统 (OS ) 。 Apache HTTP服务器。 关系数据库管理系统 (RDBMS),例如MySQL或MariaDB。 一种服务器端编程语言,例如PHP、Perl或Python。 结合起来,这会将您的计算机变成本地服务器,让您在与实时服务器类似的环境中完整地创建和测试您的站点。 然而,传统的LAMP堆栈也有缺点:它可能会占用大量资源,并且不是一致的远程开发的最佳解决方案。 Vagrant等工具旨在提供精益且可移植的虚拟开发环境。结合VirtualBox或VMware等解决方案,您可以创建“虚拟机”——封装的服务器,本质上是可以在其中工作的全功能计算机。 为WordPress开发引入Varying Vagrant Vagrants (VVV) 总而言之,虽然传统的LAMP堆栈是一种在本地开发网站的可靠方法,但Vagrant和VirtualBox等工具会加速这一过程。 Varying Vagrant Vagrants (VVV)是一个听起来很奇怪的解决方案,可帮助您利用虚拟机的力量来创建WordPress网站。如果您采用传统的开发路线,这通常需要一些额外的步骤。 它是从命令行运行的,并且几乎包括您进行设置所需的一切: 安装后,您可以从命令行vagrant up使用启动VVV,然后使用vagrant halt停止它。站点在专用配置文件中创建: 您对VVV安装所做的任何更改都需要使用专用命令provision进行“配置”。 您创建的站点在虚拟沙盒环境中运行。这意味着任何问题都是该环境独有的,不会影响您的实际计算机。 WordPress已安装并准备好开始运行,因此一旦创建了站点,您就可以像访问实时站点一样访问它,使用.test作为您的顶级域 (TLD)。但是,在大多数情况下,这些站点只能通过您的计算机访问。 这对于运行类似服务器的配置非常有用,因为您可以使用与实时服务器类似的设置,并在开发过程中诊断任何错误。通过在开发环境和实时服务器之间建立更一致的路径,您可能会节省时间和金钱。 改变流浪者的替代方案 虽然本文将重点介绍使用VVV进行WordPress开发,但值得一提的是一些替代方案。VVV不会是适合所有人的解决方案。 考虑到您将使用多少命令行和配置文件,我们建议您至少需要代码的工作知识。调试VVV问题也必须通过命令行进行。更重要的是,支持渠道是通过GitHub实现的,因此您需要能够向其他程序员表达您的问题。 如果您想利用VVV的强大功能但不喜欢编码的想法,那么有一些不错的选择。 1.最有名的是DesktopServer。 它使用“XAMPP”堆栈通过专用的图形用户界面 (GUI) 创建WordPress站点,并且超级快速且易于使用。 2.另一个类似的选择是Local by […]

WordPress WordPress函数,WordPress开发 文字详细教程

WordPress是目前流行的内容管理系统(CMS)平台,适用于各种类型的网站。它的用户友好性和高度可定制性,使其成为众多项目的热门选择。 这篇文章列出了定制WordPress主题开发中使用的常见PHP代码。我们提供了关于如何将这些函数纳入你的WordPress网站的基本概述。 最常见的WordPress函数 网站的标题 <?php bloginfo(‘title of my site’); ?> 特定文章或页面的标题 <?php wp_title(); ?> style.css文件的主题位置 <?php bloginfo(‘stylesheet_ url’); ?> 网站的Pingback URL <?php bloginfo(‘pingback_url’); ?> 网站主题文件的位置 <?php bloginfo(‘template_url’); ?> 网站的WordPress版本 <?php bloginfo(‘version’); ?> 网站的Atom URL <?php bloginfo(‘atom_url’); ?> 网站的确切URL <?php bloginfo(‘rss2_url’); ?> 网站的名称 <?php bloginfo(‘name’); ?> 网站的Html版本 <?php bloginfo(‘html_type’); ?> 网站的字符集参数 <?php bloginfo(‘charset’); ?> 特定文章或页面的作者 <?php […]

WordPress WordPress菜单,导航菜单,自定义菜单 文字详细教程

一个WordPress网站如果没有菜单和子菜单,就不算什么了。在WordPress内根据你的喜好定制这些菜单也是很简单的。因此,你的WordPress菜单是一个 “front line”工具,以获得一个高的搜索排名,并保持访问者在网站上。 WordPress内部的专用屏幕掩盖了你的菜单可以有多复杂。你也能够在你的网站上的几个位置显示菜单。如果你有编码技能,你可以定制你的WordPress菜单,几乎有无限的可能性。 在这篇文章中,我们将给你一个创建WordPress菜单的深入指南。我们还将向你展示如何利用该功能并以几种不同的方式增强它。 剖析WordPress的菜单 WordPress菜单结构的不同类型 如何创建一个自定义的WordPress菜单(3种方法) 如何加强你的WordPress菜单 剖析WordPress的菜单 对于不熟悉的人来说,WordPress菜单通常是一个链接(包括下拉)的集合。它是一个直接的功能,只是你的网站骨架中的一个 “椎体”。 WordPress网站菜单示例 我们将在下一节中更详细地讨论在网站上看到的菜单。现在,你要知道,它们可以放在你想显示的任何地方。你可能只有几个预选的选项(基于小部件的区域)。不过,从技术上讲,菜单可以放在任何地方。 当然,WordPress的菜单对于导航网站是最重要的。如果你有一个清晰明确的导航菜单,这将有助于用户在你的网站上浏览,它将使你的跳出率下降。 它们也有另一个目的:你的菜单有助于你的搜索引擎优化(SEO)。优化WordPress菜单以利于SEO,更多的是关于舍弃什么,而不是放进什么。对于初学者来说,你可以取消一些元素–如标签云–并保持你所包含的链接的数量较少。 虽然谷歌允许你在一个页面上最多添加250个链接,但保持你的 “链接价值“是至关重要的。因此,减少外部链接的数量从长远来看对你有好处。 WordPress菜单结构的不同类型 你可能已经明白,根据你的应用程序的需要,你可以选择不同的WordPress菜单结构。 例如,标题菜单是最常见的,因为它们处理的是主要的网站导航。你也会经常看到主导航上方的小菜单,因为这是社交媒体图标、搜索栏等的绝佳位置。 SAU/CAL的网站有一个 “飞入 “菜单,包括导航和社交链接: SAU/CAL网站飞入式菜单 这个菜单表明,WordPress的菜单有比导航网站更多的使用情况。使用WordPress的内置功能(后面会详细介绍),你可以为你需要的几乎任何东西创建一个菜单。 与页眉导航一样流行的是页脚。你经常会用这个区域为向下滚动的用户重复你的主要导航。此外,它也是为你的产品和服务提供更多基于上下文的链接的绝佳场所: 教学博底部菜单 如果网站使用侧边栏,你还会看到侧边栏内的菜单: 一个侧边栏导航的例子 虽然在很多情况下你不会在这里看到主要导航,但它是一个传统的社交链接、博客文章档案和更多内容的地方。 如何创建一个自定义的WordPress菜单(3种方法) 创建一个WordPress菜单是一个简单的过程,不管你的专业水平如何。有三种主要的方法来完成这项工作:使用WordPress的内置功能;安装一个合适的插件或用代码来弄脏你的手。 接下来,我们将向你展示如何使用这三种方法创建一个WordPress菜单。 1. 使用WordPress的内置功能来创建你的菜单 WordPress有内置的工具来帮助你创建一个菜单。除了最新的用户之外,WordPress管理中的一个专门屏幕对所有的用户来说都是熟悉的。 WordPress的菜单界面 当然,使用本地功能来创建你的WordPress菜单有许多好处。首先,你与你的网站有完全的兼容性。而且,你可以使用一个熟悉的界面和本地工具来建立你的菜单。 要达到这个目的,请前往WordPress内的外观>菜单页面: WordPress的菜单链接 这个屏幕分为几个不同的部分。在顶部,你会发现选择当前菜单或创建一个新菜单的选项: 菜单选择下拉 如果你决定建立一个新的菜单,给它起个名字,并查看菜单设置部分。 菜单设置选项 这里有很多复选框,但你有两个主要决定要做: 自动添加顶级页面到菜单中。 这里的 “顶级 “是指你在WordPress中创建的不是其他页面的子页面的页面。例如,一篇博客文章不是一个顶级页面,因为在许多情况下它会有一个父级档案页(例如/blog)。另一方面,一个联系页面通常是顶级的,因为它通常不会有一个父页面。 菜单位置。 每个主题都会有它的菜单位置。除非你改变了主题的核心文件,否则主题开发者已经硬编码了这些菜单位置。有些主题可能允许你通过其设置来定制它们。 一旦你准备好了,点击创建菜单按钮。屏幕将刷新,并将显示你在你的新菜单中。接下来,看一下屏幕的左侧: 菜单项的手风琴式菜单 这个屏幕列出了你网站上所有的帖子、页面、分类法和其他可链接的资产。你通过勾选左边的方框来建立你的菜单,然后点击添加到菜单按钮。 这将把它们移到菜单屏幕的中央部分: 在菜单结构部分拖放项目 […]

WordPress Git,Revisr,WP Pusher,版本控制 文字详细教程

WordPress版本控制可以帮助你跟踪你的WordPress网站的变化,监测正在发生的事情,并在需要时回滚这些变化。这些变化可能是简单的调整,比如对帖子的编辑,也可能是更多的技术变化,比如对网站代码库的编辑。 在这篇文章中,我们将解释更多关于什么是版本控制,以及它如何适用于WordPress。然后,我们将探讨一些你可以用来在你的WordPress网站上实施版本控制的工具。 什么是WordPress版本控制? WordPress版本控制的最佳选择 什么是WordPress版本控制? 版本控制系统跟踪一个(或多个)文件的变化,以便你可以看到事情是如何变化的,如果需要,可以恢复到以前的版本。 应用于WordPress,版本控制让你跟踪你或其他人对你的网站所做的修改。 在WordPress的上下文中,版本控制可以跟踪以下行动: 更新或发布一个帖子。 安装或卸载一个新的插件。 改变你的WordPress主题。 更新你的核心软件或任何主题或插件。 你不仅可以看到这些变化,而且还可以在需要时撤销它们或回滚到以前的版本。 在开发的意义上,版本控制也可以帮助开发者管理代码库的变化,让他们在 “合并 “到主代码库之前克隆一些代码段来进行工作。根据你的WordPress网站的复杂性,你可能也会发现这个功能很有帮助。 在WordPress中,版本控制的一个非常有限的例子是WordPress的内置修订功能,它可以让你比较一个帖子或页面的变化,并在需要时恢复以前的版本: 内置的WordPress修订功能 但是,你也可以实施更强大的系统,而且,根据你使用的WordPress版本控制系统,你将能够跟踪你的网站的文件和网站的数据库的变化。 WordPress版本控制的好处是什么? 设置WordPress版本控制有几个大的好处。 首先,版本控制让你在对你的网站进行修改时更有信心。做了一个改动,把一些东西搞乱了?不用担心,你可以撤消它,恢复到你网站的工作版本。 第二,如果你有一个帮助你的WordPress网站的团队,你将能够更有效地一起工作,因为你可以跟踪正在发生的一切。此外,如果你使用一种支持分支和合并的方法,开发人员将能够复制你的网站的部分代码来进行工作,然后在准备就绪时将这些代码 “合并 “到你的实时网站。 最后,版本控制帮助你监控你的网站正在发生的事情。例如,版本控制让你看到你的一个编辑是否更新了一个已经发布的帖子。如果他们这样做了,你可以看到他们的改动,并在需要时轻松地回滚。 所以,现在你对在你的网站上设置版本控制有了更多的了解,让我们来看看WordPress版本控制的一些解决方案。 WordPress版本控制的最佳选择 有几种WordPress控制的解决方案,取决于你的技术知识和你希望你的版本控制系统有多全面。 下面是我们将详细介绍的WordPress版本控制解决方案: Git – 有几种方法可以让你在WordPress中使用Git,包括像Github、GitLab、Bitbucket等托管仓库。要了解更多,请确保阅读我们关于Git与Github的指南。 VersionPress插件 – 它也实现了Git,但以一种更自然的方式,尽管它仍在测试阶段。 WP Rollback – 一个非常简单的系统,用于回滚主题和插件的更新。 Bedrock – 由Root团队创建,Bedrock的设置方式可以让你轻松维护一个版本控制的仓库。 当然,你也可以利用WordPress内置的Revisions系统来跟踪和撤销修改。 如何在WordPress中使用Git Git是一个开源的分布式版本控制系统,由Linus Torvalds在2005年创建。它的技术性较强,但它是最流行的版本控制系统之一,被所有类型的开发者使用。也就是说,它不是专门针对WordPress的。 通常情况下,你想在GitHub、Bitbucket或GitLab这样的托管仓库中管理你的WordPress网站的代码。然后,你可以根据需要将你的网站从该仓库部署到你的实时服务器。 如果你想在WordPress中使用Git,你有几个不同的选择。 首先,如果你在Kinsta托管,我们有Git客户端,所以你可以通过SSH进入并从任何服务中提取你的Git仓库,包括GitHub、GitLab和Bitbucket。 或者,还有其他一些针对WordPress的和通用的工具来帮助你从Git上进行部署。 如果你想要一个针对WordPress的解决方案,两个不错的选择是: WP Pusher – […]

WordPress python,REST API,WordPress管理 文字详细教程

WordPress已经成为最常用的内容管理系统(CMS),这在很大程度上是由于它的应用编程接口(API)。WordPress的REST API使WordPress能够与其他用各种语言编写的应用程序 “对话”–包括Python。 Python是一种可扩展的编程语言,具有多种用途和人类可读的语法,使它成为远程管理WordPress内容的强大工具。 下面是一些WordPress REST API对你的应用程序的用例,以及你如何使用Python来支持它们。 使用预定义模板,使你的应用程序能够快速地将原始数据转化为带有解释的格式化文章。 在Django和Python上建立一个后台应用程序,在每次特定对象的折扣或销售事件发生时向你的客户显示限时优惠。 整合Python脚本,在你的WordPress网站内运行 本教程将帮助你创建一个简单的Python控制台应用程序,与WordPress REST API进行通信并执行操作。完整的项目代码也是可用的。 安装和配置WordPress 如何从Python中控制WordPress 在代码中获取文章 用代码创建文章 更新代码中的文章 删除代码中的文章 安装和配置WordPress 首先,让我们在你的开发机器上本地安装和运行一个WordPress网站。这是开始使用WordPress的一个很好的方法,因为你不需要创建一个账户或购买一个虚拟主机的域名。 在本地安装WordPress之前,需要在你的电脑上运行一些组件,包括Apache网络服务器、本地数据库和编写WordPress的PHP语言。 在Windows上安装WordPress 本节涉及WordPress在Windows操作系统上的安装。下面的步骤演示了如何使用XAMPP在Windows 10上设置和配置一个虚拟主机。 Step 1: 下载XAMPP和WordPress 在下载WordPress之前,重要的是要建立它运行的适当环境。在Windows上,这是通过安装XAMPP或WAMP来完成的,以建立一个服务器-数据库堆栈(业界最喜欢的是Apache作为网络服务器,MySQL作为数据库)。 在本指南中,我将使用XAMPP,可从Apache网站下载。 你会看到各种适用于不同PHP版本的选项。我选择了在最新的PHP版本中效果最好的选项。 一旦下载完成,运行它将XAMPP安装在你的本地系统上。安装后,启动控制面板,查看并设置Apache和MySQL的状态。 启动这两个服务对于在本地安装WordPress是必要的。 Step2: 在本地安装和设置WordPress 设置好网络服务器和数据库后,从官方网站下载WordPress。 将压缩文件移到XAMPP目录下的/htdocs文件夹。解压缩文件并导航到项目目录。 重要提示:确保XAMPP控制面板中的Apache和MySQL服务已经启动并运行。 接下来,访问phpMyAdmin门户,创建你的新WordPress网站的数据库。你很可能在以下网址找到该门户(取决于你的端口配置)。 http://localhost:80/phpmyadmin/ 一旦数据库被创建,通过访问以下网址启动WordPress安装设置。 http://localhost:80/newwpsite/wp-admin/setup-config.php 选择所需的语言并点击 “Continue”。 在下一个屏幕上,按照步骤在wp-config.php文件中添加数据库凭证。 Open wp-config.php file within your favorite code editor and define database credentials […]

WordPress WordPress开发,开发流程,版本控制 文字详细教程

WordPress是一个伟大的平台,但它有时也会有点无序–至少从代码的角度来看。这是因为代码已经经历了许多迭代,随着更新的推出,有时事情的编码并不像他们可以做的那样有效。 虽然代码有时会有点乱,但这并不意味着你的开发过程也要跟着乱。虽然混乱的代码常常因为快速的生产计划而被原谅,但作为一个网络开发者,通过实施适当的工作流程,你实际上可以赚取更多。 在这篇文章中,我们将介绍一些提示,帮助你用手头正确的工具以正确的方式开发WordPress网站。我们还将提供一个循序渐进的步骤,以帮助你遵循这些提示。 通过遵循本指南,你可以避免开发WordPress网站时出现的一些常见问题。而且,你也将能够创建一个易于维护和更新的网站。 高质量代码的属性 为何WordPress开发需要一流的编码实践 WordPress开发流程改进技巧 WordPress开发流程规划的重要性 理想的WordPress开发流程 高质量代码的属性 在我们深入研究关于创建WordPress开发工作流程的完整指南之前,让我们暂停一下,讨论一下为什么高质量的代码实际上很重要。很重要。 当考虑你的网站的代码时,有几个关键属性你应该记住。这些属性将有助于确保你的代码是干净的,有条理的,并且易于理解。 以下是高质量代码的一些属性。 精简 易行 模块化 评论良好 可重复使用,易于维护 这些属性可能看起来有很多需要记住,但不要担心。我们将在我们的指南中全面介绍如何实现每个属性。但首先,我们需要谈谈为什么你的开发工作流程必须遵守这些标准。 为何WordPress开发需要一流的编码实践 为了使WordPress网站正常运行,构成网站的代码需要是高质量的。这对WordPress网站尤其重要,因为它们通常很复杂,有许多不同的移动部件。 有很多原因说明编码实践对WordPress的发展很重要。 WordPress网站很复杂。 一行代码可以产生很大的影响。 代码需要写得很好并经过良好的测试。 高质量的代码更容易维护。 优质的代码可以帮助提高性能。 在你的发展规划过程中牢记这些要点,可以帮助你把注意力放在奖品上,可以这么说。 WordPress开发流程改进技巧 现在我们已经谈到了为什么拥有良好的代码是很重要的,让我们来看看一些提示,以帮助你改善你的WordPress工作流程的每一个项目。下面的每一个提示都将有助于确保你的WordPress代码是干净和优化的,这是你在2022年及以后应该优先考虑的。 利用暂存环境 暂存网站是你的真实网站的一个副本,你可以用它来测试变化,然后再在你的真实网站上做这些变化。这是一个有价值的工具,因为它允许你在不影响你的真实网站的情况下对变化进行试验。 使用暂存网站有许多好处。 你可以在你的真实网站上进行修改之前测试这些修改。 你可以通过在一个暂存网站上测试来避免潜在的问题。 你可以确保你的改变是按预期进行的。 你可以避免你的实时网站的潜在停机时间。 你可以减少破坏你的直播网站的风险。 实施版本控制 版本控制是一个跟踪文件随时间变化的系统。这对WordPress的开发很有价值,因为它允许你跟踪变化,并在必要时恢复到早期版本。 对大多数人来说,这意味着使用Git,它是一个流行的版本控制系统。如果你不熟悉,Git是一个免费和开源的分布式版本控制系统,旨在以速度和效率处理从小型到非常大的项目。 Git 当与一个大型的分布式团队一起工作时,它尤其有用。你最不想遇到的情况是,在你的WordPress安装中,你的functions.php文件有多个版本,所有的名字都略有不同,因为有很多人在同时进行修改。 Git vs. GitHub Git是一个版本控制系统,是一个管理源代码历史的工具。GitHub是一家为使用Git的软件开发项目提供托管服务的公司。 它们是两种不同的东西,但大多数人使用 “Git “一词来指代Git和GitHub。 安排自动备份 WordPress开发中最重要的一个方面是备份。备份是至关重要的,因为它们允许你在出错时恢复你的网站。 有很多方法可以实现自动备份,但最简单的方法之一是使用WordPress的备份插件。有许多伟大的备份插件,但我们推荐使用宝塔的自动备份计划。 宝塔的自动备份计划任务 这个插件将每天自动创建你的WordPress网站的备份,并将其存储在一个外部服务器上。 […]

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 WordPress主题开发,WordPress主题结构,WordPress模板 文字详细教程

如果您想自定义主题或从头开始构建新主题,了解WordPress主题模板层次结构的工作原理非常重要。 首先,这个WordPress系统有助于保持一切井井有条。一旦您知道所有主题模板文件是什么、它们的作用以及它们的优先级如何,您将能够改变WordPress网站外观的几乎所有方面。 在本文中,我们将解释WordPress主题模板层次结构是什么以及它是如何工作的。然后,我们将提供每种类型的WordPress页面中涉及的模板文件的完整细分(包括供参考的备忘单),以帮助您充分利用它们。 WordPress主题模板层次结构简介 WordPress主题模板层次结构如何工作 在哪里找到和更改WordPress主题模板文件 按页面类型划分的WordPress主题模板层次结构细分 子主题适合WordPress模板层次结构的位置 使用WordPress模板标签进行主题开发 WordPress模板层次结构简介 通常,非动态网站使用静态HTML和CSS文件来呈现其内容。然而,WordPress是一个基于PHP编程语言的动态平台。每个WordPress站点都会加载多个.php 文件,每个文件都控制特定部分或组件的外观。 每当您加载某种类型的页面时,内容管理系统 (CMS)都会查找与其对应的模板文件。 例如,如果您使用WordPress的搜索功能并加载搜索结果页面,CMS将查找两个模板文件: search.php,它控制搜索结果页面的外观 index.php,这是WordPress在每个层次结构中找不到顶部选项时使用的默认模板文件 您有权访问的模板文件取决于您使用的主题。所有WordPress主题 都是模板、样式表和其他元素(例如图像)的集合。所以在上面的例子中,如果你使用的主题包含一个search.php模板,WordPress 会找到并加载它。 在某些情况下,您可能会使用不包含要加载的页面类型的模板文件的主题。这就是WordPress模板层次结构的用武之地。它是一个内置系统,可以告诉 WordPress 要加载哪些模板文件以及以何种顺序加载。 对于搜索页面,如果WordPress找不到search.php文件,它将向下移动到层次结构中的下一个文件,即index.php。该 文件是模板层次结构中每个分支的最终后备。 理论上,您可以拥有一个仅包含一个模板文件的功能齐全的主题,即index.php。 但是,在实践中,具有单个模板文件的主题几乎不会包含任何样式自定义,并且每种类型的页面看起来都几乎相同。除非这就是您的目标,否则了解WordPress模板层次结构是您作为主题开发人员可以采取的最重要的步骤之一。 WordPress模板层次结构如何工作 您可能知道,WordPress允许您根据要发布的内容使用多种类型的页面。您可以使用七个主要类别: 首页 单个文章 单页 自定义文章类型 搜索结果页面 类别和标签页面 404错误页面 这些页面中的每一个都有自己的自定义层次结构,这意味着它使用一组特定的模板文件。 如果您快速浏览任何主题的文件夹,您通常会发现一组模板文件。以下是博客文章主题目录中列出的模板文件示例: WordPress主题目录中列出的模板文件 这是一个单一的文章页面类型,这意味着它使用single.php文件作为页面上主要内容(博客文章本身)的模板。 此外,它对每个页面元素都有一个单独的模板文件,其中大部分你应该一眼就能识别出来,包括: Header Footer Comments Sidebar 重要的是要理解,尽管每种页面类型都有自己的层次结构,但它们也经常共享通用模板文件,例如header.php 和footer.php。 如果您正在构建自己的主题,这意味着您可以为每种类型的页面创建自定义样式,同时还可以构建模板文件以重复使用。 您还可以为仅适用于某些页面类型的侧边栏和页脚等元素创建自定义模板文件。这种灵活性完全归功于WordPress对模板的模块化方法。 当您切换主题时,您看到的布局差异归因于WordPress加载的新模板文件。子主题也在WordPress主题层次结构中发挥作用,我们将很快讨论。 在哪里找到和更改WordPress模板文件 .php文件可以包含PHP代码和HTML标记(所有这些都可以编辑)。因此,WordPress模板文件可以像您需要的那样复杂。在许多情况下,WordPress使用的模板文件是它们管理的元素的函数集合。 举个例子,这里快速浏览一下WordPress官方二〇二一主题使用的header.php模板文件: 二〇二一主题header模板文件 正如我们所提到的,每个WordPress主题都包含自己的一组模板文件。您可以通过文件传输协议 (FTP) 客户端访问网站根目录中的文件夹来查看您的主题包含哪些模板文件。 这是以前的WordPress官方主题Twenty Twenty的样子: […]

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 ChatGPT集成,MemberPress,OpenAI 文字详细教程

在MemberPress,我们喜欢保持对我们的客户、我们的读者和整个WordPress社区的脉搏的关注。 例如,去年这个时候,我们正在和你讨论加密货币和NFTs可能对WordPress产生的潜在影响。 我们中的一些人正在研究如何为订阅启用加密货币支付。还有人在考虑我们如何利用NFTs来解锁MemberPress的内容。 然后加密货币出现了跳水。我们不再听到很多关于它的消息。 就像突然之间,我们听到了关于ChatGPT和它的制造商OpenAI的神奇之处。 像往常一样,当这么棒的东西出现时,我们一直在忙着踢轮胎,试图了解它的所有情况,并弄清楚它如何能使WordPress和MemberPress的创建者受益。 这个ChatGPT接入WordPress指南就是这个结果。 但是,在我们进入指南之前,我们想让你知道,在踢轮胎的过程中,有一件特别棒的事情…… MemberPress集成ChatGPT 人工智能有望产生比加密货币更大的影响 如何在WordPress中使用ChatGPT? 使用ChatGPT编写惊为天人的WordPress博客文章 如何将ChatGPT与WordPress整合 用ChatGPT自动创建WordPress博客文章大纲 如何使用ChatGPT创建一个课程 用ChatGPT回复WordPress博客评论 在WordPress中使用ChatGPT的更多方法 小结 MemberPress集成ChatGPT 是的! 感谢我们在Uncanny Automator的朋友,MemberPress的ChatGPT集成是活的,踢的,并准备帮助你在MemberPress内进行内容创作。 你正在阅读的这份指南是针对在WordPress中使用ChatGPT的,但我们也在其中加入了一些MemberPress的细节。 不过,在我们开始之前,我们想谈谈人工智能对数字业务的影响如何远远超过加密货币所带来的影响。至少在不久的将来是这样。 毕竟,作为一个数字企业家,你的精力是有限的。因此,这就是为什么你可能想把这些精力集中在纳入人工智能上,而不是暂时的加密货币…… 人工智能有望产生比加密货币更大的影响 ChatGPT和它背后的技术确实有可能改变我们所知道的数字出版。还记得计算器手表吗?我们就用这个来解释。 你可能知道,人工智能和机器学习技术已经存在了一段时间。 多年来,制药公司一直在使用它来开发新药。大型科技公司使用机器学习开发算法已经很久了。 那么,为什么像ChatGPT这样的东西突然变得如此重要,被吹捧为对小企业有巨大潜力? 嗯,只要想想计算器手表… 早在中学生发现他们可以用这种技术来破坏数学课上的扫描器之前,科学家们就已经用它来向太空发射百万吨级的有效载荷。 今天的人工智能也是如此。从大科技公司的智囊团和药物公司的研究实验室,人工智能已经找到了它的方式,成为中学生的作文作业。 但是,与加密货币不同的是,人工智能也已经找到了它在内容创作方面的途径–就节省时间(和节省金钱)的潜力而言,这对小企业很重要。 因此,当我们都在等待加密货币弄清楚时,我们最好把时间投入到弄清楚人工智能如何帮助建立我们的企业。 这就是说… 如何在WordPress中使用ChatGPT? 你可能想知道这一切与WordPress有什么关系? 坦率地说,人工智能使得WordPress网站制作高质量的内容更快、更容易、更实惠。 它能取代文案人员和内容创造者吗?不,不会。毕竟,我们仍然有–而且爱–我们的数学老师。 但它将做的是使 “可怕的空白页 “成为过去。而它能做的是使像客户服务这样的事情变得更快、更实惠。 所以,这里是在你的WordPress网站上使用ChatGPT的终极指南。无论你是否使用MemberPress,你都会发现一些创新的方法,将人工智能纳入你的内容规划和发布过程。 一些观点… 本指南旨在成为你在WordPress ChatGPT主题上读到的最有用的东西。 实际上,我将使用ChatGPT来生成本指南中的一些内容。我将向你展示我到底在哪里使用这个机器人。 到目前为止,你在这里读到的内容100%是我写的,没有人工智能的帮助。 如果你正在阅读这篇文章,我假设你已经知道ChatGPT是什么。因此,我们将直接进入你今天可以开始在你的网站中纳入它的各种方式。 我将从OpenAI产品在博客中最明显的用途开始–写博客文章。 使用ChatGPT编写惊为天人的WordPress博客文章 你可能会惊讶地发现,有多少博客正在使用ChatGPT来搅动大量的新文章。但你必须谨慎行事。 如果你只是从该工具中复制和粘贴,你最终可能会毁掉你的博客。事实证明,有一些方法可以确保你把这个工具作为一种资源,而不是一种捷径。 这都是关于Prompt的问题 […]

WordPress 固定header,固定页眉,浮动固定栏 文字详细教程

导航是具有出色设计的优质WordPress网站的重要方面。因此,值得花一些时间来考虑您网站的访问者如何通过您的导航与您的页面进行交互。一种方法是使用浮动固定栏(固定页眉)。 这是您网站的header部分在用户滚动时保持在屏幕顶部的位置。这提供了无数的好处,但主要优点之一是您的导航元素保持在用户的视线范围内,无论它们在页面上的什么位置。仅出于这个原因,浮动固定栏是一个受欢迎的用户界面 (UI) 元素。 在本教程中,我们将向您展示如何在WordPress中创建浮动固定栏。它将涵盖很多方面,例如网络上的示例、可以帮助您的WordPress插件以及如何开发自己的浮动固定栏的指南。不过,首先让我们更详细地讨论一下什么是浮动固定栏。 什么是浮动固定栏 网络上的浮动固定栏示例 为什么使用浮动固定栏 浮动固定栏插件推荐 如何在WordPress中创建浮动固定栏 浮动固定栏使用技巧 什么是浮动固定栏 Kotaku网站的浮动固定栏 您网站的header页眉部分有点像您网站的信息台。这将是大多数用户首先会发现的东西,并且总是会在他们检查以找出一些关键信息并执行某些操作的地方: 例如,您的徽标或网站名称将出现在此处,作为用户的基础。在大多数情况下,他们将能够通过单击徽标返回主页。 如果您在网站上运行用户帐户,header通常会提供一个链接以登录这些帐户和个人资料页面。 这里可能有搜索功能,特别是如果您有一个大型网站,在不同区域有很多内容。 当然,您网站的导航也是页眉不可分割的一部分。 总体而言,您的header是用户的接触点。您会发现它通常是F形阅读模式的“条形图” ,因此它在直观的层面上引起了用户的注意。 您可能已经知道了什么是浮动固定栏,即使在直观意义上也是如此。当您滚动时,它是您网站的页眉部分“固定”到屏幕顶部的位置。与在滚动时保持原位并消失的静态页眉相比,固定页眉是始终可见的元素。 虽然浮动固定栏的典型方法是将其静态版本固定到屏幕顶部,但有几种不同的方法可以使其更可用、屏幕效率更高和动态。接下来,我们将看一些现实世界的例子。 网络上的浮动固定栏示例 您会在整个网络上找到浮动固定栏,最好检查一些以了解您可以实现的范围。周围最基本的例子之一是来自Hammerhead。该站点使用“弹出菜单”和浮动固定栏,并且很简单:它致力于在其静态布局中固定在页面顶部: Hammerhead网站上的浮动固定栏 另一个简单的实现来自Kin。这使用了一个典型的浮动固定栏,但这次有一些很酷的设计元素。 您会注意到对比度会根据您滚动浏览的网站部分而变化,并且还有一些不错的过渡效果: Kin网站上的浮动固定栏 这一次,当您向下滚动页面时,您会看到页眉消失。但是,当您向上滚动时,它会重新出现——您可以将其称为“部分持久页眉”。 这里的前提是向下滚动意味着您将时间投入到页面本身,因此可能不需要导航、登录页面或前往其他地方。但是,在您向上滚动时,您更有可能想要前往网站上的另一个页面。在这里,将显示浮动固定栏以节省时间。 正是这些小小的用户体验 (UX) 触动使网站访问者想要返回。对于您自己的固定栏设计,您需要考虑如何制作一个专注于访问者需求的UX和UI。 为什么你应该为你的网站使用浮动固定栏 许多网站都使用浮动固定栏,并且有很多充分的理由说明这种情况。它们可能是您整体网站体验的关键部分,并且对您的用户体验和用户界面有很大影响。 鉴于您将包含在header中的元素是用户始终想要访问的元素,因此始终显示它们是有意义的。对于小屏幕设备和格式尤其如此。 虽然当视口空间非常宝贵时,拥有一个“永远在线”的页眉似乎违反直觉,但这只是一个小小的牺牲。真正的好处是减少了移动用户滚动的理由——这在较小的设备上是必需的。如果您无需滚动即可提供站点导航,则用户可以更轻松地在您的站点中移动。 浮动固定栏的优点和缺点 我们介绍了浮动固定栏的一些优点,所以让我们快速总结一下: 您可以提供用户可以随时访问的导航,这有助于保持您网站上的自然阅读模式。 您可以使header适应不同的需求,例如对比、配色方案,甚至是用户意图。 有机会为用户提供价值,无论是桌面还是小屏幕。 但是,浮动固定栏并不是增加用户体验的灵丹妙药,使用它们也有一些缺点: 我们简要介绍了这一点,但对于各种尺寸的屏幕,您需要为header分配空间。 固定页眉自然会从您的其余内容中脱颖而出,因为它自己的元素会将视线从页面主体上移开。 有更多的开发工作涉及到一个好的固定header,因为您需要实现它,确保它在不同的浏览器中工作,并在较小的屏幕上检查它是否存在错误。 但是,如果您考虑您的设计选择、用户需求和站点目标,您可以减轻或消除所有这些缺点,同时保留优点。一种方法是通过WordPress插件。 浮动固定栏插件推荐 在接下来的几节中,我们将展示一些领先的 WordPress浮动固定栏插件。稍后,我们将讨论这种解决方案是否适合您。无论如何,插件可以帮助您实现功能而无需代码,如果您的主题不包含它,这很有价值。 更重要的是,您可以通过插件利用专家的设计和开发经验。开发人员将为您做出一些更重要的技术选择,并将其包装在一个直观且易于使用的UI中。 1. Sticky Menu & […]

WordPress CSS自定义,WordPress CSS,额外CSS 文字详细教程

想尝试编辑WordPress CSS,但不知道从哪里开始?使用CSS样式,您可以全局或在某些页面上编辑网站的外观。添加颜色,分隔某些元素,设计布局,并从根本上改变WordPress主题中任何内容的外观。 如果您想更熟悉WordPress的开发环境,或者只是想更好地控制您网站的外观,您需要知道如何在WordPress中添加CSS(以及如何更改已经存在的内容)。 通过编辑您的主题并包含您自己的其他CSS,您将能够优化您网站上的每个视觉元素。今天,我们将仔细研究它。 什么是CSS编辑? WordPress和CSS 如何使用CSS自定义您的WordPress主题 如何在WordPress中添加自定义CSS 在哪里学习CSS 什么是CSS编辑? CSS代表Cascading Style Sheets,它是除了HTML之外最流行的网络语言。两者相辅相成,因为CSS用于设置HTML元素的样式。HTML为网站的外观奠定了基础,而CSS用于进一步设置样式。 CSS代码示例(来源:w3schools.com) CSS使您能够使网站具有响应性、添加颜色、更改字体、修改布局以及总体上微调网站的视觉呈现。与HTML和JavaScript一样,CSS是一种前端客户端语言,这意味着它在用户端执行,而不是在后端服务器上执行。 在深入研究WordPress开发时,HTML、CSS、JavaScript和PHP是您需要了解的语言。这就是核心CMS以及它的许多主题和插件的内置内容。 但是,即使您不是网页设计师或开发人员,也可以选择一点CSS,因为您可以使用它来移动网站上的元素或设置样式,或者对主题进行小的美学更改以更好地适应您。 WordPress和CSS 在WordPress中,CSS有点不同。它由主题控制,主题由模板文件、模板标签,当然还有CSS样式表组成。虽然由您的主题生成,但所有这些都可以由您编辑。 模板文件将您网站的各个部分拆分为多个部分(例如header.php或archive.php),并且模板标签用于调用它们以及数据库中的其他内容。这些文件实际上主要由PHP和HTML组成,但如果需要,您可以添加CSS。 您真正需要的是stylesheet或style.css。要更改您网站的外观,您需要了解如何在此文件中添加和编辑代码。 如何使用CSS自定义您的WordPress主题 如果您想自定义主题并使用CSS更改网站的外观,您需要添加自己的代码或编辑已有的代码。有很多方法可以添加CSS,而无需接触任何主题文件,但要更改现有的主题代码,您必须访问您网站的样式表。 当您进行这些更改时,您应该知道一件事:当您的主题更新时,您对style.css、functions.php或其他主题模板文件所做的任何编辑都将被删除。一般来说,您不应该在不使用子主题的情况下在编辑器中直接更改您的网站。 样式表就像您网站的“指令列表”,准确设置其样式以及CSS代码的处理方式。这是您进行大量编辑的地方,但我们还将向您展示如何访问其他主题模板文件,例如header.php和footer.php。 有两种方法可以访问WordPress网站的样式表:通过WordPress仪表盘或通过FTP客户端。我们将分别介绍这两种方法。 自己做这个不方便吗?考虑聘请WordPress开发人员为您处理该步骤。 在仪表盘中编辑WordPress CSS 访问CSS样式表的最简单、最方便的方法就是在WordPress仪表盘中。无需安装FTP程序或代码编辑器。您可以使用内置的语法突出显示和函数文档直接编辑任何文件。 在对核心文件进行任何重大编辑之前,您应该始终备份您的WordPress站点。如果您是CSS新手,很容易意外犯下可能破坏网站外观的错误,并且可能很难弄清楚如何恢复您的更改。 完成备份和子主题后,登录到您的后端。您可以通过转到菜单并单击外观 > 主题编辑器来找到编辑器。 您应该会看到一个弹出窗口,警告您不要直接编辑这些文件。不用担心,只需单击“I understand”即可。在进行任何重大更改之前,使用子主题并备份您的网站只是一个警告。按照这些步骤操作,就可以安全地进行编辑了。 直接编辑WordPress文件 现在你进来了!默认情况下,您应该在样式表上,但如果没有,请查看右侧的菜单以查看您的主题文件。 除了style.css,您还可以访问functions.php、header.php和single.php等模板文件。所有这些都会影响您网站上某些页面的行为方式。 但是在深入研究这些特定文件之前,您应该熟悉PHP。 在WordPress主题中编辑style.css样式表 请记住:您在此处所做的大多数CSS更改都是全局性的。例如,如果您将H1标题更改为某种字体,它将对您网站上的每个页面生效。您需要使用特殊语法来自定义特定页面的样式。 直接编辑主题文件 如果您无法访问主题编辑器或更喜欢通过FTP进行工作怎么办?使用后端编辑器更容易,但某些主题或插件可能会禁用它。如果是这种情况,您需要通过FTP连接到您的网站。 FTP或文件传输协议允许您远程访问和修改网站的文件。您需要做的第一件事是下载FileZilla或任何其他FTP客户端。 接下来,您应该联系您的主机并询问您的FTP凭据(主机、端口和用户名/密码,如果适用)。如果您的主机有仪表盘,您可以通过登录找到它们。 拥有它们后,启动FTP客户端并输入该信息。如果它不起作用,请尝试将“sftp://”放在主机部分的URL之前。 使用FileZilla 进入后,您可以找到style.css文件,方法是单击wp-content文件夹将其打开,然后单击主题文件夹(如TwentyTwenty主题),然后滚动直到看到style.css。 双击打开它(或右键单击并选择View/Edit)并进行修改。记得保存并上传回服务器。 如果您需要编辑home.php、single.php、archive.php等其他模板文件,您可以在style.css所在的文件夹中找到它们。 编辑您的主题文件,无论是通过FTP还是仪表盘,并不总是必要的。事实上,如果你只是添加一些额外的代码,最好避免这样做。 对于少量添加,这是将CSS添加到WordPress网站的最佳方式。 如何在WordPress中添加自定义CSS 如果您不想编辑现有的CSS代码,而只想添加自己的样式,强烈建议使用以下方法之一:WordPress定制器或使用专用插件。 […]

WordPress 文章修改日期,文章更新日期 文字详细教程

在线发布内容时,您必须向用户展示博客文章、页面或媒体是新鲜的、准确的和最新的。 揭示 内容及时性的一种方法是在WordPress博客文章或页面的某处显示“最近更新”日期 ,例如特色图片、标题或整篇文章的上方或下方。 这样,用户可以看到最近更新的日期以及“发布”日期,或者您可以完全替换发布日期。 简而言之,显示的日期最终会更新,向读者(和搜索引擎)表明您的内容是新鲜的,并且您没有让太多时间过去(这可能导致链接断开、信息不准确或过时的图像)。 在哪里查看发布日期和最近更新日期 在您的网站上显示“最近更新”日期的好处 如何在WordPress中显示最近更新日期 如何判断WordPress文章或页面上次更新的时间 在哪里查看发布日期和最近更新日期 根据您的主题样式,发布日期可能出现在文章、页面或两者上;展示位置最常见于标题之后、内容之前,并且通常以署名作为补充。 旧文章上发布日期的示例 话虽如此,发布日期的样式和位置完全取决于您的主题。您可能会在特色图片上方看到它并带有图标,如下面的主题所示。 二〇二〇主题提供独特的发布日期格式 一些主题甚至将发布日期和最近更新日期放在内容的末尾,就在评论框之前。 此主题的日期显示在内容下方 您还可以通过转到文章列表中的日期列在后端找到发布日期。 日期列显示WordPress仪表盘中的发布日期 WordPress还会在文章编辑器中显示发布日期。 发布日期是在WordPress中编辑文章时显示的唯一日期 在本文中,我们解释了显示“上次更新”日期而不是发布日期的好处。我们还将向您介绍显示上次更新日期的各种方法,同时还演示如何判断网站上次更新的时间。 继续阅读以了解所有相关信息! 在您的网站上显示“最近更新”日期的好处 定期更新您的内容并显示最近更新日期,可为网站所有者、搜索引擎用户以及您网站上的用户带来各种好处。考虑到搜索引擎在确定排名时会考虑新颖性和相关性,这对SEO也很有帮助。 以下是在您的页面和文章上显示“上次更新”日期的主要好处。 最近日期比发布日期更准确,它表明与不久前发布的内容相比,您的内容可能更加新鲜。 用户看到这是一篇更新的文章,而不是认为它是一篇旧文章,这可能会增加您的点击率和用户阅读的总时间。 您的“最近更新”日期使您更有可能脱颖而出,因为搜索引擎会在结果中显示这些日期,并且您的结果会被其他网站的列表正确放置。 它为搜索引擎提供了另一种将文章识别为新鲜的方式。 搜索引擎当然会抓取内容;但这并不总是发生,“最近更新”日期会加强您网站上所做的任何更改。 最近的日期提供了一种信任感,您已经消除了链接损坏、图像损坏以及任何不再真实的内容等内容问题。 当内容(和日期)更新时,搜索引擎往往会更频繁地索引您的网站。这不是硬性规定,但众所周知,搜索引擎会记录内容不断更新的网站,并更频繁地抓取它们。 您增加了获得更高整体搜索排名的潜力,因为您的整个网站都从您更新的文章中受益。 它为您提供了更新内容的视觉借口/提醒,因为您可能会注意到较旧的日期并意识到刷新是有序的。 搜索引擎更喜欢您更新旧内容,而不是每次您获得有关同一主题的新信息时都创建新文章。这消除了重复内容的可能性,并与为什么显示最近的日期最适合改进SEO相关联。 一些出版物(如在线报纸)需要有“最近更新”日期,以便更正和新信息的内容显示在站点提要的顶部。这样用户就不会错过这些更新。 如何在WordPress中显示最近更新日期 默认情况下,WordPress 不显示新内容或刷新内容的最后更新日期,而是显示发布日期。即使在几年后对文章进行了多次更新,该发布日期仍然存在。 一些现代主题提供内置功能,只需单击几下鼠标即可显示上次更新日期。首先检查WordPress Customizer以获取主题中的任何日期自定义设置是一个很好的做法。但不能保证任何东西都可用。 如果您无法在 WordPress 定制器中添加最后更新日期,请使用以下方法添加它: 通过编辑functions.php文件和CSS 通过修改和添加代码到您的主题模板 使用插件 前两种方法要求您访问站点的主题文件,因此如果您还没有经验,请阅读WordPress文件层次结构(以及如何理解它们)。 查看以下三种方法,以了解适合您情况的最佳行动方案。 方法 1:在您的主题中编辑functions.php和CSS 在 WordPress 中添加“上次更新”日期的第一种方法是访问主题的functions.php文件并将代码添加到文件中。作为替代方案,您可以将该代码添加到子主题或特定于站点的插件中,以避免在切换或更新主题时代码消失的任何问题。 所有这些选项都使用相同类型的CSS代码,因此我们将为您提供一些要添加的代码,并向您展示如何将其放置在functions.php文件中。如果使用子主题或特定于站点的插件,只需使用相同的代码并修改这些文件。 首先,转到主题的functions.php文件。访问functions.php的最简单方法是使用FTP客户端连接SFTP。您通常可以通过FTP客户端转到 /www (或者您的网站域名) > /public […]

WordPress GTmetrix,Pingdom,Plugin Performance Profiler,WordPress性能,性能测试,网站性能 文字详细教程

为什么测试WordPress博客网站性能? 网站速度等问题十分重要,很简单,这是经过多次验证的,网站越快,你的网站的访客体验就越好。 更快的网站即更好的用户体验 – 只有更少的滞后, 更快的网站更适合移动端阅读查看, 更快的网站在Google等搜索引擎中排名更高, 最后,更快的网站转换才会做得更好(人们通常不喜欢等待超过两秒钟来加载网页)。 那么,我们应该如何测试WordPress网站性能? 或者,换言之,你怎么知道你的网站是否很慢? 下面将是你所需要的答案: 推荐4个网站性能测试工具 1. 测试你的网站加载时间 首先,测试WordPress网站性能的最重要方法 – 测试网站的速度。 对于初学者,您只需在浏览器的地址栏中输入网站的网址,然后自我感知。但这种测试是局面的,这不代表你的网站所有访客都是获得同样的加载体验。 你需要更全面更客观更好的测试,这时候你需要借助知名网站加载速度测试工具Pingdom: 在开始测试之前,选择您要测量站点性能的服务器位置。 最好选择离目标受众最近的位置,比如说你的网站访客大部分在美国,那么你需要选择美国地区的测试服务器: 点击“START TEST”后几秒钟,Pingdom会让您了解网站各个方面的加载情况及评分。您甚至可以展开查看加载的每一项内容了解详情: 你会最终获得诸如性能评分,加载时长,加载速度在众多测试网站中的占位,页面体积,页面请求数量等等。 2.测试站点承受的并发流量值 如果你的网站流量不小,你必须做一下Load Impact工具测试: 只需在框中输入您网站的网址,然后点击“Run free test”即可。 Load Impact的作用是它实际创建了25个并发(bot)用户,并将它们发送到您的站点以查看站点在负载下的执行情况。 测试持续五分钟。 测试完成后,您会得到非常详情的摘要+图表: 乍一看,这似乎很复杂,但阅读该图表并不是很困难。 基本上,你只需要重点看: (!) 绿线代表逐步增加并发访问时你的网站加载时间走势,如果越平缓,代表你的网站可承受的并发访问能力比较好;如果线条呈上升状态,则说明你的网站性能需要改善。 3. 全面测试你的WordPress性能 与所有软件产品非常相似,您的WordPress网站由多个小元素,脚本等组成。但是,并非所有这些元素都始终100%优化… 这时候你需要使用到GTmetrix,提供了一种测试WordPress网站性能的方法。 同样,您只需输入网站的网址并点击“Analyze”按钮即可。 过了一会儿,您将获得非常详细的测试报告: 图像优化, 浏览器缓存, JavaScript优化, CSS优化, 重定向, HTTP请求优化,以及更多。 GTmetrix还使用两套不同的评分系统为您网站打分,如果分数低于90%,你可考虑进一步优化上面提到的各个项: 4.测试插件的优化程度 Finally, we have the […]

WordPress PunyPNG,Short Pixel,WPSSO,图片SEO,图片优化,图片压缩 文字详细教程

适当地在WordPress博客文章中贴入合适的图片,对网站有很大的好处。 这并非我本人信口开河,网上有多项研究证实了这一点。 带有图片的博客文章比无图的博客文章更能吸引访客流量及参与分享。 但这里也会同时产生另外一个站长头疼的问题……更多图像意味着这些图像消耗的Web服务器带宽更多,消耗更多带宽意味着网站速度变慢及服务器成本更高。 所以我们今天要做的就是在博客使用图片及图片尽可能占用更少的带宽之间找到一个平衡点! 以下教程将会详细介绍如何优化WordPress博客图片大小: 1. 使用WordPress图像自动优化插件 如果您的网站上有大量图片,那么逐个优化它们的可能性不大,工作量太大了。 对于博客来说尤其如此,大部分站长还是业务搞网站。 为此,您最好使用专业的WordPress图像优化插件。 这个插件名为Short Pixel。 ShortPixel插件直接安装到您的WordPress仪表板中。 在那里,您可以轻松管理图像压缩进程。 图像会自动优化并保存。 您可以配置ShortPixel插件来压缩过去上传的图像并优化您的网站历史记录。 注:Short Pixel免费用户可以每个月免费压缩100个图片,这对于一般的站长来说是足够用的。 2.优化您的网站设计图片/主题图片 如果你当前的网站设计本身在每个页面使用了大量需要加载的图片。 比如你的网站标志,背景,页脚和侧边栏图形等等。 这些图片一般不会特别的多,你可以使用专门的图像压缩工具优化。即使从每个图片压缩后也就是减少几千字节,但当你的网站访问量足够多时,日积月累下来数目也是非常吓人的。 我们建议你使用类似PunyPNG等工具来优化这些图像。 PunyPNG的神奇之处在于压缩图片体积但不降低图片质量。 PunyPNG完成图像压缩后,你只需将图像上传回您的网站覆盖原图像即可。 3.请勿使用分辨率过高的图像 例如,如果页面版块宽度是660px,那么没有理由上传大于此宽度的图像。 尽管WordPress已准备好处理任何大小的图像,但巨大的图像会占用大量带宽。 例如,一张2500px图片甚至可占用1 MB的磁盘空间。 相同的图像,但像素只有660px的图片则可能只有100 KB大小。 解决方案是始终调整您要在博客文章中使用的每个图像的大小。 这在WordPress中很容易做到。 以下是如何优化WordPress中的任何图像: 上传图片后,点击“编辑图像”链接: Then, set the new dimensions, and click “Scale”: 然后将其正常插入文章即可。当然更高效的做法是,你在本地就完成了所有准备好的图片的尺寸裁剪工作。 4. 必要的图像SEO优化 对于WordPress图像SEO优化,任何图像都有三个重要参数: 文件名, “alt”标签, “标题”标签。 您使用的每个文件都应具有描述性文件名。 这样,它可以协助Google爬虫阅读图像内容。 例如,如果我想使用这样的图片: […]

WordPress WordPress优化,WordPress修订版本,WordPress瘦身,WP-Optimize 文字详细教程

WordPress为了保证WordPress文章编辑者的输入能够及时保持,以防因网络或者手误导致文章数据丢失,使用了定时保存草稿的机制。这个机制当然是一个非常好的机制,但当历史文章很多的时候,也些历史数据就变得臃肿,使整个网站的文章数据显得异常臃肿。 如果你的WordPress博客文章并不多,完全可以忽略这样的影响,但如果你的WordPress博客的文章月更新量好几百甚至更多,我觉得有必要及时清理文章的历史版本数据。下面就由小编来说说,如何快速安全地删除WordPress文章的历史版本数据。 关于WordPress文章修订版 如开头所说,WordPress自带文章历史版本保存功能,可以帮助文章编辑者定时备份编辑数据,以便于意外事件发生,恢复历史版本。 好处:自动备份-WordPress文章修订版是一个自动保存文章草稿的功能。它可以在不手动保存草稿的情况下定时帮你保存在编辑的文章内容,这在您不小心忘记保存时非常有用。 缺点:积累垃圾数据-但是,不定时的“保存草稿”,在某些情况下,有可能一篇文章就保留数十至数百个草稿。不及时清理,无形中就增加了网站的垃圾数据。 你需要WordPress修订版功能吗? WordPress文章历史修订版这个功能已经保留了很长时间,大部分人对这功能还是需要的。就以我本人的切身体验来说: (1)有时候你会因为错误的操作,在编辑文章的时候不小心点击了其他页面或者关闭WordPress文章编辑页面,如果没有这个功能,有时候是灾难性的,因为如果没有习惯性的点击保存草稿功能,前面所作的事情就都没有了; (2)又或者突然间没有了网络,或者与服务器断开了连接,但恰恰有在那个时候你做了保存或者发布操作…… 因此,WordPress文章修订版这个功能还是有必要的。 如何删除WordPress文章修订版数据 删除WordPress文章修订版有两种方法:一种手动删除,另一种使用插件删除。 手动删除数据的风险 如果不使用插件,则可以使用SQL语句将其从数据库中删除。 但是,使用SQL语句删除数据,稍有不慎,灾难是不可逆转的。因此使用插件更安全。 使用插件更容易,更安全 使用插件,您只需单击即可删除文章历史修订数据。它比手动删除数据库数据容易得多,而且更加安全。 下面,我们将讨论如何使用插件删除WordPress文章修订版数据。 使用插件“WP-Optimize”删除修订版本 “WP-Optimize”插件是一款WordPress优化插件,即使是初学者也可以放心地使用其提供的修订版删除功能。 在这里小编将会跳过关于插件安装说明,你可以通过“安装插件> 搜索’WP-Optimize’>现在安装>启用。 启用WP-Optimize后,从仪表板菜单中单击“WP-Optimize”-“Database”-勾选“删除所有文章修订记录”,点击“Run optimization”,稍等片刻即可删除你的WordPress所有的文章修订版本。 删除所有文章修订记录只是WP-Optimize的其中一个功能,WP-Optimize实质上一个功能非常强大的WordPress瘦身优化插件,还有优化数据库表、清理自动草稿文章、清理所有回收站文章、删除垃圾评论等功能。 不使用WP-Optimize时请禁用 WP-Optimize不是影响网站布局或内容的插件,因此可以在删除WordPress文章历史修订版本数据又或者执行其他优化后暂时禁用。 当你再次需要使用它来对WordPress优化瘦身时,再次启用即可。

WordPress Cache Enabler,htaccess,W3 Total Cache,WP Fastest Cache,浏览器缓存,缓存插件 文字详细教程

WordPress网站设置缓存机制与不设置缓存机制,网站的加载速度有天壤之别。Google PageSpeed Insights或GTmatrix或Pingdom等工具可能会建议您通过htaccess或者Nginx设置浏览器缓存。 或者使用现有的WordPress缓存插件实现WordPress网站的浏览器缓存。我们在另外一篇文章《网站测速性能测试深入浅出教程[附15款常用网站测速工具]》详细地说明了网站测速方法,有兴趣的站长也可以参考阅读一下。 好吧,在本文中,我们将一起探讨如何解决网站测速工具提到的浏览器缓存设置提醒。此外,还将会一些在WordPress中实现浏览器缓存的简单但非常有效的技术。 下面根据我们的经验,利用浏览器缓存帮助您将网站加载速度提高多达50%。 文章阅读导航 什么是优化浏览器缓存? 浏览器缓存如何加速您的网站 如何修复浏览器缓存警告 在WordPress中启用浏览器缓存 在Apache服务器上通过htaccess设置浏览器缓存(不使用WordPress插件) 在Web服务器NGINX上启用浏览器缓存(不使用WordPress插件) 使用WordPress缓存插件实现浏览器缓存 #1 WP Fastest Cache #2 Cache Enabler – WordPress Cache #3 W3 Total Cache 什么是优化浏览器缓存? 优化浏览器缓存即,设置浏览器本地存储网站的可缓存资源的时间值(即图像,JavaScript和CSS),减少客户端访问相同页面时的HTTP请求所需要的资源下载,提高了站点加载速度。 在使用Google Pagespeed进行网站速度测试时,您通常会注意到建议你为将WordPress的一些资源设置浏览器缓。 在大多数情况下,可缓存资源是可以由浏览器临时存储的网站文件(例如图像,JavaScript和CSS)。 浏览器缓存如何加速您的网站 在进入本文优化WordPress网站浏览器缓存细节之前,让我们首先了解WordPress中的浏览器缓存是如何工作的?以及它是如何更快地加载您的网页。 Web浏览器需要从服务器检索许多资源(即HTML文件,CSS文件,JS文件,文本,图像等)以便加载网站。 Web缓存是Web浏览器和软件应用程序中用于“临时存储”或“记住”本地磁盘上访问过的网页资源的技术。此临时存储的数据称为“Web缓存”或“HTTP缓存”。 当你再次访问同一个网站时。Web浏览器仅从服务器端下载来自网站的更新内容,“临时存储”数据则直接从你的本地电脑读取。 因此,Web缓存有助于减少带宽使用,服务器负载等。因此,利用浏览器缓存对于加快网页加载非常重要。 换句话说,它命令您的Web浏览器(i)在本地缓存网站文件一段时间(ii)并从本地存储加载文件以供下次访问,直到缓存时间失效。 (iii)因此,从本地存储加载网站文件有助于Web浏览器更快地呈现和显示网站。 如何修复浏览器缓存警告 为了修复浏览器缓存设置警告,您的Web服务器应该允许Web浏览器临时在本地磁盘上存储访问过的Web页面资源。此外,当用户再次访问您的站点时,由于本地已经缓存了部分可用静态资源,它将加载更快。因此,您会发现网站加载速度有了显着提高。 那么问题是如何启用WordPress站点的浏览器缓存功能? 要在WordPress中启用浏览器缓存,您需要通过在HTTP标头中添加缓存控制标头和ETag标头来设置内容过期日期。 Cache-Control状态通过Web浏览器指出特定文件的缓存周期。 而ETag用于验证缓存资源和请求资源之间的更改。 我们可以设置一个特定的时间段(数月或数年)来保持本地缓存资源(即HTML,CSS或JS文件,图像等)。 温馨提示:请根据资源更改的频率设置到期日期,或者换句话说,更新网站静态资源的频率。而不是照本宣科参照下面提到的方法,应该因地制宜适当调整缓存策略。 在WordPress中启用浏览器缓存 你可以通过以下方式设置你的WordPress网站的浏览器缓存: Adding Expires Headers-HTTP添加Expires头 Adding […]

WordPress WordPress垃圾评论,WordPress评论设置,垃圾评论拦截 文字详细教程

WordPress作为一款开源的CMS内容管理系统,受到众多站长的青睐。但这个开箱即用的CMS系统有烦人的事情就是必须处理大量的垃圾评论。 值得庆幸的是,您可以通过安装插件,一些技巧或者设置,即可拦截过滤掉99%垃圾评论。作为站长,我们不要浪费时间来管理垃圾评论,而应该将精力集中在经营网站内容上。 过多的垃圾评论会损害您的网站。它可能会影响您的搜索引擎排名,也会影响您网站的评论用户的体验,甚至可能导致网站安全隐患。因此,通过一些策略将这些“垃圾”拒之门外,还是非常值得您花时间。 那么,如何拦截WordPress垃圾评论呢?一共有以下五种办法: 使用WP内置功能拦截垃圾评论的7种方法 使用插件拦截WordPress垃圾评论 使用验证码拦截WordPress垃圾评论 使用第三方评论系统接管WP评论功能 使用Web应用程序防火墙拦截WordPress垃圾评论 今天我们先来具体讲解,如何使用WordPress内置功能拦截垃圾评论。使用WP内置功能拦截垃圾评论的7种方法: 与WordPress垃圾评论作斗争,应该做的第一件事情就是进行WordPress评论设置。您可以通过WordPress仪表盘,“设置”-“讨论”进行操作。 讨论设置界面 在这里,您可以: 完全禁用评论 关闭匿名评论 启用评论审核 仅允许来自登录用户的评论 创建列入黑名单的单词列表 减少或禁止评论中的链接 禁用个别帖子的评论 您还可以通过文章编辑界面禁用单篇文章的评论。下面我们来逐一说明每种方法。 1. 完全禁用评论功能 这是最懒人的一种办法。或许你的网站根本不需要使用到评论功能,为了保护自己免受垃圾评论的骚扰,干脆禁用它们。最简单的方法之一就是取消选中“ 设置”>“讨论”下的“ 允许他人在新文章上发表评论”选项。如下图所示: 禁用评论功能 这将关闭所有新文章的评论。您也可以关闭pingback。 请注意,您已经发布的文章并未关闭评论。如果您要关闭这些功能,则需要分别对每个文章进行此操作。后面我们会说到这一点。 完成设置后,滚动到屏幕底部,然后单击“ 保存更改”按钮。现在将禁用所有评论。 2. 关闭匿名评论 另一个选择是关闭匿名评论。WordPress要求访客提供四项信息:评论内容,昵称,电子邮件和网站。 如果启用了匿名评论,则将不需要填写这些信息。你的网站将会有大量的垃圾评论涌入。 要在WordPress中禁用匿名评论,只需在WP仪表盘后台的“设置”>“讨论”界面,勾选上“ 评论作者必须填入姓名和电子邮件地址 ”选项。 关闭匿名评论 这将增加僵尸程序自动评论的难度(绝大多数垃圾评论来自于僵尸程序),但并非没有可能。它也可能阻止人们发表恶意评论。 3. 启用评论审核 在我看来,如果你的WordPress网站如果真实的评论留言并不是十分频繁,或者启用评论审核是一个很好的方法。 首先是能够手动批准每个评论。虽然这不会减少垃圾评论,但可以确保您网站访客仅看到您已批准的高质量评论。 第二个是评论审核规则。例如,如果评论包含一定数量或更多的链接,则您可以自动保留评论。您还可以建立一个单词,名称,URL,IP等的列表,匹配这些列表规则的评论也应保留以进行审核。 你还可以设置有评论等待审核时,发邮件告知你。 要审核所有评论,请选中评论必须经人工批准。 要审核来自新评论者的评论,请选中评论作者先前须有评论通过了审核。 要收到等待审核评论的电子邮件(重要的是,您可以进行审核并迅速批准或丢弃它),请选中“发送电子邮件通知我……有评论等待审核时”选项。 启用评论审核 4. 仅允许已登录用户发表评论 如果要进一步限制可以发表评论的人员,则可以选择仅允许来自登录站点用户评论。如果您的站点属性为社交网站,并且您想鼓励访客评论,但将其他评论者拒之门外,则可以这样做。 为此,请在“ 其他评论设置”部分,选中“ 用户必须注册并登录才可以发表评论”选项。 允许登录用户发表评论 您还需要考虑用于用户注册的设置-您将允许任何人进行注册还是审核注册?您可以通过转到设置>常规来进行访问注册设置。 5. […]

WordPress 延时加载,延时加载js,异步加载,异步加载js,渲染阻塞 文字详细教程

每次页面渲染时,WordPress都会加载一系列外部引用JavaScript。 这些包括由WordPress添加的标准脚本以及由使用wp_enqueue_scripts函数的主题和插件添加的一些脚本。 根据脚本的类型,它可能位于网页的头部,正文或页脚部分。 位于页面头部和主体部分内的脚本可能会导致页面加载延迟,因为浏览器甚至在页面内容之前尝试加载和执行这些脚本。 这就是为什么这些脚本被称为渲染阻塞javascripts。 解决此问题的最直接的方法是将所有脚本移动到页面的页脚,但如果这种办法不可行,则可以考虑为这些脚本添加延迟或异步属性标记,就是我们常常挂在挂在嘴边的延迟加载、异步加载。 让我们深入了解这些属性以及它们如何帮助您改善页面加载时间。 什么是异步和延迟属性? 以下是async和defer属性的作用: 异步属性:async属性即异步加载脚本。 换句话说,确保脚本与页面的其他相关内容一起异步加载。 延迟属性:延迟属性即延迟加载脚本。 它确保仅在页面的所有内容完成加载后才执行脚本。 所有现代主流浏览器都支持这两个属性,包括Firefox,Chrome和Internet Explorer。 自IE10以来,Internet Explorer也已经添加了对这些属性的支持。 具有async和defer属性的脚本标记示例如下: <script src=’http://sitename.com/js/scripts.js’ async=’async’ type=’text/javascript’></script> <script src=’http://sitename.com/js/scripts.js’ defer=’defer’ type=’text/javascript’></script> 将“异步/延迟”属性添加到阻塞渲染脚本 在这个章节中,我们将介绍三种不同的方法,将这些属性添加到阻塞渲染javascripts中。 这些方法如下: 方法1:向所有脚本添加延迟/异步。 方法2:向大部分脚本添加延迟/异步,部分例外。 方法3:仅向选择性脚本添加延迟/异步。 (最灵活的方法,因为它允许因地制宜地为脚本添加延迟或者异步属性。) 您可以根据自己的实际情况使用适合您的方法。 方法1:向所有脚本添加延迟/异步属性。 如果您想毫无例外地将async或defer属性添加到所有脚本,则可以使用以下代码。 打开主题的functions.php页面,将此代码添加到页面底部。 /*function to add async to all scripts*/ function js_async_attr($tag){ # 添加异步加载属性到所有js脚本 return str_replace( ‘ src’, ‘ async=”async” src’, […]

WordPress Invisible reCaptcha插件,reCaptcha,reCAPTCHA插件,垃圾评论拦截,验证码插件 文字详细教程

除了使用WordPress自带的评论设置功能及第三方垃圾评论拦截插件,使用评论验证码也是一个很好的办法。 并且随着人工智能的发展,防机器人的技术越来越成熟,验证码技术基本可以做到无感知的程度,在不影响网站用户体验下,能够拦截99%的评论机器人。 今天,我们一起来讨论下垃圾评论拦截的第三种方法-如何使用验证码拦截垃圾评论机器人。 使用WP内置功能拦截垃圾评论的7种方法 使用插件拦截WordPress垃圾评论 使用验证码拦截WordPress垃圾评论 使用第三方评论系统接管WP评论功能 使用Web应用程序防火墙拦截WordPress垃圾评论 在国外的博客圈子,尤其喜欢使用CAPTCHA验证码来作为拦截垃圾评论机器人工具。通过某种表单或问题的形式,用以证明访客是真实的人而不是机器人。有很多很棒的插件,可帮助您将这种策略实施到WordPress网站中,并且其中大多数都是完全免费的。 不过此类验证方法有时候并不友好,尤其是当您使用要求人们识别其中带有某些对象的图像的种类时。但是,现在越来越多的网站正在使用带有“我不是机器人”复选框的验证码字段,机器人无法填写。 Google Captcha (reCAPTCHA) by BestWebSoft reCaptcha by BestWebSoft 说到验证码策略,我们首先应该想到的应该是Google的CAPTCHA(或称为reCAPTCHA),你可以在访问国外的网站时,经常看到它(由于GFW,国内是没办法使用谷歌的reCaptcha)。Google所提供的reCaptcha可能是最干净,最容易使用的工具之一,不会因提出令人困惑的问题或显示难以阅读的字母而损害用户体验。 您绝不希望有人仅仅因为他们对CAPTCHA困惑而离开了您的网站。如果你的网站在国外,小编特别推荐 Google Captcha (reCAPTCHA) by BestWebSoft 插件。 该插件无需让您阅读难以辨认的字母、数字或识别照片中的元素,而只是要求用户在一个框上打勾,以确认它们不是机器人。该框只能手动打勾,机器人是无法做这个勾选动作的。 您需要使用Google的Captcha API来注册您的网站,并选择reCAPTCHA v2作为复选框,或者选择reCAPTCHA v3作为使用JavaScript来检查垃圾评论的验证码,而无需用户进行任何操作。 相关阅读:比WordPress防垃圾留言插件Akismet更好的Invisible reCaptcha 为您的网站注册Google reCAPTCHA 然后,您将获得一个Site Key和一个私钥,然后将其复制到站点上的插件设置界面中。并勾选中Enable ReCAPTCHA设置选项下的“Comments Form”,最后点击“Save Changes”按钮。 reCaptcha插件设置 现在,当用户尝试添加评论时,他们必须首先选中“I’m not a robot”,才可以参与评论。 使用了Captcha插件的评论留言 其他功能包括: 它还适用于注册表单,登录表单,重设密码表单等。 对列入白名单IP隐藏CAPTCHA。 不同的主题风格。 支持多语言和RTL。 其他ReCaptcha插件 除了上述的Google Captcha (reCAPTCHA) by BestWebSoft,还有很多reCaptcha插件可用,其中一些需要联合第三方插件(例如表单插件)一起使用。 […]

WordPress Disqus,WAF,WordPress垃圾评论,垃圾评论拦截 文字详细教程

此前,我们已经深入探讨三种拦截WordPress垃圾评论的方法: 使用WP内置功能拦截垃圾评论的7种方法 使用插件拦截WordPress垃圾评论 使用验证码拦截WordPress垃圾评论 今天我们一起来看看,最后的两种办法:使用第三方评论系统接管WP的评论功能及应用防火墙。 使用第三方评论系统接管WP评论功能 在前三种方法都不符合你的需求时,你还可以考虑更粗暴的办法就是舍弃WP原生评论系统换作第三方评论系统插件。 我们曾经在一个海外的项目上应用过Disqus平台,的确可以拦截99%以上的垃圾评论,站长从不花时间清理垃圾评论。 但是,不能说Disqus没有任何问题。因为您需要付费才能删除Disqus界面广告,否则这可能影响您网站的性能和用户体验。 Disqus Conditional Load 如果你希望在博客上使用Disqus,我们建议使用免费 Disqus Conditional Load 插件。这是由Joel James开发,该插件的最大特征即采用了评论内容延时加载方法,以免降低WordPress网站性能。 以正常方式安装启用插件及注册Disqus。该插件比官方提供的Disqus插件更可靠。 Disqus替代品 如果您对Disqus广告植入的方式感到不舒服,则可以使用其他的第三方评论插件。其中一些改进了内置评论系统,而另一些则直接替换。 Yoast Comment Hacks允许您自定义评论并添加设置,例如禁止在一定长度以下和以上的评论,将首次评论重定向到“感谢”页面,以及清理评论通知电子邮件。 wpDiscuz插件声称自己是“最佳Disqus代替插件”。 Super Socializer可以向您的网站添加社交评论,以便人们可以使用其社交媒体帐户发表评论。 Jetpack的插件包括一系列的设计,提供WordPress.com的一些功能特点,包括使用Akismet拦截垃圾评论。 使用Web应用程序防火墙拦截WordPress垃圾评论 添加诸如Sucuri或Cloudflare等Web应用程序防火墙(WAF)可以大大减少WordPress网站收到的垃圾评论数量。 为什么?因为这些服务位于您的WordPress主机和网站之间,以阻止和过滤所有不良的代理访问量和机器人。有了它们,你甚至可轻松封锁整个国家。 WAF还可以帮助减少带宽和访问次数,从而帮助您节省每月的服务器托管费用。 小结 WordPress附带了一个开箱即用的评论系统,但是有时候该系统某些地方还存在不足。 如果您想保护自己的网站免受垃圾评论的侵扰,则需要采取额外的措施来阻止它。这些可能是: 配置WordPress以阻止或审核您的评论。 安装第三方评论和垃圾评论拦截插件。 创建您自己的插件以防止您网站上的垃圾评论。 如果您使用这些方法之一来阻止WordPress垃圾评论,则可以使您的网站更加安全,并提高用户体验和性能。

WordPress Autoptimize,Autoptimize设置,WordPress优化,WordPress优化插件 文字详细教程

Autoptimize是一个免费的WordPress优化插件。除了HTML,CSS和JavaScript优化之外,Autoptimize还包括针对WordPress网站其他方面的优化功能。 在本文中,我们将分享Autoptimize插件设置教程,以帮助站长提高WordPress网站的性能和页面加载速度。 为什么选择Autoptimize? JS,CSS和HTML优化选项设置 图片优化选项设置 其他优化选项设置 为什么选择Autoptimize? 在深入探讨Autoptimize插件设置之前,让我们先了解下Autoptimize之所以成为众多站长选择的优化插件的三个原因。 Autoptimize的免费版本拥有优化你的WordPress网站的完整功能集。 Autoptimize严格来说是一个优化插件,不执行任何HTML页面缓存。这意味着它与所有Web主机兼容,甚至包括具有自定义页面缓存配置的Web主机。 Autoptimize在WordPress插件市场有超过一百万的激活安装,并持续更新(发布新功能及修复bug)新功能。 JS,CSS和HTML优化选项设置 HTML,CSS和JavaScript是Autoptimize的基础。与其他优化插件一样,深入了解Autoptimize广泛的功能集和设置可能是一项艰巨的任务。为了使事情变得简单,我们已经整合了最佳的“Autoptimize”设置,以提高您网站的性能。 JavaScript选项设置 Autoptimize之JavaScript优化项. (1)Optimize JavaScript Code(JavaScript代码优化) 我们建议启用此选项。启用“optimize JavaScript code”后,Autoptimize将最小化您的JavaScript文件。 (2)Aggregate JS Files(JS文件合并) 启用Autoptimize插件的“aggregate JS files”选项,会将网站所有JavaScript文件合并为一个文件。过去,合并JS和CSS文件是WordPress优化的关键一步。但需要注意的是,现在很多服务器提供商使用支持并行下载和多路复用的HTTP/2服务器 -这意味着合并文件不再像以前那样重要,因为HTTP/2允许同时下载多个文件。话虽如此,聚合CSS和JS文件仍然可能会提升某些类型的WordPress网站的速度,因此我们建议在启用和禁用此选项的情况下测试您的页面速度,再决定是否启用该选项。 (3)Also Aggregate Inline JS(聚合内联JS) “also aggregate inline JS”选项可提取HTML中的内联JS,并将其与Autoptimize的优化过的JS文件合并在一起。由于此选项会导致Autoptimize的缓存体积瞬间增加,因此,除非您有特定的原因要启用它,否则我们建议禁用此选项。 (4)Force JavaScript in(强加载JavaScript) 在大多数情况下,我们不建议强行将JavaScript文件加载到您网站的HTML的 <head> 元素中。强制JS提早加载可能导致渲染阻止元素,这可能会降低您的页面加载速度。如果您有需要在 <head> 元素中加载的JavaScript文件,建议您将这些脚本文件设为Autoptimize排除列表。 (5)Exclude Scripts from Autoptimize(JS优化例外列表) 此选项可设置特定目录和JavaScript文件例外列表(列表内容不进行合并)。默认情况下,Autoptimize排除以下脚本或者目录。 wp-includes/js/dist/ wp-includes/js/tinymce/ js/jquery/jquery.js 请注意,默认情况下,添加要排除的脚本只会影响合并。除非未选中“Misc Options-其他选项”下的“minify excluded CSS and JS […]

WordPress URL优化,URL查询字符串,查询字符串,网站优化 文字详细教程

当谈及WordPress性能的时候,静态资源URL地址的查询字符串问题必不可少。网站的CSS和JavaScript文件通常在其网址的末尾带有文件版本,例如domain.com/style.css?ver=4.6。某些服务器和代理服务器无法缓存查询字符串,即时存在cache-control:public标头。 删除它们,有时可以改善缓存。这也将修复您可能在GTMetrix和Pingdom等网站性能测试工具看到的警告,即“从静态资源中删除查询字符串”。 从静态资源中删除查询字符串 请记住,设置查询字符串通常是有原因的。WordPress开发人员使用文件版本控制来解决缓存问题。例如,如果他们为style.css更新了一个版本,从?ver=4.6迭代至?ver=4.7,则它将被视为全新的URL,并且不会被缓存。如果删除查询字符串并更新插件,则可能导致浏览器继续使用缓存的版本。在某些情况下,这可能会影响到页面的外观,直到缓存资源过期或缓存完全刷新为止。 查询字符串还用于开发工作流程中,以便于开发跟踪版本。 删除静态资源URL地址查询字符串 您可以通过两种不同的方式删除查询字符串,一种是使用少量代码,另一种是使用WordPress插件。 使用代码从静态资源中删除查询字符串 使用插件从静态资源中删除查询字符串 1.使用代码从静态资源中删除查询字符串 您可以通过几行代码即可删除静态资源URL地址的查询字符串。只需将以下内容添加到WordPress主题的functions.php文件中即可。 function remove_query_strings() { if(!is_admin()) { add_filter(‘script_loader_src’, ‘remove_query_strings_split’, 15); add_filter(‘style_loader_src’, ‘remove_query_strings_split’, 15); } } function remove_query_strings_split($src){ $output = preg_split(“/(&ver|\?ver)/”, $src); return $output[0]; } add_action(‘init’, ‘remove_query_strings’); 重要提示:  如果操作不正确,编辑WordPress主题源代码可能会影响网站运行。如果你对代码不熟悉,建议找开发代劳。或者,也可以利用免费的Code Snippets插件,支持以插件的方式添加上面的代码,你又不必担心添加代码会使网站瘫痪,相对保险很多。 只需创建一个新代码段并添加上面的代码即可。选择“仅在站点前端运行”,然后保存代码段。查询字符串就会被删除!可能需要清除WordPress网站缓存,才能看到更改在前端生效。 删除查询字符串代码段 带查询字符串(代码前) 这是一个使用查询字符串加载脚本的示例。 带查询字符串的请求 没有查询字符串(代码后) 这是删除查询字符串后的脚本示例。 没有查询字符串的请求 2.使用插件删除静态资源URL地址查询字符串 如果你不想操作代码,另外一个替代方法是使用WordPress插件。通过安装启用Perfmatters插件,你只需要单击按钮即可实现一键删除静态资源URL地址的查询字符串。当然除了该功能,插件还可以帮助你实现WordPress网站其他优化。 使用Perfmatters插件删除查询字符串 没有更多的查询字符串 通过以上任一选项后,再使用GTMetrix或Pingdom等网站速度测试工具对网站执行测试,有关查询字符串的警告就完全消失了。 修复“删除静态资源警查询字符串”警告

WordPress emoji,禁用Emojis,表情符号 文字详细教程

我们可以进行许多网络性能优化和调整,以使WordPress网站加载速度更快。其中一种简单的优化方法是禁止加载表情符号Emojis。表情符号(Emojis)是用于表达想法或情感的小图标。尽管这些图标很有趣,但它们对于WordPress网站真的必要吗?对于很多网站来说,或者这些只是增加了不必要的额外加载时间。 当WordPress 4.2发布时,针对较旧版本的浏览器WordPress核心中添加了对表情符号的支持。最大的问题是,它会在WordPress网站上生成一个额外的HTTP请求,以加载wp-emoji-release.min.js文件。每个页面都会载入此文件,尽管此文件只有10.5 KB,但随着时间的推移,类似的东西会累加起来。 Emojis表情符号JS文件 有两种不同的方法禁用WordPress表情符号Emojis:使用免费插件或代码来实现。 使用插件禁用Emojis 修改代码禁用Emojis 1. 使用插件禁用Emojis 禁用表情符号Emojis的第一种方法是简单地使用由Ryan Hellyer开发的名为Disable Emojis的免费插件。 Disable Emojis插件 这是一个超轻量级的插件,确切地说只有9 KB。该插件目前拥有70,000多个激活安装,100%的好评5星。注意:Emoticons和emojis仍然可以在内置支持它们的浏览器中使用。该插件仅删除了多余的JavaScript文件,该文件用于在较旧的浏览器中添加对表情符号的支持。 还有一个名为Emoji settings的免费替代插件。这是在考虑到多站点的情况下开发的,  并为用户提供了禁用表情符号本身的选项。 Emoji settings插件 启用插件后,用户可以在WordPress仪表板的“设置-撰写”中选中或取消选中“Enable emoji support”。 您还可以使用perfmatters类的高级插件,该插件支持禁用emoji表情以及WordPress网站的其他优化功能。 使用插件perfmatters禁用emojis 2. 修改代码禁用Emojis 如果您不想安装各种杂七杂八的插件,也可以使用代码禁用表情符号。只需将以下内容添加到WordPress主题的functions.php文件中。这实质是Disable Emoji插件的代码。 警告:修改代码前请先备份源文件,以免因操作不当导致网站出现问题,可以通过备份恢复! /** * Disable the emoji’s */ function disable_emojis() { remove_action( ‘wp_head’, ‘print_emoji_detection_script’, 7 ); remove_action( ‘admin_print_scripts’, ‘print_emoji_detection_script’ ); remove_action( ‘wp_print_styles’, ‘print_emoji_styles’ ); remove_action( ‘admin_print_styles’, […]

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 DEFLATE压缩,Gzip压缩,htaccess,缓存插件 文字详细教程

Gzip压缩可以减少了HTML文件,JavaScripts,CSS样式表和XML文件的大小。 通常,使用WordPress插件启用(使用)Gzip压缩可以减少60%到80%的站点大小。 在WordPress中通过.htaccess启用Gzip压缩可以减少服务器响应时间和服务器发送到Web浏览器的数据量。 当然,压缩页面大小有助于减少传输的响应和数据。 启用压缩的最佳方法是在WordPress站点服务器的 .htaccess文件中使用mod_gzip或mod_deflate。 你只需要通过在您网站的WordPress安装目录下的 .htaccess文件中添加一个简单的代码来启用Gzip压缩。 如果您不想通过.htaccess文件启用压缩,我们还可以使用一些插件来实现,比如如W3 Total Cache,WP Super Cache插件均支持启用WordPress中的Gzip压缩。 文章阅读导航 什么是Gzip压缩? Gzip压缩如何工作? WordPress的DEFLATE压缩和Gzip压缩 开始之前 通过Web服务器配置开启WordPress的Gzip压缩 在Apache服务器上压缩 在Nginx服务器上压缩 应用压缩后的结果 使用W3 Total Cache缓存插件实现Gzip压缩 使用WP Super Cache缓存插件实现Gzip压缩 写在最后 什么是Gzip压缩? Gzip是一个文件压缩器,用于压缩和解压缩文件。 它提供了压缩文本文件(如CSS样式表,HTML和JavaScript文件)的最优版本。 在网站上启用时,Gzip会在从服务器传输文件之前压缩文件。 因此,它改善了页面速度,加载时间并且还节省了用户请求的数据量。 如果您希望进一步了解更多有关Gzip压缩的信息,请查看这些链接 [1, 2]。 Gzip压缩如何工作? Gzip压缩的概念非常简单。 它使用的算法仅在一个位置组织重复的字符串,而不是一次又一次地保存那些相同的字符串。 并且它在压缩和从压缩文件中检索数据时管理具有位置值的字符串。 Gzip压缩适用于样式表和网页,因为这些资源文件都有许多重复的字符串。 由于其压缩技术,Gzip能够将文件大小减少70-90%。 让我们看一下以下的例子来理解Gzip压缩…… 假设你的HTML文件内容是这样的…… <h3>Enable Gzip Compression in WordPress </h3> 然后,经过压缩后的版本为如下示例。 Hkg6dkGhJkjsdHkgHjL 但是,如果您的HTML文件内容重复字符串如下… <h3>Enable Gzip […]

WordPress Core Web Vitals,WordPress优化,网站优化 文字详细教程

Core Web Vitals(网站核心网页指标)是Google的一项举措,旨在帮助网站站长改善用户体验和网站质量。这些评估指标对于任何网站的成功都是至关重要的。 在本教程中,我们将向您展示如何针对WordPress优化Google提出的网站核心网页指标。 什么是Google Core Web Vitals? 如何测试网页核心指标评分 为什么网页核心指标如此重要? 如何改善WordPress网站页面核心指标 什么是Google Core Web Vitals? Google Core Web Vitals是Google认为对网站的整体用户体验很重要的一组网站性能指标。这些网络生命力得分将成为Google整体页面体验得分的一部分,这将影响您的SEO排名。 事实是,没有人喜欢加载速度缓慢的网站,包括Google。 即使您的网站加载速度很快,用户执行其想做的事情或访问所需信息也可能无法完全发挥作用。 这就是Web Vitals可以帮助您评估的内容。您的网站加载,显示并为用户准备就绪的速度有多快? 为此,Google使用了三个质量测试(Web Vitals)。 Largest Contentful Paint(LCP):衡量加载体验,为了提供良好的用户体验, LCP 应该在页面首次开始加载后的 2.5 秒内发生。 First Input Delay(FID):衡量可交互性,为了提供良好的用户体验,页面的 FID 应当小于 100毫秒。 Cumulative Layout Shift(CLS):衡量视觉稳定性,为了提供良好的用户体验,页面的CLS应保持小于 0.1。 这些测试的名称听起来可能太技术性了,但它们的操作却很容易理解。 让我们看看每个Web Vitals测试的工作原理,测量标准以及如何提高得分。 Largest Contentful Paint – LCP Largest Contentful Paint 或LCP查找主要内容(无论是图像,文章还是描述)对用户可见的速度。 例如,您的网站加载速度可能很快,但是最大的内容可能不会像页面其余部分一样快地出现在屏幕上。 […]

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张图片,包括: […]

100% Secure Checkout

PayPal / MasterCard / Visa