任何问题请联系WX:uu16853

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

购买更多有优惠!

WordPress XAMPP,XAMPP错误 文字详细教程

XAMPP对于正在寻找localhost解决方案的WordPress开发人员来说是一个有用的平台。但是,当您使用此工具时,可能会出现一些问题。这些错误可能会阻碍您的工作流程,并让您不确定如何让XAMPP再次运行,尤其是因为表面上看起来一切正常。 幸运的是,一旦您确定了XAMPP没有为您启动的原因,通常只需进行一些调整即可修复它。然后,您可以立即开始处理最新的开发项目。 在本文中,我们将为刚接触该平台的人提供XAMPP的简要概述。然后,我们将向您展示如何检查错误日志并解决三个可能导致本地服务器无法启动的常见问题。 XAMPP简介 如何检查您的XAMPP PHP错误日志 如果XAMPP不工作,如何修复 XAMPP简介 XAMPP是一个免费的本地开发工具。它本质上用作您计算机上的服务器,您可以使用它来托管网站。 请注意,这些站点不对开放Internet上的用户公开可用。相反,它们旨在用于本地开发和测试目的。如果您愿意,您可以在每个项目完成后将其迁移到实时服务器。 XAMPP是一个方便的解决方案,因为它可以防止访问者在您的项目仍在进行中时找到它。另外,由于该站点托管在您的计算机上,因此它的性能应该是一流的,您可以离线工作。 您可以在任何主要操作系统 (OS) 上使用XAMPP,包括Windows、macOS和Ubuntu Linux。它使用开源的Apache服务器和MySQL,并带有几个内置工具,例如phpMyAdmin和FileZilla。 特别是对于WordPress,XAMPP是顶级localhost解决方案之一, 因为它满足所有内容管理系统 (CMS) 的要求。这些包括: PHP 7.4 MySQL 5.6 HTTPS支持 Apache或NGINX服务器 如果您对安装XAMPP感兴趣,可以查看我们关于在本地安装WordPress的教程,其中包括此任务的说明。 如何检查您的XAMPP PHP错误日志 如果您正在使用XAMPP在本地开发WordPress站点,并且您无法启动平台,您的第一步应该是检查您的错误日志。这可能会为您指明问题原因的方向。 如果您知道问题发生的原因,您应该能够比通过反复试验更快地解决问题。根据您的操作系统和版本,使用不同的路径访问日志。幸运的是,有一种简单的方法可以找到您的设置路径。 在Windows上,XAMPP活动日志显示在控制面板对话框的下半部分。您还可以通过单击Apache Config按钮旁边的Logs按钮来访问错误日志 : XAMPP控制面板包括PHP及其其他组件的日志 在macOS上,单击 控制面板中的“Log”选项卡以查看活动日志: macOS XAMPP控制面板的日志选项卡 然后,您可以查看日志以查看是否有任何可疑之处,并按照提供的任何指令解决问题。 在某些情况下,访问您的PHP日志也可能是有益的,尽管这通常比Apache或MySQL更有助于解决WordPress错误。 要找到您的PHP错误日志,请通过在浏览器的地址栏中键入http://localhost打开XAMPP仪表板。在那里,单击屏幕顶部的PHPInfo : XAMPP仪表板中的PHPInfo链接 然后搜索“error_log”。这将显示您需要在地址栏中输入以查看日志的路径: 在PHPInfo中定位error_log路径 您应该能够在http://localhost之后简单地在浏览器中键入此路径以查看PHP日志。 访问XAMPP-VM for Mac PHP日志 对于Mac用户,实际上有两个版本的XAMPP——“XAMPP for macOS”和“ XAMPP-VM ”。后者使您能够使用虚拟机在Mac上运行XAMPP for Linux。 […]

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 MAMP错误,建立数据库连接时出错 文字详细教程

如果您已经创建了一个本地环境(使用MAMP)开发和测试您的WordPress网站,那么在某些时候,您可能会收到“建立数据库连接时出错Error establishing a database connection”消息。获取此通知可能令人费解,但当您知道在哪里查看时,解决方案相当简单。 在本文中,我们将解释这个错误是什么以及它发生的原因。然后我们将引导您完成如何识别和修复它以恢复您的WordPress站点和数据库之间的连接。 MAMP“建立数据库连接时出错”是什么 MAMP中“建立数据库连接错误”的常见原因 如何修复MAMP“建立数据库连接时出错” MAMP“建立数据库连接时出错”是什么 WordPress是一个强大的内容管理系统 (CMS),它使您能够创建动态网页,而不仅仅是静态HTML站点。WordPress将网站内容存储在数据库中,页面上的代码在需要时调用该数据库。因此,站点文件和数据库之间的通信至关重要。 MAMP是一个免费工具,您可以下载(提供高级选项)以在本地计算机而不是Web服务器上运行您的网站。它的名称是它包含的内容的首字母缩写词——macOS、Apache、MySQL和运行WordPress的PHP——以及其他可选工具。在本地安装WordPress 使您能够在开发期间测试站点。 当尝试使用MAMP建立与数据库的连接时发生错误,通常是因为wp-config.php文件具有不正确的数据库凭据。更具体地说,MAMP中的数据库连接错误表示wp-config.php文件与数据库 之间的变量不正确或不匹配。几个不正确的设置可能会导致此问题。让我们定义每一个。 MAMP中“建立数据库连接错误”的常见原因 默认情况下,将WordPress站点连接到数据库的wp-config.php文件中的关键设置是: 数据库名称:“wordpress”(除非您在安装期间重命名) 数据库用户:“root” 数据库密码:“root” 数据库主机:“localhost” 错误配置的服务器端口也可能导致连接错误。请记住这一点,以防您最初的努力无法清除错误。您可能需要对服务器端口进行一些额外的故障排除。 如何修复MAMP“建立数据库连接时出错” 那么,遇到这个错误怎么办呢?您可以使用以下步骤来定位、验证和更正(如有必要)配置设置,以在WordPress和MAMP中的数据库之间重新建立连接。 第 1 步:找到您的数据库凭证 您可能会收到一条错误消息,因为您的wp-config.php文件中的设置有误。该文件是您应该首先检查的地方,因为它通常是错误源。这也是一个简单的修复,可以快速解决问题。 您可以在WordPress站点的主目录中找到wp-config.php文件。对于Windows用户,该文件的默认位置 在您计算机上的C:/MAMP/htdocs/wordpress/文件夹中。对于Mac用户,它位于/Applications/MAMP/htdocs/wordpress/ 文件夹中。 您可以通过检查其设置来验证WordPress MAMP安装的位置。为此,请打开MAMP应用程序: MAMP应用程序 您的安装文件夹列在Document Root设置中。 第 2 步:验证您的数据库登录凭据 在本地WordPress安装中找到wp-config.php文件后,打开它。接下来,向下滚动,直到找到数据库凭据: wp-config.php文件中列出的WordPress数据库凭据 将有一组定义: ‘DB_NAME’ ‘DB_USER’ ‘DB_PASSWORD’ ‘DB_HOST’ 验证“DB_NAME”值是否与您的数据库名称匹配。默认情况下它可能是“wordpress”,如上图所示。 请注意,如果您从“wordpress”更改了默认名称并且您不记得您重命名数据库的内容,那么您可以采用另一种方法。在MAMP中,选择打开起始页 (Windows) 或WebStart  (Mac)。当浏览器打开到MAMP起始页时,导航到Tools菜单下的phpMyAdmin : MAMP应用程序开始菜单 数据库列表将显示在phpMyAdmin的左侧列中。找到您的WordPress数据库的名称(在下图中显示为默认的“wordpress”): phpMyAdmin设置屏幕 验证(或更正)数据库名称后,您可以向下移动wp-config.php文件中的定义列表,以验证其余数据库设置是否正确。如果您更改了用户名或密码,您可以直接在wp-config.php文件中进行更正。 默认情况下,“DB_USER”和“DB_PASSWORD”都应设置为“root”。后一个字段由MAMP配置。常规MySQL安装会将密码字段留空(“”),这就是为什么一些指南会建议将其恢复为该值的原因。 “DB_HOST”应设置为“localhost”。或者,您可能需要使用MAMP指定的端口号将“DB_HOST”配置为这些选项之一: ‘DB_HOST’, […]

WordPress Apache未启动,MAMP错误 文字详细教程

WordPress的本地安装是在上线之前测试站点更改的绝佳方式,而MAMP是设置站点的最佳方式之一。但是,当MAMP的关键组件之一Apache拒绝启动时,这可能会很困难。 您的Apache服务器可能无法运行有几个原因。某些东西可能会阻塞它使用的端口;可能有另一个Apache实例已经在运行;或者可能与您在MAMP中使用的PHP版本不兼容。 幸运的是,这些问题的故障排除和修复都相当简单。 在本文中,我们将解释MAMP的Apache服务器未启动错误的一些可能原因,并介绍如何修复每个错误。 MAMP中Apache服务器未启动错误的原因 第 1 步:确保Skype未运行 第 2 步:确保没有其他Apache实例正在运行 第 3 步:从命令行停止Apache 第 4 步:在MAMP首选项中更改PHP版本 MAMP中Apache服务器未启动错误的原因 在深入探讨此错误的原因之前,让我们先介绍一些基础知识。MAMP安装实际上是多个协同工作的软件组件的捆绑包:Apache Web服务器、MySQL数据库软件和PHP编程语言。 这些组件中的每一个对于本地安装的运行都至关重要。如果缺少或遇到错误,您将无法访问或使用您的WordPress测试环境。 当您在计算机上打开MAMPapp时,Apache服务器和MySQL应该会自动启动,使您的本地站点“在线”并允许您访问它。但是,您可能会发现有时Apache服务器无法启动,这可能就是您在这里的原因。 您有时可能会看到一个弹出窗口,其中包含错误消息“Apache无法启动。请检查您的MAMP安装和配置。” 但是,通常您根本不会看到错误消息 — 相反, MAMP 窗口中Apache服务器旁边的点不会变成绿色:   如果无法启动,MAMP窗口中的Apache Server指示灯不会变为绿色 MAMP Apache服务器未启动错误有几个可能的原因: 有东西阻塞了Apache服务器使用的端口。Skype是一个常见的罪魁祸首。 另一个Apache实例已在您的计算机上运行。 正在使用的Apache和PHP版本之间存在不兼容问题。 幸运的是,这些问题都比较容易排除和修复。在下一节中,我们将深入探讨如何做到这一点。 既然您知道问题所在,您就可以开始进行故障排除了。有四种不同的修复程序可以解决MAMP中的“Apache服务器未启动”错误。我们建议按顺序尝试每个,并且仅在问题仍然存在时才继续进行下一个。 第 1 步:确保Skype未运行 通信应用程序Skype倾向于占用Apache在网络上使用的端口,从而阻止其启动。 解决这个问题非常简单——只需关闭Skype并重新启动MAMP。 如果冲突继续出现并且您需要同时运行MAMP和Skype,您可以更改Apache使用的端口。为此,请导航至MAMP应用程序菜单中的MAMP > 首选项:   您可以更改Apache使用的端口,以避免与Skype和其他应用程序发生冲突 单击Preferences窗口顶部的Ports ,为Apache输入一个新端口,然后单击OK保存更改。端口8080是避免冲突的常用选项,但您可以在此处添加所需的任何值。 第 2 步:确保没有其他Apache实例正在运行 如果您不使用Skype,或者上述修复没有解决问题,接下来要检查的是没有其他Apache实例已经在运行。这是MAMP Apache服务器无法启动的常见原因。首先,关闭计算机上的MAMP。接下来,您需要打开计算机的任务管理器(Mac设备上的活动监视器)。 […]

WordPress index.php,XAMPP错误 文字详细教程

XAMPP是一款出色的工具,可用于快速设置本地WordPress安装以用于测试。但是,与任何WordPress网站一样,您的本地安装有时会出现问题。如果您尝试访问站点的index.php文件并且收到错误消息,那么您并不孤单——这是一个相当普遍的问题。 幸运的是,这个问题相对容易解决。另外,由于我们正在处理WordPress,因此有多种方法可以解决。因此,您应该能够找到与您的舒适度相匹配的解决方案。 在本文中,我们将解释localhost/xampp/index.php错误及其不同的表现形式。然后我们将通过两种方法来修复它。 XAMPP index.php错误简介 如何修复XAMPP本地主机index.php错误 XAMPP index.php错误简介 当您尝试在浏览器中访问localhost/xampp/index.php时,会出现index.php错误。此WordPress文件可作为您网站的入口点;因此,它需要是可访问的。 错误通常以两种方式之一出现。首先,您尝试加载页面并收到“Object not found!” 错误信息。当您尝试加载页面并被重定向到“localhost/dashboard”时,会发生另一个演示。 XAMPP“localhost/dashboard”页面 显然,这不是很有帮助。这组XAMPP错误特别令人沮丧,因为它们没有说明问题可能是什么。相反,事情并没有按照您的预期进行,您只能摸不着头脑。 但是,无论演示如何,最终结果都是一样的:您无法访问完成工作所需的页面。 幸运的是,这个问题很容易解决。它源于XAMPP如何处理其目录中的文件,因此更正它涉及调整这些文件。 如何修复XAMPP本地主机index.php错误 有两种方法可以解决此问题。第一个涉及将文件扩展名从“.php”切换为“.txt”,而第二个则侧重于更改您的站点查找文件的位置。 这两个选项都非常简单,并且都可以工作,因此我们建议选择您最熟悉的解决方案并尝试一下。如果之后仍然在localhost/xampp/index.php出现错误,您也可以尝试第二种方法。 1.将index.php重命名为index.txt 此方法涉及将index.php的文件扩展名(文件名后面的简短缩写)更改为“.txt”。这非常简单,可以从任何文件浏览器中完成,而且结果通常是即时的。 访问XAMPP文件夹的最简单方法是从XAMPP控制面板。从系统托盘打开面板。 XAMPP控制面板中的Explorer按钮直接打开文件浏览器 单击窗口右侧的Explorer按钮可直接打开文件浏览器到XAMPP文件夹。 index.php文件位于“htdocs”文件夹中 导航到htdocs文件夹,然后找到index.php文件。如果您使用的是Windows,它可能会简单地显示“索引”。这是因为默认情况下隐藏文件扩展名。要更正此问题,请单击文件资源管理器功能区中的查看并选中文件扩展名旁边的框。 在Windows资源管理器中启用文件扩展名以编辑文件名 接下来,右键单击文件并选择Rename。只需删除“php”并将其替换为“txt”: Windows资源管理器中重命名的index.txt文件 如果您收到提示,询问您是否确定要更改文件名,请选择Yes。然后打开浏览器并尝试导航到“localhost”。您现在应该看到您的目录列表。 2. 编辑httpd-vhosts.conf文件 您还可以通过更改文件httpd-vhosts.conf中的一行来解决localhost/xampp/index.php错误。这个文件很重要,但它被隐藏在XAMPP目录中的Apache文件夹的深处: 在Windows机器上,文件的路径是:C:\xampp\apache\conf\extra\httpd-vhosts.conf 在Mac上,路径明显不同:~/.bitnami/stackman/machines/xampp/volumes/root/etc/extra/httpd-vhosts.conf 无论哪种情况,首先打开XAMPP控制面板并单击Explorer。 XAMPP控制面板中的资源管理器按钮打开文件浏览器 然后从上面列出的选项导航到适当的目录。到达那里后,在文本编辑器中打开httpd-vhosts.conf文件。 httpd-vhosts.conf文件是解决index.php错误的关键 查看“VirtualHost”部分。您要查找的行是“DocumentRoot”。如果此处指定的路径以“htdocs”结尾,那就是问题所在。您应该更改它,使其在您的项目文件夹中结束。 例如,该文件当前可能如下所示: 您最初的httpd-vhosts.conf可能看起来像这样 调整后,您将拥有如下所示的内容: 这个更新的文本将帮助XAMPP找到index.php文件 “DocumentRoot”行应以“htdocs”文件夹中列出的您网站的文件夹名称结尾。完成后,保存更改并尝试再次加载localhost/xampp/index.php。 小结 如果您无法在localhost/xampp/index.php访问本地站点的索引,那么您并不孤单。这个令人沮丧的问题相对常见,不幸的是,该错误几乎没有说明问题可能是什么。 值得庆幸的是,这也是一个相当简单的问题,您可以通过两种方式解决: 将index.php文件重命名为index.txt 编辑httpd-vhosts.conf文件并更改“DocumentRoot”属性

WordPress Apache意外关闭,XAMPP错误 文字详细教程

XAMPP是一个有用的开发工具。但是,您可能会在某些时候遇到问题,例如收到通知:“Apache shutdown unexpectedly”。这个错误似乎不知从何而来,因此确定原因(更不用说解决方案)可能会令人费解。 幸运的是,对于Apache的突然关闭,有一个常见的解释。通过一些简单的修改,您应该能够解决问题并让Apache重新启动并运行。您所要做的就是更新配置文件中的一些设置。 在本文中,我们将讨论XAMPP中“Apache Shutdown Unexpectedly”这个Apache错误的常见原因,然后引导您通过四个步骤在Windows和macOS上修复它。 “Apache Shutdown Unexpectedly”错误简介 如何修复“Apache Shutdown Unexpectedly”错误(Windows) 如何修复“Apache Shutdown Unexpectedly”错误(macOS) “Apache Shutdown Unexpectedly”错误简介 XAMPP是一个免费的开源服务器堆栈,包括Apache服务器和MariaDB数据库: XAMPP网站 它运行PHP和Perl脚本,用于在本地机器上开发和测试动态网站。这意味着如果您正在构建一个网站,您可以 在您的计算机上本地安装 WordPress。您可以使用XAMPP,而无需将您网站的文件上传到您的网络托管服务。 如果您正在阅读本文,我们将假定您至少已经对XAMPP有所熟悉。但是,对您来说可能是新出现的“Apache意外关闭”错误。 此消息最常见的原因是端口被阻塞。通常,这意味着安装在您计算机上的另一个应用程序(例如Skype)正在使用与XAMPP相同的端口。此外,您可能会注意到错误消息表明问题也可能归因于“缺少依赖项、不正确的权限、崩溃或被其他方法关闭”。 无论如何,最简单的解决方法是简单地修改XAMPP默认设置。但是,解决错误的方法在Windows和macOS之间略有不同。此外,根据您使用的XAMPP版本,界面可能看起来有些不同。我们将提供以下两种操作系统的说明,从Windows开始。 如何修复“Apache Shutdown Unexpectedly”错误(Windows) 如果您使用的是Windows设备,则可以按照以下四个步骤更新XAMPP中的默认端口设置。 第 1 步:从XAMPP控制面板打开配置设置 第一步当然是启动XAMPP。这将打开XAMPP控制面板。从这里,您可以更新服务器堆栈的配置设置。 由于此错误与Apache有关,因此我们将重点关注这些设置。在“Apache” 选项行中,单击“ Config”按钮。 Windows中的XAMPP控制面板 这将打开一个文件下拉菜单。我们将编辑其中两个文件,从httpd.conf开始。 第 2 步:更改httpd.conf 文件的默认端口设置 从文件菜单中,单击Apache (httpd.conf)。完成后,该文件将在您计算机的默认文本编辑器中打开: XAMPP控制面板中的Apache (httpd.conf) 文件 在此文件中,您需要更新三个设置。要开始,请按Ctrl  + F,然后在搜索字段中输入“80”: Windows中的Apache httpd.conf文件 这将显示文件中数字80的所有实例。找到“Port 80”并将其更改为“Port 8080”。更新端口设置后,搜索“Listen 80”并将其更新为“Listen 8080”。 最后,搜索“servername […]

WordPress 404错误,XAMPP错误 文字详细教程

在本地环境中开发WordPress时,XAMPP是一种流行且值得信赖的工具。但是,这并不意味着您永远不会遇到错误。您可能会遇到一个HTTP错误404“未找到请求的资源”。 如果您遇到此问题,有几种方法可以尝试解决它。这些修复并不过分复杂,也不会花费很多时间来执行。稍有耐心,您应该立即恢复运行。在本文中,我们将解释XAMPP中的错误“requested resource is not found”是什么。然后,我们将分享五个提示,帮助您解决问题并让您重回正轨。 XAMPP HTTP错误404“未找到请求的资源”是什么意思 如何修复XAMPP中的HTTP错误404 “未找到请求的资源” XAMPP HTTP错误404“未找到请求的资源”是什么意思 404错误是从服务器发送到客户端的许多HTTP状态代码之一。通常,此错误表明浏览器正在请求在服务器上找不到的内容。   HTTP 404错误 确定404错误的来源可能具有挑战性,因为有几个潜在的原因。这些可以包括: 域不再存在。 请求的资源已被删除或移动到不同的URL。 URL在浏览器中输入错误。 您在浏览网页时可能会遇到这些情况。 但是,在使用XAMPP在localhost上工作时,您也可能会遇到404错误。在这种情况下,您可能还会看到表示为错误404的消息“找不到对象”。 如何修复XAMPP中的HTTP错误404 “未找到请求的资源” 现在您了解了这个特定的XAMPP错误是什么,让我们探索如何使用以下五个技巧来修复它。 1. 确保您输入了正确的URL 在您尝试任何其他修复之前,我们建议您仔细检查您没有输入错误或在URL中包含任何不必要的内容。例如,一个常见的错误是在不需要时包含“XAMPP”: 输入错误的localhost URL的示例 错误的击键是导致此错误的常见原因,但也很容易修复。如果您确定输入了正确的URL并且仍然存在问题,您可以尝试其他一些解决方案。 2. 检查您的 .htaccess 文件 丢失的.htaccess文件 也可能导致404错误。因此,确保文件存在于正确的位置很重要,尤其是当您看到“找不到对象”版本的错误时。 要查找该文件,您可以导航到计算机上的XAMPP文件夹。在此文件夹中,还有一个名为htdocs的文件夹。此文件夹可能是 您最初设置网站时安装WordPress的位置。您应该在那里找到 .htaccess 文件: .htaccess文件的位置 如果您使用的是macOS,该文件仍将位于htdocs文件夹中。但是,您可以通过Applications > Xampp > xamppfiles > htdocs找到它。 如果该文件不存在,则需要创建一个。为此,请打开您喜欢的文本编辑器并将文件命名为“.htaccess”。您需要粘贴到其中的确切代码可能会因您的设置而异,但应该如下所示: # BEGIN WordPress RewriteEngine On RewriteRule .* – [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}] RewriteBase […]

WordPress 元数据,区块插件,区块编辑器,自定义字段 文字详细教程

自定义字段提供了一种为网站内容分配额外信息的方法。这些信息通常被称为元数据。 元数据是关于信息的信息。就WordPress而言,它是与帖子、用户、评论和术语相关的信息。 鉴于WordPress中元数据的多对一关系,你的选择是相当无限的。你可以有你想要的许多元选项,而且你可以在其中存储几乎任何东西。 —Plugin Handbook 下面是一些你可以使用自定义字段附加到文章的元数据的例子: 地方或房地产的地理坐标 事件的日期 书的国际标准书号或作者 文章作者当天的心情 或者更多其他信息。 开箱即用,WordPress并没有提供一个简单的方法来添加和管理自定义字段。在经典编辑器中,自定义字段显示在页面底部的一个框中,位于文章编辑器的下面。 经典编辑器中的自定义字段。 在Gutenberg中,自定义字段默认是禁用的,但你可以通过选择文章设置中的相应项目来显示它们。 将自定义字段面板添加到区块编辑器中。 不幸的是,如果不使用插件或不动手写代码,就没有办法在前台显示元数据。 如果你是一个用户,你会发现有几个优秀的插件在为你做这项工作。但是,如果你是一个开发者,想从WordPress的自定义字段中得到更多的东西,把它们无缝地集成到块编辑器中,并使用自定义的Gutenberg块在WordPress网站的前端显示它们,那么你就来对地方了。 因此,如果你想知道对于WordPress开发者来说,在Gutenberg和经典编辑器中使用WordPress自定义字段的最佳方式是什么,快速的答案是 “创建一个既适用于经典编辑器又适用于Gutenberg的插件”。 但不要太担心。如果创建一个插件来管理两个编辑器中的自定义字段可能有点棘手,我们会尽量使这个过程简单明了。一旦你理解了我们将在本文中讨论的概念,你将获得在Gutenberg中管理自定义元字段和建立各种网站所需的技能。 Info 本文假设你熟悉Node.js & npm、React和JavaScript等技术。还需要有WordPress开发的基本知识。 如果你是Gutenberg区块开发的新手,在开始阅读本文之前,请务必查看我们之前的指南: 构建自定义古腾堡区块 如何为古腾堡创建动态块 注意:在做任何事情之前,确保你的电脑上有最新版本的Node.js。 说了这么多,下面是我们的详细介绍: 用官方的create-block工具创建一个区块插件 在经典编辑器中添加元数据框 在古腾堡区块编辑器中添加自定义元字段(三个选项) 进一步阅读 用官方的create-block工具创建一个区块插件 第一步是创建一个新的插件,包含注册一个新的区块类型所需的所有文件和依赖性。块插件将允许你轻松地建立一个自定义块类型,用于管理和显示自定义元数据。 为了创建一个新的区块类型,我们将使用官方的create-block工具。关于如何使用create-block工具的详细介绍,请查看我们之前关于Gutenberg区块开发的文章。 打开你的命令行工具,导航到你的WordPress开发网站的插件目录,运行以下命令: npx @wordpress/create-block 当出现提示时,添加以下细节: The template variant to use for this block: dynamic The block slug used for identification (also […]

WordPress 会员制网站,会员插件,会员订阅 文字详细教程

由于有WordPress这样的用户友好型平台,创建一个网站从未如此简单。然而,在某些时候,你可能想为你所有的辛勤工作得到回报。 这就是会员制网站的作用。通过将你最好的内容放在付费墙后面,你应该没有问题,可以支付你的运行费用,甚至可能实现盈利。 在这篇文章中,我们将讨论什么是会员制网站,以及为什么它们可能是提高转化率、参与率和底线的秘密。然后,我们将告诉你如何计划和建立一个完美的会员制网站。 会员制网站简介 如何创建会员制网站 最佳会员网站平台 最佳会员网站插件 如何用WordPress和MemberPress创建会员制网站 会员制网站简介 会员制网站是一个网站,你把内容放在注册表单后面。这有别于销售订阅。订阅让客户在一段时间内获得产品或服务,而会员制则让用户访问有门槛的内容。 会员网站页面示例 每个会员制网站都是独一无二的。然而,在最有效的会员制网站中,你会发现一些特征。这包括一个注册表格,新访客可以在此注册。 会员注册表单的例子 你需要为那些已经花时间在你的网站上注册的人提供一个登录表单。这使会员能够访问你的网站的限制部分,编辑他们的用户资料,并执行其他会员专用的活动。 会员登录页面的例子 许多会员制网站都有独家内容。这可以采取多种形式,包括在线课程、高级支持论坛和网络研讨会。 一个来自Fizzle的在线课程页面的例子 其他会员资格可以获得额外的好处。这可能包括你的电子商务商店的折扣代码,甚至参加会员专用的抽奖活动。 会员的奖品和福利 你甚至可以提供参加特别活动的机会。例如,许多俱乐部和收入经营会员网站。 为什么你可能想创建一个会员制网站 会员制网站是一种使你的内容变现的好方法。在完成初始设置后,一个好的会员制插件或平台应自动执行许多日常的会员制任务。 这包括创建新账户,处理付款,以及分发独家会员资源。因此,会员制网站可以帮助你创造利润,而不需要在你的待办事项清单上增加许多任务。 另外,你可以免费提供你的会员资格。例如,你可以使用有门槛的内容,通过要求对方的电子邮件地址作为注册过程的一部分来产生线索。 使用会员制网站作为产生线索的一种方式 在一个网站上注册需要时间和精力。在经历了这些麻烦之后,你的会员可能会觉得不得不定期访问你的网站,以获得良好的投资回报。为了推动参与,你甚至可以在你的电子邮件营销活动中使用你的会员的联系信息。 如果你的会员功能确实能够增加你的流量并提高参与度,那么这将向搜索引擎发出积极信号。这意味着,会员制网站可能会间接地提高你的搜索引擎排名。 虽然许多会员制网站只在网上运作,但一些实体企业使用会员制来改善客户体验。例如,如果你拥有一家健身房,你可以让新客户选择在线注册。这比强迫他们亲自来拜访你要方便得多。 如何创建会员制网站 现在我们已经介绍了这些好处,让我们看看你如何使你的内容货币化,产生线索,并改善访问者的体验。下面是如何在五个步骤中创建一个会员制网站。 Step 1: 确定你的目标受众 当开始一个新的业务时,它很诱人地针对尽可能多的人。这似乎是使你的利润最大化的理想方式。然而,当你试图吸引所有的人时,你往往最终没有吸引到任何人。 通过专注于一个特定的利基市场,你可以为这个确切的受众创造高度吸引人的内容。你还可以为你的会员制网站的每个部分量身定做,以引起这个利基市场的共鸣。这包括从你的网站设计到定价和你将提供的内容类型的一切。 当你有一个狭窄的目标受众时,你通常可以更有效地推销你的会员制网站。这涉及到定制你的信息,以满足你的客户的深刻、具体的需求。根据你的受众,甚至可能有利基社区和平台,你可以在那里宣传你的会员网站。所有这些都对你的转化率有好处。 当决定以谁为目标时,重要的是找到一个足够大的利基,以维持你不断增长的会员网站。在这里,你可以使用谷歌趋势来衡量有多少人在搜索与你的目标受众相关的关键词。这可以帮助你估计你的潜在客户群的规模。 Google Trends 它也可能有助于确定其他针对相同人群的会员制网站。如果这些网站似乎正在蓬勃发展,那么这可能被证明是一个有利可图的利基市场。 Step 2: 决定会员模式 在创建你的网站之前,你需要决定一个会员模式。这意味着确定你将向你的客户提供的内容。你的独家会员制内容可能包括从在线课程到内容丰富的网络研讨会、独家博客文章、产品样本、奖励积分或所有订单的免费送货等一切内容。 然后,是时候决定你是提供一个单一的会员资格还是创建多个层次。如果你选择后者,你的受众通常会在购买更高的会员级别时解锁更多的内容和福利。 接下来,你将创建一个定价模式。一些网站将会员资格纯粹作为一种获取联系信息和推动参与的方式。如果这些是你的目标,那么你可能想提供免费会员资格。 如果你决定收取费用,这可以是一次性付款,也可以是经常性费用。一次性付款对于产生突然涌入的现金是很好的。同时,经常性付款往往是提供稳定和可靠收入的关键,可以长期维持你的会员网站。 如果你决定收费,可能有助于确定几个在你的行业内运作并提供类似内容的会员网站。然后,你可以研究他们的定价,并以此来指导你的会员模式。 Step 3: 选择一个平台 当涉及到选择一个平台时,你有几个选择。例如,你可以购买一个现成的解决方案,支付订阅费用来上传你的内容,如Teachable平台。 Teachable平台 这可能是一个快速启动会员制网站的好方法。然而,定制一个现成的平台的范围往往很有限。 另外,你可以选择一个内容管理系统(CMS),如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 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 functions.php,函数文件 文字详细教程

不知道WordPress的function.php文件是什么,或者你能用它做什么? 简而言之,WordPress的function.php文件为你提供了一个向你的网站添加代码段的方法。你可以以各种有用的方式使用这些代码段,所以了解function.php文件的工作方式可以帮助你建立一个更好的WordPress网站。 在本教程中,我们将深入研究WordPress函数文件。我们将讨论它的工作原理以及您可以在哪里找到它。最后,我们将向您展示一些可以对functions.php文件进行的有趣的调整。 要参与WordPress开发,您首先需要了解平台最重要的文件是如何工作的。WordPress可以很容易地开始修改您的网站。然而,可能很难知道从哪里开始——或预测您的更改实际上会做什么。 一个完美的学习场所是functions.php文件,它也被称为functions文件。这是进行更改和向WordPress添加代码的常见位置。通过编辑此文件,您可以完成一些有用的事情,例如将Google Analytics统计代码添加到您的站点、创建自定义菜单或显示文章的估计阅读时间。 什么是functions.php文件? 如何安全地使用functions.php文件? 更好的function.php文件替代方案 如何访问编辑function.php文件 使用WordPress函数文件的一些小Case 组织你的functions.php文件的最佳做法 什么是functions.php文件? WordPress functions.php文件是一个主题文件,你可以用它来向你的网站添加自定义代码段。你可以使用这些代码片段来修改你的网站的不同区域的功能,或添加新的内容/代码到你的网站。 尽管被包含在你的主题中,WordPress的function.php文件并不局限于对你的主题进行定制。 在WordPress Codex这样描述的功能文件: 您可以使用它来调用函数,包括PHP和内置WordPress,并定义您自己的函数。您可以通过向WordPress插件或通过WordPress主题功能文件添加代码来产生相同的结果。 简单来说,函数文件使您能够向站点添加自定义代码。它允许您以自定义方式创建新函数或引用现有函数。正如Codex指出的那样,这使得函数文件非常类似于插件,但两者之间存在一些差异。 你可以对你网站的任何部分进行调整,类似于插件的工作方式。 最重要的区别是函数文件属于特定主题。如果您要更改主题或更新到更新版本,您所做的更改将会消失。出于这个原因,您应该考虑创建一个子主题并将新代码添加到子主题的函数文件中。这样,您可以在不丢失更改的情况下更新父主题。 下面是一些你可以使用WordPress functions.php文件进行调整的常见类型: 改变WordPress的核心行为,例如在搜索结果页上显示多少个帖子,或者在你的网站的RSS提要中包括什么内容。 创建你自己的自定义短代码。 在您的网站上添加新的内容或脚本,例如在某些页面上注入您的即时聊天服务的脚本或编辑您网站的页脚。 这仅仅是表面上的东西… 因为function.php文件允许您在您的网站上添加自定义的PHP代码段,而不是静态HTML,当涉及到您可以做的修改类型时,天空是无限的。 WordPress的functions.php文件位于哪里? WordPress的functions.php文件位于你的活动主题的文件夹中,和其他主题文件一起。要找到这个文件,你可以用FTP或文件管理器工具连接到你的服务器,然后浏览到…/wp-content/themes/[active-theme-name]/functions.php。 例如,如果你使用流行的OceanWP主题,function.php文件将位于…/wp-content/themes/oceanwp/functions.php。 是选择使用函数文件还是创建插件完全取决于您,具体取决于您的需要。现在让我们看看编辑函数文件的不同方式。 如何安全地使用function.php文件 因为使用WordPress的functions.php文件涉及到向你的网站添加代码,所以在你开始做任何编辑之前,遵循一些最佳做法是很重要的。 即使是像缺少逗号或撇号这样简单的事情,也会在你的网站上引发错误,例如WordPress白屏死亡。 在最近的WordPress版本中,WordPress在以更优雅的方式处理这些错误方面已经做得更好了,比如显示 “您的网站发生了一个严重错误” 的信息,或者在保存您的修改之前检查PHP错误。 但是–为了避免任何问题的发生,我们总是建议遵循这些最佳实践… 在暂存网站上测试你的functions.php代码 在添加任何function.php代码片段到你的WordPress网站之前,我们总是建议先在你网站的暂存版本上测试它们。这可以让你检查任何潜在的错误,并验证代码片段是否按预期工作。 在进行function.php修改前备份你的网站 除了在暂存站点上进行测试之外,你还需要在将代码片段添加到你的真实站点的 functions.php 文件之前备份你的真实站点。 这是编辑任何WordPress文件时要遵循的一个很好的最佳做法。 如果代码片段出了什么问题,你可以恢复到这个备份点,让你的网站立即恢复工作。 现在大部分云服务器都提供自动备份你的网站的服务,你也可以在任何时候手动创建一个备份。如果你服务器不提供自动备份服务,你可以阅读我们关于如何备份WordPress网站的指南。 建议使用子主题编辑function.php文件 因为WordPress的function.php文件位于你的WordPress主题的代码中,当你更新你的主题时,你的主题将覆盖function.php文件。 为了避免你对主题的 functions.php 文件所做的修改被覆盖,你应该始终使用一个 WordPress […]

WordPress MySQL安装,MySQL社区服务器,本地安装MySQL 文字详细教程

每个网站背后都有一个数据库,它通常运行在MySQL上。学习设置服务器通常是新网站管理员或开发人员的第一次真正测试,而MySQL Community Server提供了一种免费和开源的入门方式。 是什么让MySQL Community Server成为最好的数据库软件?还有什么软件可以抗衡它?以及如何让它在您的Web服务器上正常运行? 我们将在本文中回答所有这些问题,甚至更多。您将学习在您的机器上设置MySQL社区服务器所需的所有知识。 什么是MySQL社区服务器? 关于MySQL社区服务器的关键事项 在Windows上安装MySQL社区服务器 在Linux上安装MySQL社区服务器 在Mac上安装MySQL社区服务器 什么是MySQL社区服务器? 几乎每个网站都需要一个数据库。不需要它的是那些只有静态页面的小型网站。数据库以结构化和可访问的方式简化了对大量内容的管理。 带有表和行的WordPress数据库 在WordPress中,数据库存储整个帖子、页面和其他自定义数据,如标签和评论。此外,如果数据可以更改、添加或删除,则很可能将其存储在数据库中。所以很容易想象有多少数据通过数据库。 SQL代表结构化查询语言。它是一种类似于JavaScript或HTML的网络语言。SQL主要用于帮助您管理和操作数据库。虽然存在替代方案,但SQL是绝大多数网站上最流行的选择。 虽然SQL是您用来命令数据库的语言,但您需要一个数据库管理系统来处理所有数据库的复杂性。这就是MySQL的用武之地。 作为市场上最流行的数据库管理系统,MySQL是开发人员和Web管理员在其服务器上设置数据库时的首选。 MySQL社区服务器是免费的吗? 虽然存在付费的MySQL企业版,但您可能会使用的所有核心功能都在MySQL Community Edition中。此外,它可以在所有20多个受支持的操作系统上免费下载,并且没有隐藏费用或突然出现的问题。 本质上,MySQL社区服务器没有附加任何条件! MySQL社区下载 此外,它在GPL许可下可用。这意味着它是免费的、开源的,并且可以在商业项目中使用和修改。因此,在您的服务器上使用MySQL的典型用途不存在法律问题。 也就是说,如果您选择分发其源代码,您可能需要在GPL许可下发布您的整个项目,因此请务必阅读许可。 与其他倾向于付费使用或具有非常严格的免费版本的软件相比,MySQL是首选。 关于MySQL社区服务器的关键事项 与任何软件一样,MySQL也有一些您需要牢记的限制。其中一些是由错误造成的。其他的发生是因为程序只能存储这么多数据。 无论哪种方式,您都需要牢记这些内容,如果它们不利于您的项目,您甚至可能会寻找替代方案。 以下是要考虑的主要限制: 表大小限制:行和列大小有几个硬性限制。一个表中只能有4096列,但最终可能会更少。此外,行大小限制为65,535字节。 MySQL施加限制:即使您的存储引擎支持更大的行和列,MySQL也不会允许您创建任何超出限制的内容。 Windows施加了进一步的限制: Windows版本的MySQL带有额外的限制。32位版本的Windows不能在一个进程中使用超过2GB的RAM。此外,Windows服务器只能使用4000个端口,当许多客户端连接到您的数据库时,这些端口会很快被填满。 函数和例程限制: MySQL对函数和例程有几个自我强加的限制,如果遇到问题,您需要注意。 大型数据库的性能可能很差:当涉及到需要存储和排序大量内容的大型数据库时,MySQL可能会开始受到影响。即使备份和恢复备份也可能成为问题。 警惕内存问题:内存问题可能是MySQL的一个大问题,当它耗尽内存时,可能不清楚是什么导致了突然冻结。 虽然这似乎是一个令人担忧的列表,但每个数据库管理系统都有其优点和缺点,而MySQL适用于大多数项目。大型企业网站和大数据可能会将MySQL推向极限,但小型项目和体面活跃的网站可以正常工作。 MySQL社区服务器与MySQL企业版 MySQL有两个不同的版本:社区服务器版和企业版。前者是大家都知道和喜爱的开源版本的MySQL。企业版的存在是为了提供适用于大型企业网站的付费但更强大的版本。 MySQL企业版 以下是其他一些安全提示: 加密密码:在数据库中存储纯文本密码可能非常危险。相反,请遵循密码指南并加密您的密码。如果您使用的是WordPress插件,他们可能会为您处理这个问题。 限制用户访问:永远不要让非root用户访问用户表。 请不要为您的服务器使用root用户:在Linux系统上,切勿在root用户上运行MySQL服务器(因为它可以访问所有命令并且黑客可能会造成更大的破坏)。 限制权限:为用户分配适当的帐户权限,并避免给予他们超出要求的访问权限。始终要求所有用户输入密码。 禁止表单代码:阻止用户通过输入框(例如表单)在您的站点上执行代码。 实施防火墙:对数据库服务器使用防火墙来阻止不需要的访问。 使用 SSL:SSL加密您的网站以隐藏通过您的服务器的所有数据。 删除测试数据库:删除测试数据库(如果“mysql_secure_installation”没有删除它),因为任何人都可以访问它。 在Windows上安装MySQL社区服务器 […]

WordPress MAMP错误,phpmyadmin配置,phpMyAdmin错误 文字详细教程

MAMP是一个有用的工具,它使用户能够在本地环境中开发动态网站。这意味着您可以在您的计算机上安装和测试WordPress或其他网站文件和系统,而无需网站主机或服务器。但是,与大多数工具一样,您可能会不时遇到错误。 如果您无法访问MAMP安装的phpMyAdmin功能,可能有多种原因。通过对一些常见原因进行故障排除,您应该能够识别并快速纠正任何问题,从而将MAMP的phpMyAdmin功能恢复到完全运行状态。 在本文中,我们将解释三个不同但相关的错误,讨论它们可能发生的原因,并向您展示如何修复它们。让我们开始吧! MAMP环境phpMyAdmin不工作错误是什么(以及为什么会发生) 如何修复MAMP环境phpMyAdmin不工作错误 MAMP环境phpMyAdmin不工作错误是什么(以及为什么会发生) MAMP堆栈包括操作系统、Web服务器、数据库管理系统和脚本语言。这些是开发环境的基本元素,它们使用户能够开发和测试动态网站或内容管理系统(CMS),例如WordPress或Drupal。 MAMP是其组件的首字母缩写词——MacOS、Apache、MySQL或MariaDB,以及PHP、Perl或Python——尽管用户可以在安装中选择替代组件。MAMP安装中包含的phpMyAdmin工具使用户能够通过MySQL或MariaDB访问和管理数据库功能。 当您从Web浏览器的MAMP主页中选择phpMyAdmin工具时,phpMyAdmin错误可能会产生一个空白页面。或者,它可能会通过停用 phpMyAdmin菜单中的链接来阻止您完全选择该工具。 当您确实遇到phpMyAdmin问题时,您可能会收到一条错误消息,其中包含有关原因的信息。然而,情况并非总是如此。当遇到非特定错误并且没有关于正在发生的事情的其他信息时,您可以使用以下步骤进行故障排除和更正。 如何修复MAMP环境phpMyAdmin不工作错误 在MAMP中遇到phpMyAdmin错误有几个常见原因。在接下来的三个部分中,我们将描述此错误的不同变体,并引导您完成各种解决方案。 数据库连接错误 数据库连接错误意味着您的phpMyAdmin工具无法连接到MySQL数据库。通常,这是因为MAMP环境phpMyAdmin配置文件的设置不正确。如果您在计算机上重新安装MAMP,或在另一台计算机上安装MAMP而不更新默认设置,则可能会发生这种情况。 当您导航到MAMP主页上的工具菜单时,会出现此错误。phpMyAdmin菜单选项将显示消息“MySQL server not running”: phpMyAdmin菜单中的错误消息 要更正此问题,您需要检查您的设置并解决您的MAMP环境phpMyAdmin配置文件中的任何错误。 第 1 步 – 找到配置文件 如果您的MAMP安装正在运行,您将需要首先停止任何活动服务器并退出应用程序。 phpMyAdmin配置文件位于您的MAMP应用程序中,使该工具能够与其相应的数据库连接。config.inc.php文件包含与您的数据库设置相对应的设置: MAMP中的config.inc.php文件 在Windows中,此文件位于C:/MAMP/bin/phpMyAdmin/。Mac用户可以通过转到/Applications/MAMP/bin/phpMyAdmin/文件夹来找到该文件。 第 2 步 –更正配置文件设置 打开config.inc.php文件后,您需要找到以下数据库配置设置: DB_NAME DB_USER DB_PASSWORD DB_HOST 然后,将这些设置与您的MySQL数据库设置进行比较。更正所有错误并保存config.inc.php文件: 更正config.inc.php文件中的错误 要查看这是否已清除错误,请打开MAMP,启动服务器,然后重试MAMP主页菜单中的phpMyAdmin工具。(如果MAMP没有启动,请先排除故障。) 您现在应该能够选择phpMyAdmin来运行该工具。如果没有,退出MAMP,返回config.inc.php文件,找到端口设置: 更改MAMP的端口设置 您可以更新这些以对应于您的MAMP安装的Port Settings,然后再次测试以查看错误是否已解决。 如果您在连接数据库时遇到问题,可以查看我们关于修复MAMP “建立数据库连接”错误的文章。 空白的phpMyAdmin页面 如果您从MAMP主页选择phpMyAdmin工具并看到一个空白页面(或MAMP索引页面),这可能表明最近的MAMP更新存在问题。 要更正此错误,您可以恢复以前版本的phpMyAdmin。有两种方法可以解决此问题。 第 1 步 – […]

WordPress XAMPP错误,服务器证书 文字详细教程

XAMPP是一个很棒的免费工具,用于创建本地WordPress安装。您可以使用它来执行测试并尝试新的想法或更新,然后再将它们带到您的实时站点。但是,与任何软件解决方案一样,有时可能会出现错误,例如令人困惑的“Server certificate does NOT include an ID which matches the server name(服务器证书不包含与服务器名称匹配的ID)”消息。 XAMPP错误日志中会不时弹出这条鬼鬼祟祟的错误消息,通常是在您解决其他问题时。虽然它本身不会导致任何问题,但它可能表明更深层次的问题最终可能会发展成更严重的问题,因此修复它很重要。 在本文中,我们将更详细地解释此错误。然后,我们将通过三个简单的步骤向您介绍如何修复它。让我们潜入吧! XAMPP中“服务器证书不包含与服务器名称匹配的ID”警告简介 如何修复“服务器证书不包含与服务器名称匹配的ID”问题 XAMPP中“服务器证书不包含与服务器名称匹配的ID”警告简介 难以捉摸的“Server certificate does NOT include an ID which matches the server name”错误消息不会出现在站点的前端。相反,您可以在XAMPP错误日志中找到它: “服务器证书不包含与服务器名称匹配的ID”消息 通常,发生的情况是另一个问题将您带到错误日志,然后您会意外地注意到服务器证书警告。最初的问题可能涉及崩溃XAMPP组件(通常是Apache)或MySQL错误。您检查XAMPP日志以获取有关此问题的线索,并发现“服务器证书不包含与服务器名称匹配的ID”消息,通常是多次。 请务必注意,此通知很可能与将您带到错误日志的任何初始问题无关。事实上,这更像是一个警告,而不是一个实际的错误。您的站点仍然可以正常运行。 话虽如此,警告仍然不理想,因为它们表明您的安装有问题。更正此问题可以帮助您的本地XAMPP环境尽可能顺利地运行并防止将来出现问题。 “服务器证书不包含与服务器名称匹配的ID”消息表明您的Apache安装的安全套接字层 (SSL)配置存在错误(Apache是XAMPP的一部分)。幸运的是,解决它非常容易——比其他一些XAMPP错误要容易得多。就像在Apache文件中编辑一行一样简单。 如何修复“服务器证书不包含与服务器名称匹配的ID”问题 现在您已对该错误消息有了更多了解,是时候着手修复它了。该过程涉及编辑配置文件。 第 1 步:打开xampp/apache/conf/extra目录 第一步是在文件浏览器中打开正确的Apache目录。最直接的方法是从系统托盘启动XAMPP控制面板,然后单击窗口右侧的Explorer: XAMPP控制面板中的资源管理器按钮 这将在XAMPP文件夹中打开一个文件浏览器窗口: XAMPP目录中的Apache文件夹 从这里,您可以导航到apache > conf > extra。完整的目录路径是xampp/apache/conf/extra。在那里,您可以继续下一步:打开和编辑一个关键的Apache文件。 第 2 步:编辑httpd-ssl.conf文件 在xampp/apache/conf/extra文件夹中,您要查找的文件名为httpd-ssl.conf: httpd-ssl.conf文件 该文件处理XAMPP Apache安装的SSL配置。找到它后,继续在文本编辑器中打开它。如果您使用的是Mac,则默认的TextEdit可以正常工作。在Windows上,我们建议使用Notepad++: Windows的Notepad++文本编辑器 打开文件后,查找显示“ServerName www.example.com:443”的行。它应该位于“虚拟主机的常规设置”部分下(默认为第125行): […]

WordPress get_posts,WordPress函数 文字详细教程

WordPress的get_posts是一个强大的函数,允许开发人员从WordPress数据库中检索内容。您可以最详细地指定要查找的文章、页面和自定义文章类型,获取自定义结果集,然后像PHP/MySQL忍者一样过滤和排序项目。 但是,如果您不是PHP专业人士,请不要害怕,有无数的PHP教程可供您观看或阅读并学习该语言。您只需要一点PHP知识即可创建自定义文章列表以显示在您的网站上,因为get_posts函数保留了一组参数,允许构建简单或高级查询。 使用WordPress的get_posts分为两个步骤: 首先,您必须构建自定义查询。实际上,它看起来不像MySQL查询,而且您不会编写任何SELECT语句。您只需要定义一个参数数组并将其传递给get_posts函数。WordPress将该数组转换为真实且安全的MySQL查询,针对数据库运行它,并返回一个文章数组。 其次,您必须使用foreach循环遍历get_posts返回的结果集。 话虽如此,在这篇文章中,我们将首先深入探讨上面提到的关键概念,特别是如何get_posts工作、如何构建自定义查询以及如何在前端站点上显示数据。然后,我将提供一个真实示例,其中包含一段代码,您可以在暂存环境中获取、编辑和使用代码片段,以进行测试和开发。 注意:我们通常区分文章、页面和自定义文章类型。在本文中,我们使用术语“post”来表示常规博客文章以及页面和自定义文章类型。所有这些文章类型都存储在数据库的“wp_posts”表中。文章类型之间的主要区别在于“post_type”字段的值。从开发人员的角度来看,文章、页面和自定义文章类型都是文章。 get_posts函数简介 如何使用get_posts参数构建查询 如何显示get_posts数据 真实示例:使用自定义简码显示高度自定义的文章列表 get_posts 函数简介 Codex对get_posts函数的描述如下: 检索最新文章的数组,或与给定条件匹配的文章。 我们可以这样使用get_posts: $args = array( ‘numberposts’ => 20, ‘category’ => 4 ); $my_posts = get_posts( $args ); if( ! empty( $my_posts ) ){ $output = ‘<ul>’; foreach ( $my_posts as $p ){ $output .= ‘<li><a href=”‘ . get_permalink( $p->ID ) . […]

WordPress Docker,mariadb,数据库 文字详细教程

MariaDB是一个免费的数据库服务器,使用结构化查询语言(SQL)提供数据访问。它提供了密码、基于角色的访问控制等安全功能来保护你的数据。 为了部署MariaDB并向用户授予数据访问权,你需要托管数据库服务器。你可以选择云供应商或使用托管或共享主机服务。 本文将教你如何使用Docker容器运行MariaDB,配置和运行数据库服务器,并将其连接到WordPress网站。 什么是Docker? 如何使用Docker部署MariaDB 在你的WordPress网站上添加一个新的文章 通过DevKinsta管理MariaDB和Docker 什么是Docker? Docker是一个免费的开发工具,使你能够在一个称为容器的受控环境中运行应用程序。容器有应用程序代码、依赖性和运行应用程序的关键系统工具。这使你能够在整个软件开发生命周期内提供强大的应用程序。 通常情况下,容器使用你的操作系统作为主机。这意味着主机的内核提供对CPU、内存和文件系统等资源的访问。因此,这不需要像虚拟机那样的传统虚拟化。使用Docker来运行MariaDB实例有几个优点。 它的数字足迹小,保证了系统资源的有效利用。 它是一致的,允许开发人员在生产和测试部署中运行应用程序,只需最小的变化。 它为资源共享提供了一个灵活的机制。 它是可扩展的–你可以在一台主机上运行许多容器。 如何使用Docker部署MariaDB 在本节中,你将使用Docker创建容器化环境来运行MariaDB。你将了解到Docker所提供的容器技术。Docker可以在大多数版本的Windows、macOS和Linux发行版上运行。在本教程中,你需要有Windows 10/11、Ubuntu 20.04或macOS X机器来跟随。 1. 安装Docker Docker的最大特点之一是它的可移植性。它使用主机的操作系统,使其成为测试和发布环境的理想选择。本节将教你如何在三个操作系统上安装Docker。 Ubuntu 20.04 首先,更新Ubuntu的软件包列表。 sudo apt-get update 然后,允许通过HTTPS访问在线存储库。 sudo apt-get install apt-transport-https ca-certificates curl gnupg-agent software-properties-common 接下来,添加Docker的GPG密钥 sudo mkdir -p /etc/apt/keyrings curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo gpg –dearmor -o /etc/apt/keyrings/docker.gpg 现在,添加Docker的存储库。 echo deb [arch=$(dpkg […]

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 React,钩子函数 文字详细教程

React.js近年来广受欢迎,这已经不是什么秘密了。它现在是许多互联网上最杰出的参与者(包括Facebook和WhatsApp)的首选JavaScript库。 它兴起的主要原因之一是在16.8版本中引入了钩子。React钩子允许您在不编写类组件的情况下利用React函数。现在,带有钩子的功能组件已成为开发人员使用React的首选结构。 在这篇博文中,我们将深入研究一个特定的钩子useCallback——因为它涉及函数式编程的一个基本部分,即记忆化。您将确切地知道如何以及何时使用useCallback钩子并充分利用其性能增强功能。 什么是Memoization? 渲染和反应 React useCallback的性能优势 React useCallback的缺点 React使用回调示例 什么是Memoization? Memoization是当一个复杂的函数存储它的输出以便下次使用相同的输入调用它时。它类似于缓存,但在本地级别上。它可以跳过任何复杂的计算并更快地返回输出,因为它已经计算过了。 这会对内存分配和性能产生重大影响,而这种压力正是useCallback钩子的目的所在。 React的useCallback与useMemo 在这一点上,值得一提的是,useCallback与另一个名为useMemo的钩子很好地配对。我们将讨论它们,但在这篇文章中,我们将把重点放在useCallback主要话题上。 关键区别在于useMemo返回一个记忆值,而useCallback返回一个记忆函数。这意味着useMemo用于存储计算值,同时useCallback返回一个您可以稍后调用的函数。 这些钩子会给你一个缓存的版本,除非它们的依赖项之一(例如状态或道具)发生变化。 让我们看一下这两个函数的作用: import { useMemo, useCallback } from ‘react’ const values = [3, 9, 6, 4, 2, 1] // This will always return the same value, a sorted array. Once the values array changes then this will recompute. const […]

WordPress Brotli压缩,Gzip压缩,代码压缩 文字详细教程

速度对于任何网站都很重要。在网络追求快速加载时间的过程中,我们有许多不同的技术可以帮助我们。一种方法是在不影响其功能的情况下最小化您的站点将使用的底层代码。GZIP压缩是执行此操作的一种方法,但Brotli压缩是另一种引起注意的新兴方法。 这是一个由Google开发的解决方案,看起来比GZIP压缩(以及替代)提供了许多好处。本文中的详细信息将准确介绍该技术所提供的功能,但Brotli压缩快速且高效——它满足了您研究它所需的所有条件。 在本教程中,我们将研究Brotli压缩并向您展示如何检查您的站点是否使用它,以及如何在需要时启用它。首先,我们将把Brotli放在压缩算法空间中,并讨论为什么要使用它而不是其他解决方案。 网络数据压缩 Brotli压缩 Brotli压缩与GZIP压缩 如何检查您的网站是否使用Brotli压缩 如何为您的站点启用Brotli压缩 网络数据压缩 在最基本的形式中,数据压缩采用网站或应用程序的代码,并最小化文件大小。这使您可以在网络上移动更轻的文件,并减少加载和呈现网站所需的时间。您会发现有很多方法可以根据您使用的文件类型来压缩数据。 一种常见的方法是“缩小”。这是一种算法去除您网站代码中一些多余元素的地方。这个想法是缩进、注释、空格等方面会增加文件大小,从而增加加载时间。 在大多数情况下,删除这些元素不会影响用户体验 (UX)。但是,对于必须编译和渲染代码的计算机来说,它确实使事情变得更加简单。例如,以这组代码为例: define( ‘WP_INSTALLING’, true ); /** Sets up the WordPress Environment. */ require __DIR__ . ‘/wp-load.php’; require __DIR__ . ‘/wp-blog-header.php’; if ( ! is_multisite() ) { wp_redirect( wp_registration_url() ); die(); } $valid_error_codes = array( ‘already_active’, ‘blog_taken’ ); 上面的代码使用空格和回车等元素使其易于阅读,但计算机不需要这些元素来理解核心代码。更重要的是,这些批次的空格和换行符将占用宝贵的空间,删除这些空间可以提高性能。 如果你最小化这段代码,它看起来完全不同: define( ‘WP_INSTALLING’, true ); […]

WordPress 403错误,XAMPP错误 文字详细教程

如果您使用XAMPP本地开发环境来运行WordPress网站,您可能会不时遇到问题。尝试访问数据库时可能遇到的最常见问题之一是“错误403”,也称为“XAMPP访问禁止错误”。 简而言之,XAMPP产生403错误意味着您没有必要的权限来访问或编辑数据库。在本文中,我们将讨论XAMPP是什么,为什么会出现此错误,以及如何在Windows和macOS设备上修复它。 XAMPP简介 XAMPP环境403错误概述 如何解决XAMPP产生的403错误(在Windows和macOS中) XAMPP简介 XAMPP是一个本地开发环境。通过安装XAMPP,您还可以设置托管和运行本地WordPress网站所需的所有软件。 XAMPP主页 您可能知道,WordPress有几个系统要求,而XAMPP满足所有这些要求。您可以使用XAMPP在您的计算机上安装的软件堆栈包括: Apache:这是一种服务器软件,可让您在计算机上托管和服务网站。 MariaDB: 这是一个数据库软件,它为WordPress提供了一个保存信息的地方,因此可以根据需要再次访问它。 PHP:  WordPress建立在PHP编程语言之上,因此必须在您的服务器上设置软件。 Perl:虽然WordPress不使用Perl编程语言,但它是XAMPP为您配置的软件堆栈的一部分。 您可能在浏览网页时遇到过403错误。错误代码表示您没有访问特定文件或页面的必要权限: 来自Google Chrome的常规错误403消息 但是,在使用XAMPP运行本地WordPress网站的上下文中,403错误具有不同的含义。如果您看到一条消息“Access forbidden!“,它通常与XAMPP数据库有关。 XAMPP环境403错误概述 通常,当您尝试通过浏览器访问本地数据库时,XAMPP会出现错误403。在正常情况下,您可以使用任何Web浏览器访问http://localhost/phpmyadmin地址: phpMyAdmin控制面板 如果您没有访问数据库的必要权限,您将遇到错误403,内容如下: “新的XAMPP安全概念:只能从本地网络访问请求的目录。可以在文件httpd-xampp.conf中配置此设置。” 就错误消息而言,这条信息相当丰富,因为它准确地告诉您解决问题需要做什么。但是,在我们开始故障排除之前,请务必注意,当XAMPP中存在冲突的端口配置时,通常会发生错误403。 通常,绕过该问题的最简单方法是按照错误消息中的说明进行操作。在这种情况下,就是修改httpd-xampp.conf文件。 如何解决XAMPP环境403错误 (在Windows和macOS中) XAMPP适用于Windows、macOS和Linux。在下面的部分中,我们将向您展示如何解决Windows和macOS中的XAMPP开发环境的错误 403。如果您使用的是Linux发行版,则可以按照macOS说明进行操作。 如何对Windows中的XAMPP环境403错误进行故障排除 要开始使用,请继续启动XAMPP,然后启动您网站使用的所有服务。如果您正在运行WordPress网站,那将是Apache和MySQL。 XAMPP控制面板 两个服务都运行后,您可以单击Apache行中的Config按钮,然后选择Apache (httpd-xampp.conf)选项: 打开httpd-xampp.conf文件 现在httpd-xampp.conf文件将通过您的默认文本编辑器打开。打开文件后,使用搜索功能查找“phpMyAdmin” 。 您应该会看到如下所示的片段: httpd-xampp.conf文件 找到它后,您可以继续删除“Require local”的文本,并将其替换为“Require all granted”:   修改httpd-xampp.conf使其不会阻止对数据库的访问 保存对httpd-xampp.conf的更改并关闭文件。然后您可以从XAMPP控制面板重新启动Apache和MySQL服务。一旦服务再次运行,您可以通过在浏览器中导航到localhost/phpmyadmin来尝试再次访问您的数据库。 如何对macOS中的XAMPP环境403错误进行故障排除 在macOS上修复XAMPP环境的403错误涉及与Windows设备几乎相同的步骤。但是,访问httpd-xampp.conf文件并不完全相同,因为XAMPP控制面板看起来有点不同: XAMPP的macOS控制面板 尽管风格不同,但访问您需要的文件仍然很简单。以下是要遵循的五个步骤: 转到XAMPP控制面板中的Volumes选项卡。 选择屏幕顶部的安装选项。  一旦变为可选状态,请单击Mount旁边的Explore按钮。 在弹出的资源管理器窗口中,导航到etc/extra 。 打开http-xampp.conf文件。 […]

WordPress MySQL密码更改,root密码修改,XAMPP 文字详细教程

保持在线安全从未如此重要,尤其是对于企业而言。密码选择和维护在安全方面都起着至关重要的作用。不幸的是,它们经常被忽视,尤其是在XAMPP等本地安装中。 但是,本地软件同样容易受到恶意活动的攻击,默认情况下,XAMPP通常没有MySQL数据库的root密码。添加一个并定期更改它可以帮助保护您的数据安全并防止浪费数小时的辛勤工作。 在本文中,我们将解释为什么您可能想要更改您的XAMPP数据库MySQL密码。然后,我们将引导您了解可以使用的三种不同方法。 为什么您可能想要更改MySQL密码 如何在XAMPP中更改MySQL密码 为什么您可能想要更改MySQL密码 您可能想要(或需要)更改MySQL密码的原因有很多。首先也是最重要的:当您在计算机上安装XAMPP时,“root”用户的密码为空。这意味着默认情况下此帐户没有安全性。 root用户本质上是管理员帐户——它可以不受限制地访问系统中的所有命令和文件。因此,对这个用户没有密码保护是一个主要的安全漏洞。任何人都可以登录该用户帐户并在您的本地安装上编辑文件。 除此之外,定期更改密码也是一种明智的安全做法。这样做有助于防止恶意活动,尤其是当您在多个地方使用相同的密码时。定期更改密码可以帮助抵消没有这种做法可能出现的问题。 最后,您可能只是忘记了密码,因此无法访问XAMPP本地环境WordPress安装所需的文件或功能。不管是什么原因,能够更改MySQL密码是一项可以派上用场的宝贵技能。 如何在XAMPP中更改MySQL密码 与大多数WordPress任务一样,有多种方法可以更改MySQL密码。您应该使用的方法将取决于您需要做什么以及您最熟悉的界面:命令行、图形用户界面 (GUI) 或文本文件。考虑到这一点,让我们看一下在XAMPP中更改MySQL密码的三种方法。 1. 使用XAMPP环境的Shell更改您的MySQL密码 使用XAMPP的shell命令通常是更改MySQL密码的最简单、最快捷的方法。它确实涉及使用命令行,起初这似乎令人生畏。 然而,它实际上相当简单。如果您忘记了现有的MySQL密码并需要重置它,这也是您想要使用的方法。 请注意,无论您使用的是Windows还是macOS,这些命令都是相同的。由于这是一个特定于XAMPP的独特shell,平台之间的任何典型差异都将不适用。 首先,启动您的XAMPP控制面板并单击右侧的Shell按钮。 使用XAMPP shell更改您的root密码 这将打开一个带有命令提示符的新窗口。输入以下命令并按Enter/Return键: mysqladmin -u root password shell将提示您输入新密码。再次按Enter/Return  ,系统会要求您确认新密码。 一旦你完成了这些,你就完成了并且可以关闭shell窗口。 2. 通过phpMyAdmin更改XAMPP环境的MySQL密码 第二种方法涉及使用phpMyAdmin GUI更改您的XAMPP MySQL密码。这种技术相对简单,但一般不如命令行方法快。 首先,您需要访问phpMyAdmin界面。拉起XAMPP控制面板并单击MySQL行中的Admin: 在XAMPP中打开phpMyAdmin PhpMyAdmin将在浏览器窗口中打开: phpMyAdmin界面 如果系统要求您登录,请使用用户名“root”并输入您的root密码。如果您还没有设置,可以将其留空。 接下来,导航到主菜单栏中的User accounts部分,并在列表中找到localhost的root用户: phpMyAdmin中的root用户 接下来,您可以单击root用户旁边的Edit privileges,然后选择页面顶部的Change password。 在phpMyAdmin中启动密码更改 在下一个屏幕上,只需输入您要使用的密码: 在phpMyAdmin中更改root密码 完成后,您可以单击右下角的“Go”按钮以保存更改。 3. 通过编辑config.inc.php文件更改XAMPP环境MySQL密码 如果您发现自己处于知道密码正确的情况,但无论出于何种原因它都不起作用,那么这就是适合您的方法。它涉及打开一个文本文件并直接在其中编辑密码。 首先,打开XAMPP控制面板并单击窗口右侧的Explorer按钮: XAMPP控制面板中的Explorer按钮 这将在XAMPP文件夹中启动文件浏览器。接下来,您可以打开phpMyAdmin文件夹并找到config.inc.php 文件: […]

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 […]

100% Secure Checkout

PayPal / MasterCard / Visa