任何问题请联系WX:uu16853

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

购买更多有优惠!

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

在《2020年最新版本WordPress本地环境搭建与安装教程》一文,我们为大家介绍了DesktopServer,XAMPP,WAMP或MAMP四种本地搭建WordPress网站的方案,但文章可能对每个方案的介绍较为笼统。 今天,我们将详细地介绍如何使用XAMPP创建本地WordPress网站,以帮助站长在本地计算机上安装WordPress,进行WordPress试用,主题和插件测试以及学习WordPress开发。 为什么要创建本地WordPress网站? 本地环境搭建WordPress网站是开发人员和站长经常做的事情。主要目的在于可以本地测试WordPress,而无需联网创建网站。 本地网站仅在您的计算机上可见。您可以尝试不同的WordPress主题和插件,测试其功能,学习WordPress基础知识。 如果您已经拥有WordPress网站,则可以在计算机上创建您网站的本地副本(克隆网站),以在本地测试环境尝试新主题及插件安装、网站代码修改、数据库更改等操作。 毕竟直接在线修改网站相关的东西可能存在一定的风险性,甚至会导致网站下线,给线上用户造成不必要的糟糕体验。 下面让我们看看如何使用XAMPP在Windows,Mac或Linux上本地安装WordPress。 什么是XAMPP? XAMPP是一个软件包,其中包括在计算机上设置本地服务器环境所需的所有软件。 为了创建本地WordPress网站,我们需要在本地计算机上设置Web服务器软件(Apache),PHP和MySQL。 PHP是一种编程语言,而MySQL是一种数据库管理软件。要运行WordPress,这两者缺一不可。 如果在本地电脑分别安装配置Apache,PHP和MySQL是件让人抓狂的事情,这就是集成环境软件XAMPP出现的必要性。 XAMPP可以帮助您在本地轻松搭建WordPress网站,并且它是一个跨平台软件应用,支持Windows,Mac和Linux。 本地计算机安装配置XAMPP软件 首先,您需要访问XAMPP网站并根据您的计算机系统选择适合的软件版本下载。 XAMPP官网 不同的操作系统,XAMPP软件的安装向导和应用程序界面可能有所不同。本文仅基于Windows版本进行说明。 下载XAMPP之后,双击运行安装程序。 XAMPP安装 XAMPP将询问软件安装路径以及需安装哪些软件组件,默认设置适用于大多数用户。继续单击“Next”按钮以完成设置向导。 完成向导后,选中“start the control panel now”选项,然后单击完成按钮。 XAMPP安装向导 这将启动XAMPP控制面板,您要同时启用Web服务器-Apache和数据库服务器-MySQL,点击对应的Start按钮即可。 XAMPP控制面板 XAMPP将启动Apache和MySQL,在此过程您可能会收到Windows防火墙或者第三方防火墙(如360,QQ电脑管家)通知,必须确认“允许访问”,以保证服务正常运行。 Apache服务启动 稍等片刻,当你看到两个服务的名称以绿色字体显示,说明本地服务器正常运行,接下您即可开始搭建WordPress网站。 使用XAMPP搭建WordPress本地网站 首先,访问WordPress.org网站,下载最新版本的WordPress。 WordPress下载 解压WordPress压缩文件将会获得一个wordpress文件夹,将其复制。 WordPress文件目录 接下来,打开XAMPP安装文件夹。 Windows系统:一般在C:/Program Files/XAMPP/htdocs或C:/Xampp/htdocs。 Mac系统,一般在/Applications/XAMPP/htdocs。 将先前复制的wordpress文件夹粘贴到htdocs文件夹下。 然后建议将wordpress文件夹重命名为网站或其他任何名称,请勿使用中文名称。 WordPress网站路径 接下来,在Web浏览器地址栏中输入以下URL: https://localhost/yourwebsite/ yourwebsite即WordPress文件夹名称,根据自己的情况使用自己的文件夹名称替换yourwebsite。 下一步将进入WordPress安装向导,选择适合你的语言,单击“继续”按钮继续。 WordPress安装语言 在下一个界面,将会提示进行安装WordPress需要数据库名称,数据库用户名,密码和主机信息。 WordPress安装提示信息 OK,接着下来为WordPress网站创建一个数据库。 打开一个新的浏览器选项卡输入以下地址https://localhost/phpmyadmin/。 XAMPP将启动预先安装的phpMyAdmin,该软件以界面的方式管理数据库。 单击选项卡Databases,输入数据库名,点击“Create”按钮创建。 […]

WordPress DEBUG,WordPress日志,日志文件 文字详细教程

WordPress日志文件是您可能从未听说过的整个WP生态系统中最重要的方面之一。或者至少,可能从来没有想过。日志文件本质上是您的网站和服务器在其生命周期(或特定时间范围)内所做的一切的记录。不幸的是,许多人认为日志文件难以理解和使用。 我们想打破这种误解,向您展示如何使用WordPress日志文件以及这些知识可以做什么来改进您的网站。 使用WordPress日志文件做什么? WordPress日志文件的使用因您的角色而异。用户会发现与管理员和开发人员不同的有用的东西等等。但是,这些完全相同的日志文件可以做很多事情,而且许多目的可以重叠。 发现错误 帮助故障排除 审计安全 评估无障碍标准 监控用户体验 跟踪用户活动 检查插件性能 探索主题 还有很多。另外,还有很多不同类型的日志文件。有些是针对WordPress本身的,而有些则可能是由个别插件生成的。让我们特别看看其中的一些,看看你能期待什么。 WordPress调试日志文件 默认的WordPress日志文件本身对于新的WP安装是禁用的。您必须进入wp-config.php文件并手动启用它。默认情况下,调试日志是禁用的,因为记录WP安装所做的一切会占用您的一些服务器资源。它不是运行站点,而是记录它如何运行站点。 我们建议您只在短时间内启用日志记录,因为出现问题需要修复它们。当然,除非您在开发环境中工作。 现在,您可以通过多种方式启用日志。通过FTP使用类似FileZilla的程序并在代码编辑器中编辑文件。通过cPanel,甚至通过插件,例如WP File Manager。不管怎样,这个过程很简单。您将在安装的根目录中找到wp-config.php文件,并向其中添加两行代码。 define( ‘WP_DEBUG’, true ); define( ‘WP_DEBUG_LOG’, true ); 步骤 1:找到wp-config.php 无论您的根目录在哪里,都可以连接到那里。它很可能位于/public_html/example.com/下(.com部分可能存在也可能不存在)。 步骤 2:编辑wp-config.php 在那里,在您选择的编辑器中打开它。Sublime Text、VS Code和Atom都是流行的选择。滚动直到找到显示 /* That’s all, stop editing! Happy blogging. */ 那里,将上面的两行代码直接粘贴到它上面。您甚至可能已经在文件中标记为false。 第一行允许进行调试,而第二行生成日志文件本身。在这种格式中,代码段将WordPress日志文件保存到wp-content/debug.log,但您可以用单引号中的相对路径替换true以指定不同的位置。例如,define( ‘WP_DEBUG_LOG’, ‘/tmp/wp-errors.log’ ); 如WordPress Codex条目中调试日志所指定。 步骤 3:查找、阅读和理解日志文件 请注意,您的日志文件可能不会立即出现。它不是服务器活动的实时日志,而是其中发生的错误的日志。因此,为什么我们之前建议您仅在出现问题时启用它。因此,如果debug.log文件尚不存在,请给它时间。 当您最终获得debug.log文件时,您可以在文件管理器或您选择的代码编辑器中打开它。但是你会看到类似的东西。 对于典型的 WordPress 用户来说,这看起来像gobbledygook。但是,对于开发人员来说,他们会发现一些插件中的PHP问题无法执行某些任务。 […]

WordPress Git,GitHub,WordPress开发,版本控制系统 文字详细教程

在本教程中,我们将向您介绍GitHub并解释它为何如此受开发人员欢迎的工具。然后,我们将向您介绍如何使用它来进行WordPress开发。 如果您花了很多时间阅读WordPress,那么您很有可能听说过GitHub。它是开发人员托管项目并与他人协作的最受欢迎的平台之一。也许您甚至考虑过自己尝试一下,但不知道从哪里开始。 是时候熟悉这个宝贵的WordPress资源了。GitHub是一个用于跟踪、管理和协作开发项目的优秀平台,因此非常值得学习如何使用。它使您能够在线托管项目并使用Git强大的版本控制来跟踪每一个更改。 GitHub简介 如果你是一个新手,GitHub可能看起来复杂,但它的核心实际上非常简单。本质上,GitHub是一个专门为开发者设计的免费托管服务。它的主要用途是托管用于共享和协作的项目,使这些项目可用,以便其他用户可以贡献和下载它们。 顾名思义,GitHub是围绕Git的功能构建的。这是一个版本控制系统,用于跟踪对项目所做的所有更改。这个系统如此强大的原因在于它的全面性。由于Git会跟踪项目中的每个文件和更改,因此它使您能够快速恢复到任何以前的版本。 Git还允许开发人员创建“分支”,即当您创建项目的副本时,您就可以独立处理它。这使您有机会进行和测试更改,而不会影响整个项目。然后,您可以根据需要将更改“合并”到主分支中,或者干脆丢弃它们。 这些功能是理解为什么Git和GitHub对开发人员如此宝贵的关键。例如,您不必担心会对项目造成无法修复的损坏,因为您始终可以创建分支并回滚所有修订。此外,在一个潜在无限数量的用户的项目上进行协作很容易。事实上,这正是当今WordPress本身的开发方式。 GitHub入门 在开始使用GitHub之前,您需要一个可以同时使用Git和GitHub的系统。首先,您需要在本地计算机上下载并安装Git。您将使用它来执行重要的GitHub相关任务,例如在您的计算机和GitHub存储库之间传输文件。 GitHub只是项目的宿主,因此所有实际开发都在您的本地机器上进行。Git然后使用“存储库”来存储每个项目。 从理论上讲,这听起来可能令人困惑,因此让我们看一下典型的工作流程: 您有一个项目托管在GitHub上的存储库中。 您创建一个本地存储库,并使用Git从GitHub中“拉取”最新版本的项目。 您现在可以在本地计算机上处​​理该项目。进行更改后,您可以将它们“推送”回GitHub存储库。 您决定如何构建您的特定工作流程取决于您的偏好和项目要求。重要的是您的流程对您、您的项目和您的合作者来说顺利进行。 最后,为了充分利用Git,您需要使用命令行。Git最常通过具有命令行界面的Secure Shell (SSH)使用。 如何使用GitHub进行WordPress开发 现在,是您亲自尝试GitHub开发的时候了!在此示例中,您将创建一个用于开发WordPress主题的GitHub项目。在向您展示如何在它们之间来回传输主题之前,我们将向您展示如何创建一个GitHub帐户和两个存储库。 1. 创建本地WordPress环境 当您为WordPress进行开发时,始终使用暂存环境很重要。这使您可以自由地尝试新事物,而不必担心它们会如何影响您的实时站点。 在这种情况下,您将通过在计算机上安装WordPress来创建本地暂存环境。您可以通过几种不同的方式执行此操作,但我们建议使用DesktopServer(你也可以选择自己喜欢的本地搭建WordPress环境的方式),它使您能够免费快速创建本地版本的WordPress: 首先选择DesktopServer的免费版本,注册一个帐户,然后下载并运行安装程序。 安装程序需要一些时间才能工作。完成后,您可以按照我们提供的教程创建和配置新的本地WordPress站点。 2. 在本地机器上安装Git 现在是安装Git的时候了。如果您运行的是最新版本的Mac OS,您可能会发现Git已经在您的机器上。您可以通过打开命令行界面(例如Terminal)并输入以下命令来检查这一点: git –version 如果安装了 Git,此函数将返回其版本号。如果没有,系统会询问您是否要立即安装它。您还可以下载安装程序并为Mac、Linux 和 Windows计算机手动运行它。 如果您对命令行界面不满意,您可能需要考虑下载Git GUI应用程序。但是,对于此示例,我们将使用标准命令行方法。无论哪种方式,一旦安装了Git,您就可以创建本地存储库了。 3. 为您的项目创建本地存储库 您现在可以为您的项目创建本地Git存储库。在此示例中,我们将使用默认的二〇一七主题,该主题应该已包含在您的本地WordPress安装中。 首先,您需要使用以下命令访问主题的文件夹: cd /Users/you/Documents/Websites/website/wp-content/themes/twentyseventeen 通过使用正确的文件夹名称替换您和网站,确保更改此文件路径,使其指向正确的目录。您现在可以使用以下命令将此目录初始化为存储库: git init 接下来,您需要将文件添加到索引中。这会告诉Git自上次执行提交(换句话说,保存更改)以来您添加或编辑了哪些文件。由于这是第一次提交,您可以使用以下命令添加文件夹中的每个文件: git add 您现在可以提交更改。以下命令将提交索引中的所有文件,并包含一条消息以帮助您保持版本井井有条: git commit -m […]

WordPress WordPress开发,主题开发 文字详细教程

在本教程中,我们将讨论如何开始主题开发。然后,我们将带您逐步完成创建全新自定义主题的过程。 如果你想把某件事做对,你可能必须自己做。虽然有很多WordPress主题可用,但要找到一个具有您需要的外观和功能的主题可能很困难。事实上,您可能会尝试创建自己的主题。然而,主题开发的入门似乎势不可挡——尤其是对于初学者而言。 幸运的是,为WordPress创建自定义主题是一个相对简单的过程。它也不需要太多的技术知识或Web开发经验。此外,构建您自己的主题非常值得付出努力,因为您可以让您的网站看起来和运行得恰到好处。 WordPress主题开发简介 您希望您的网站看起来很棒并拥有您需要的所有功能,因此您可以查看WordPress主题目录或者我们提供的WordPress原创主题。不幸的是,您看到的任何东西都不能满足您的所有要求,而且您不想在您的愿景上妥协。也许您想要一些独特的东西来让您的网站脱颖而出,或者您只是不想将钱花在高级主题上。 此时,您可能会开始考虑创建自己的主题。幸运的是,为WordPress开发主题并不是您想象的那么复杂。由于该平台固有的用户友好性和众多可用工具,几乎任何人都可以创建自定义主题。 我们将带您完成创建第一个主题的过程。要开始,您需要做两件事: 您自己的WordPress 网站 一个优质的服务器 您还将受益于拥有本地临时环境的经验,因为您将使用一个环境来创建您的主题。对CSS和PHP有一些了解也会有所帮助(如果没有必要)。 最后,您需要拥有一个重要的工具,它可以使创建主题的过程变得更加容易:入门主题。 什么是入门主题 入门主题是一个基本的WordPress主题,您可以使用它来创建自己的主题。使用starter使您能够建立在一个可靠的框架上,而不必担心从头开始编写主题所涉及的复杂性。它还将通过向您展示主题的基本结构及其所有部分如何协同工作,帮助您了解WordPress的工作原理。 有很多优秀的入门主题在那里,其中包括下划线,UnderStrap和Bones(仅举几例)。 我们将在下面的示例中使用下划线。对于初学者来说,这是一个不错的选择,因为它只包含基础知识。另外,这个入门主题是由Automattic开发的,从长远来看,这使得它更有可能是安全的、兼容的并且得到很好的支持。 如何开发您的第一个WordPress主题 随着准备工作的进行,您终于可以开始创建您的第一个主题了。正如我们提到的,我们将在本演练中使用入门主题。 但是,如果您想尝试在没有模板的情况下自己创建所有内容,您应该随意这样做。请记住,这将需要更多的编码能力和对Web开发的理解。 Step 1:设置本地环境 您需要做的第一件事是创建本地开发环境。这实际上是您安装在计算机上的服务器,您可以使用它来开发和管理本地WordPress站点。本地站点是开发主题的安全方式,而不会以任何方式影响您的实时站点。 有很多方法可以创建本地环境,但本次示例我们将使用DesktopServer。这是一种免费安装本地版本WordPress的快速、简单的方法,并且与Mac和Windows兼容。要开始使用,请选择DesktopServer的免费版本,完成注册过程,然后下载安装程序。 下载安装程序后,您可以运行它。 安装完成后,您可以打开该程序,系统会要求您配置新的本地环境。这是一个简单的过程,您将在几分钟内准备好您的本地WordPress站点。安装后,您的新网站的外观和工作方式将与实时WordPress网站完全相同。 Step 2:下载并安装您的入门主题 与大多数入门主题一样,Underscores非常容易上手。事实上,您需要做的就是访问网站并命名您的主题。 如果需要,您还可以单击Advanced Options以进一步自定义基本主题。在这里您可以填写更多信息,例如作者姓名,并提供主题描述。 还有_sassify!选项,这会将Syntactically Awesome StyleSheets (SASS)文件添加到您的主题。SASS是一种CSS预处理语言,它使您能够使用变量、嵌套、数学运算符等。 当您做出选择后,您可以单击Generate,这将下载一个包含您的入门主题的.zip文件。这是您将围绕它开发自己的主题的核心,因此请将其安装在您的本地站点上。安装主题后,您可以预览站点以查看其外观。注:这只是一套最最最基础的主题,还需要您对其深加工! Step 3:了解WordPress在幕后的工作原理 在自定义主题之前,您需要了解其组件的用途以及它们如何组合在一起。首先,让我们讨论模板文件,它们是 WordPress 主题的主要构建块。这些文件决定了您网站上内容的布局和外观。例如,header.php用于创建标题,而comments.php允许您显示评论。 WordPress通过浏览模板层次结构来确定在每个页面上使用哪些模板文件。这是每次加载您网站上的页面时WordPress查找匹配模板文件的顺序。例如,如果您访问URL地址http://example.com/post/this-post,WordPress将按以下顺序查找以下模板文件: 与slug匹配的文件,例如this-post。 与文章ID匹配的文件。 通用的单个文章文件,例如single.php。 存档文件,例如archive.php。 index.php文件。 由于所有主题都需要index.php文件,因此如果找不到其他文件,则默认使用该文件。Underscores已经包含了最常见的模板文件,它们开箱即用。但是,如果您想了解它们如何协同工作,您可以尝试编辑它们。 您需要掌握的另一个重要元素是Loop。这是WordPress用来显示内容的代码,因此在许多方面,它是您网站的跳动心脏。它出现在所有显示文章内容的模板文件中,例如index.php或sidebar.php。 循环是一个复杂的主题,如果您想更好地掌握WordPress如何显示文章内容,我们建议您阅读更多相关内容。幸运的是,由于Underscores,Loop已经集成到您的主题中,因此现在无需担心。 Step 4:配置您的主题 很容易认为主题纯粹是为了装饰目的,但它们实际上对您网站的功能产生了巨大的影响。让我们看看如何进行一些基本的自定义。 使用“钩子”添加功能 钩子是插入到模板文件中的代码片段,它使您能够在站点的不同区域运行PHP操作、插入样式并显示其他信息。大多数钩子直接在WordPress核心中实现,但有些钩子对主题开发人员也很有用。 让我们来看看一些最常见的钩子以及它们的用途: […]

WordPress WordPress开发,插件开发 文字详细教程

在本基础教程中,我们将了解如何开始插件开发,带您完成创建第一个插件的过程。 插件是WordPress如此多功能且用户友好的平台的重要原因。它们使任何用户都可以通过单击按钮快速向其站点添加新代码和功能。但是,如果您不想满足于现有插件,而是自己制作插件怎么办? 创建插件并不是您可能担心的复杂过程。只需一点时间和精力,几乎任何用户都可以从头开始创建插件。只要您了解插件如何连接到WordPress的核心(我们将对此进行解释),构建您自己的插件就会是一个有趣且具有挑战性的项目。 为什么开发WordPress插件 简单来说,插件是为您的WordPress网站添加新功能的软件。他们“挂钩”到 WordPress 平台的核心,并以数千种不同的方式对其进行扩展。 使用插件可为您提供几乎无限的自定义可能性。如果您想将某个功能添加到您的站点,您可以搜索包含数千个选项的插件目录。 如果您找不到可以满足您需求的插件,或者您觉得现有选项不太适合您的网站,您可能需要考虑创建自己的插件。为此,您首先需要了解插件如何与WordPress交互。 插件如何工作:钩子、动作和过滤器 开始插件开发最困难的部分是学习所有相关术语。出于这个原因,我们现在将解释一些最重要和最常用的术语。 您将遇到的最重要的概念之一是钩子。挂钩是连接点,您可以在其中将插件附加到WordPress核心代码。基本上,钩子决定了插件将在站点上何时何地使用。 一个基本的例子是wp_loaded钩子,它在整个WordPress站点加载时触发。如果插件具有仅在达到该状态时才需要运行的功能,您可能希望将其连接到此钩子。 钩子有两种变体——动作和过滤器。两者的基本区别可以归纳如下: 操作添加新功能。 过滤器修改现有功能。 当然,还有更多。如果您想完全理解它们,我们建议您阅读操作和过滤器的工作原理。 创建插件之前要考虑的事项 WordPress提供了创建插件时要遵循的最佳实践列表。 在开始创建插件之前,您需要查看WordPress推荐的最佳实践。遵守这些准则将帮助您为插件打下坚实的基础。它还将确保与其他插件和主题的兼容性,如果您想共享插件,则更容易。 首先,您应该考虑如何命名插件、变量和函数。这很重要,因为您希望避免创建与其他插件使用的名称相匹配的名称。最好的策略是为您定义的每个变量和函数添加一个唯一的前缀。 接下来,您需要确保您的插件是安全的。这是一个很大但很重要的话题。我们建议您通读插件手册以获取有关如何确保代码安全的更多信息。未正确保护的插件在任何站点上都可能带来巨大风险,因此请不要忽视这一方面。 您还需要考虑如何构建插件。它应该包含多少个文件,您想将其保存在一个文件夹中还是将其分散到多个文件夹中?提前考虑这一点将为您提供一个可靠的框架来使用,并使其他开发人员更容易理解您的插件是如何工作的。 最后,遵守WordPress的编码标准很重要。这些是由 WordPress 社区创建的,将帮助您避免常见的编码错误。它们还将使您的代码易于其他 WordPress 用户和开发人员理解。 如何创建WordPress插件 到现在为止,您应该已经做好了将脚趾浸入插件开发领域的准备。因此,事不宜迟,让我们开始吧!这些步骤将引导您完成创建第一个插件的过程。 Step 1:设置临时站点 首先,如果您还没有临时站点,则需要创建一个临时站点。临时站点,也称为开发环境,是不向公众开放且仅用于开发目的的网站。 临时站点使您能够开发插件并对其进行测试,而不会影响您的实时站点。您永远不应该使用实时站点进行开发,因为您可能会破坏站点或使其易受攻击。您的登台环境可以是您自己机器上的本地 WordPress 安装,也可以是私人 WordPress 站点。 我们已经编写了有关搭建本地环境创建临时站点的教程,因此我们不会在此处再次展开详细介绍。 Step 2:新建插件文件 准备好临时站点后,就可以开始工作了。您需要做的第一件事是创建您的插件所在的文件夹。所有插件都添加到同一位置,即名为/wp-content/plugins/ 的目录。 现在导航到此位置,然后创建一个新文件夹,为其指定一个与您的插件匹配的名称。例如,如果您的插件将被称为“我的第一个插件”,则将文件夹命名为my-first-plugin是有意义的。 然后,您应该将一个新的PHP文件添加到该文件夹​​中,并具有相同的名称(例如:my-first-plugin.php)。您可以使用任何文本编辑软件(例如TextEdit或记事本)来执行此操作。在文件仍然打开的情况下,输入以下信息: <?php /** * Plugin Name: My First Plugin * Plugin […]

WordPress WP-CLI,命令行工具 文字详细教程

在本教程中,我们将向您介绍WordPress CLI及展示如何在您的WordPress网站上安装它并说明如何使用它。 随着您对WordPress的开发越来越熟悉,您将需要一些工具来帮助您快速有效地完成任务。WordPress管理仪表盘直观且全面,但导航也很耗时。 如果您想通过几个简单的命令更直接地管理您的站点怎么办? 这就是WordPress命令行界面 (WP-CLI)派上用场的地方。WP-CLI是一种工具,可让您通过在基于文本的界面中使用命令直接与WordPress站点进行交互。它也非常全面,具有各种各样的潜在命令。几乎任何您可以在站点后端执行的操作,都可以使用 WP-CLI 更快地完成。 WordPress命令行界面 (WP-CLI) 简介 像大多数WordPress用户一样,您可能非常熟悉WordPress管理区域。它运行良好,但不是管理站点的唯一选择。事实上,这甚至不是最直接或最有效的方式。对于某些用户来说,拥有可以导航的图形界面当然更可取。但是,这确实意味着您将花费大量时间浏览菜单或等待页面加载。 进入WordPress命令行界面 (WP-CLI)。 顾名思义,此工具使您能够使用命令行在WordPress站点上执行管理任务。通过这种方法,完成一项任务只需要输入一行代码并按Enter所需的时间。 WP-CLI的美妙之处在于它如何让您直接控制您的网站。您可以在 WordPress 管理仪表板中执行的任何操作,您都可以使用WP-CLI来执行。它并不像您担心的那么复杂,如果您想了解更多信息,可以使用大量资源。 要使用WP-CLI,您需要在WordPress站点上安装它。现在让我们更详细地看看这个过程。 如何在WordPress网站上安装WP-CLI 您首先需要确保您的环境兼容,这意味着它符合以下规范: 类UNIX环境(OS X、Linux、FreeBSD、Cygwin) PHP 5.3.29或更高版本 WordPress3.7或更高版本 对于某些用户来说,第一点可能是个问题。WP-CLI是为类UNIX环境设计的,对Windows的支持有限。仍然可以在Windows上安装它,但要注意它可能需要一些额外的修补。 要在上述列表中的一种环境中安装WP-CLI,您需要使用Secure Shell (SSH)来下载和配置必要的文件。因此,您需要确保它已启动并正在运行。首先,您需要使用以下命令将wp-cli.phar文件下载到您的根目录: curl -O https://raw.githubusercontent.com/wp-cli/builds/gh-pages/phar/wp-cli.phar 然后,您应该使用另一个命令检查以确保文件正常工作: php wp-cli.phar –info 接下来,您需要使文件可执行,这将使您能够使用 wp 命令。您还需要将其移动到另一个目录。最后一条命令将执行两项任务: chmod +x wp-cli.phar sudo mv wp-cli.phar /usr/local/bin/wp 有了这个,现在应该成功安装了WP-CLI。您可以通过运行命令wp –info来测试它。如果一切正常,您将看到有关显示的WP-CLI版本的信息。 就是这样!您现在已准备好使用此工具更有效地管理您的网站。然而,在我们继续之前,让我们先看看一些替代的安装方法。 安装WP-CLI的其他方法 正如我们之前提到的,实际上有几种安装WP-CLI的方法。我们不会在本文中详细介绍所有这些。但是,我们将简要列出它们并链接到每个的更多信息,因此您可以选择最适合您需求的技术。 您可以使用以下工具在您的站点上安装WP-CLI: Composer Homebrew […]

WordPress SearchWP,搜索插件,高级搜索 文字详细教程

有时候我们可能需要针对WordPress自定义文章类型创建高级搜索表单吗?这样可以通过在结果中添加包含自定义文章类型的搜索表单,为访问者提供更好的网站体验。 在本教程中,我们将向您展示如何为WordPress自定义文章类型创建高级搜索表单。 为什么创建WordPress自定义文章类型高级搜索表单? 如果您有许多不同的内容类型,那么自定义文章类型搜索表单可让您帮助访问者更轻松地找到最相关的内容。 如果我们向每个页面添加自定义文章类型搜索表单,那么搜索结果将仅显示该类别的帖子。 这种自定义搜索可帮助您的访问者查看更多页面并在您的网站上停留更长时间,这会发出积极的WordPress SEO信号,例如较低的跳出率和增加的停留时间。 使用WordPress插件创建新的搜索算法 为自定义文章类型创建高级搜索表单的最简单方法是使用SearchWP插件(目前该插件已经被Awesome Motive收购),目前已经有30,000 多个网站使用这款WordPress搜索插件。它易于使用,并且让您可以完全控制您的WordPress搜索结果。 您需要做的第一件事是安装并启用插件。启用后,您需要转到设置»SearchWP,然后单击“License”菜单选项。 然后,在“License”框中输入您的许可证密钥,然后单击“Activate”按钮。您可以在SearchWP网站上的帐户中找到此信息。完成后,您需要单击“Engines”菜单选项。 这会将您带到一个屏幕,您可以在其中设置搜索引擎设置。可以把它想象成为您的网站创建自己的Google搜索算法。 使用SearchWP,您需要先创建一个站点范围的搜索引擎,然后才能创建自定义文章类型搜索引擎,因此我们将首先执行此操作。您可以通过单击“文章”、“页面”、“图书馆”或其他自定义文章类型下拉菜单来调整搜索引擎设置。每个部分都有一个“权重乘数(Weight Multiplier)”,它将改变搜索引擎对内容的排名方式。如果您希望搜索引擎重视页面标题而不是内容,请相应地调整滑块。 完成自定义默认搜索引擎设置后,请务必单击“Save Engines”按钮以创建您的第一个搜索引擎。现在您的初始搜索引擎已设置,是时候为您的自定义文章类型创建高级搜索表单了。 添加仅限于单个自定义文章类型的高级搜索表单 要创建自定义搜索框,我们将首先添加一个单独的搜索引擎,该引擎仅针对您想要的自定义文章类型。首先,导航到设置»SearchWP,然后单击“Add New”按钮。 这将自动创建一个新的独立搜索引擎。接下来,单击“Sources & Settings”按钮。 这将弹出一个弹出窗口,您可以在其中选择自定义搜索引擎的来源。只需取消选中您不想包含的来源的框即可。在此示例中,我们将只选中“Coupons”框,因为我们希望创建一个仅允许用户搜索我们的优惠券页面的搜索表单。 您还需要为您的搜索引擎命名。记下“Engine Name”框中的名称,因为您将在稍后的步骤中用到它。 然后,单击“Done”按钮。完成后,单击“Save Engines”按钮以保存新的自定义文章类型搜索引擎。 现在,您需要下载SearchWP简码扩展,以便轻松地将新的自定义文章搜索表单添加到WordPress。首先,前往SearchWP Shortcodes Extension网站,然后单击“Download available with active license”按钮。 之后,您需要按照安装上述插件的相同方式安装和启用扩展。现在,您可以使用短代码创建新的自定义文章搜索表单页面。 只需导航到页面»新建页面,然后为您的页面命名。之后,单击加号“添加区块”图标以显示块菜单。 接下来,在搜索框中输入“HTML”。然后,选择“自定义HTML”区块。 完成后,您可以将以下短代码和HTML添加到您的页面。 [searchwp_search_form engine=”coupon” var=”searchvar” button_text=”Find Results”] <div class=”search-results-wrapper”> [searchwp_search_results engine=”coupon” var=”searchvar” posts_per_page=4] <h2>[searchwp_search_result_link direct=”true”]</h2> [searchwp_search_result_excerpt] [/searchwp_search_results] […]

WordPress WordPress Salts,安全密钥 文字详细教程

从深层次上讲,WordPress Salts是一种通过帮助安全地存储和验证站点用户密码来确保WordPress站点安全的方法。 在本文中,您将了解到: 什么是WordPress alts? WordPress Salts位于何处? WordPress Salts是如何工作的 您需要更改WordPress Salts和安全密钥吗? 如何更改WordPress Salts(两种方法) 什么是WordPress Salts? WordPress Salts及其配套的安全密钥是一种加密工具,可帮助保护您的WordPress站点登录。 具体来说,Salts和安全密钥可以保护WordPress用于登录的cookie中的信息。 看,一旦您登录WordPress,您就可以选择保持登录状态,这样您就无需每次都输入用户名和密码。为此,WordPress将您的登录信息保存在cookie中,而不是使用PHP会话。 这对用户来说非常方便,但如果有人能够劫持您浏览器的cookie ,它也会带来安全问题的可能性。 为避免这种情况,WordPress使用Salts和安全密钥来保护您的登录信息,以便恶意主体无法对其进行任何操作。把它们想象成你网站的“额外”密码,恶意行为者几乎不可能猜到。 由于它们的重要性,您永远不应该与任何人分享您的 WordPress 盐和安全密钥。 WordPress Salts位于何处? 默认情况下,WordPress带有自己的Salts和安全密钥。它们位于您站点的wp-config.php文件中。您应该总共看到八个键: 前四个条目是您的安全密钥。 最后四个条目是您的WordPress Salts。 wp-config.php文件中的Salts示例 WordPress Salts是如何工作的? 假设您的WordPress网站的密码是“mypassword”(这是一个可怕的密码,但它符合我们的目的)。 要登录,请输入您的用户名和密码。然后,WordPress将该信息存储在两个浏览器cookie中,以便您保持登录状态(此信息也存储在您站点的数据库中)。 但是,如果WordPress像这样存储您的密码 – “mypassword” – 那么它就在那里,恶意行为者可以看到。这称为以明文形式存储密码,在安全性方面这是一个很大的禁忌。 安全密钥和盐通过共同合作将明文密码加密地转换为随机混乱的字符来避免这个问题,如果没有访问您的密钥和Salts某人就不可能进行逆向工程。 因此,即使您输入“mypassword”进行登录,WordPress 也会将您的密码转换为“hsd78q34%7832$4jkhkjsfd78782^^429nsdf”之类的内容进行存储。 除非有人可以访问您的Salts和安全密钥,否则他们不可能将随机的混乱字符转换为您的实际密码。 您需要更改WordPress Salts和安全密钥吗? 默认情况下,新的 WordPress 安装带有自己的一组密钥和Salts,因此您的WordPress站点已经是安全的,而无需您执行任何操作。 但是,有一些理由需要考虑定期更改Salts和密钥。 基本概念是,通过定期更改您的密钥和Salts,您可以使恶意行为者更难获得您的盐。 此外,更改您的盐将自动注销您站点上所有已登录的用户并强制他们重新登录,这是另一个潜在的好处。例如,如果您不小心登录了公共计算机并忘记退出,这将允许您强制退出该帐户以确保没有人可以访问。 如何更改WordPress Salts(两种方法) […]

WordPress Vue,WordPress API,无头WordPress 文字详细教程

WordPress一直是开发者和非开发者快速构建和创建惊人网站的内容管理系统。 使用内容管理后端与前端分离的微服务体系结构,可以最大限度地控制两个“端”。这种分离问题正是无头内容管理系统(包括无头WordPress解决方案)试图解决的问题。 通过无头方法,企业可以对内容管理后端进行更精细的控制。他们还可以自由使用自己选择的任何前端,包括React、Vue、Angular等。 本指南将详细探讨无头WordPress,以及它的全部内容、何时以及为什么应该考虑使用它。最后,我们将探索创建无头WordPress环境,使用Vue.js构建前端,并部署无头WordPress。 什么是无头WordPress 无头WordPress的利弊 何时无头WordPress可能不是最好的选择 谁应该使用无头WordPress 谁应该避免使用无头WordPress 如何搭建无头WordPress(构建应用程序) 什么是无头WordPress WordPress是一个整体式应用程序,后端和前端部分紧密地缠绕在一起。后端是进行管理的地方,在这里您可以创建、编辑、添加和删除内容,包括更改外观配置。相反,前端负责向用户显示内容。 无头WordPress是用来描述解耦WordPress的术语。后台(管理)部分与WordPress CMS的前端部分是分开的。您可以使用您选择的任何前端框架作为独立应用程序开发和管理前端。 无头WordPress的利弊 接下来,我们将探讨无头WordPress的优缺点,让您更好地理解这个概念。 优点 (1)超高速性能-在这个应用程序运行速度极快的时代,您的网站加载时间不应超过几秒钟,以免失去访问者。由于前端与WordPress分离,并且可以使用现代前端工具开发高性能和可扩展性,因此采用无头WordPress方法对网站的整体用户体验非常有益。 (2)粒度控制-选择无头架构可以让您更好地控制设计布局、内容展示以及用户与应用程序前端的交互方式。它还允许从中心位置保护和访问后端内容。 (3)增强的可扩展性-扩展WordPress有时可能会很复杂,因为您无法完全控制驱动WordPress的所有组件和代码,主要是在您不是开发人员的情况下。但是通过WordPress的解耦,可以轻松地单独缩放每个部分,并且您可以轻松地检测出需要缩放的部分。 (4)更严密的安全-我们无法充分强调无头WordPress的安全优势,因为解耦WordPress在抵御黑客和DDoS攻击方面具有很高的安全优势。无头WordPress方法使得黑客很难访问您的敏感后端数据,因为它与您的前端(面向用户的网站)是分开的。 (5)轻量化设计-您将可以更好地控制前端设计的结构和布局。此外,您还可以在前端进行更自由的定制设计;由于RESTAPI调用,您将能够利用现代web工具并在前端部署它们。 (6)多渠道内容发布-由于无头WordPress使用基于API的系统将您的内容传送到前端,因此您可以在任何位置和任何平台上显示您的内容,包括桌面、网站、移动应用程序和触摸屏信息亭。还可以充分利用增强现实、虚拟现实和物联网设备来显示和呈现来自基于API的系统的内容。 缺点 我们将更深入地探讨无头的缺点,但其主要缺点是: 在管理不同的网站实例时,分离后端和前端会给您带来额外的负载。 由于它需要团队中的额外成员和运行不同实例的额外资金,因此实施起来可能会很昂贵。 如果内容在所有平台上呈现不一致,则在不同平台上提供内容可能会导致用户体验不一致。 何时无头WordPress可能不是最好的选择 由于无头WordPress是一项具有巨大优势的难以置信的创新,因此在决定是否使用它时,您需要记住一些事情。 无头WordPress的维护费用非常昂贵。从基础设施到多个开发人员,您将维护一个网站的两个不同实例。 无头WordPress不支持WordPress的所有功能。例如,WordPress的强大功能,如所见即所得编辑器和live preview,在使用单独的前端时无法工作。 设置无头WordPress的成本更高。因此,始终牢记其增加的成本。 谁应该使用无头WordPress 以下是您可能需要无头WordPress的最佳情况: 如果你的网站的安全性是你最关心的,也是对你的公司最重要的,那么你应该使用无头WordPress。 接下来,如果您的网站不需要定期升级和更新,这将是一个很好的迹象,表明您需要使用无头设置。 接下来,如果你想有一个WordPress主题不容易实现的定制设计,你需要用一个独特的设计来增加网站前端的趣味。那么,无头WordPress是你的下一个选择。 最后,如果你正在为演示和教程建立一个寿命很短的网站或演示网站,那么你可以尝试无头方法。 谁应该避免使用无头WordPress 以下几种情况下,使用无头WordPress不是一个好的选择: 当你的网站仅仅依赖于特定的插件和功能来控制应用程序的前端并与之协同工作时,你应该坚持使用WordPress,除非插件提供基于API的选项来使用数据。 假设您对编写网站代码不感兴趣,或者您的网站需要日常维护,并且由于预算较低,您没有雇佣专业人员进行日常维护。在这种情况下,WordPress是一个适合您的选项。 如果你不是一个经验丰富的开发人员,想单独创建和管理你的网站,你应该使用WordPress。 如何搭建无头WordPress(构建应用程序) 本节将探讨如何构建和开发一个新闻博客,其后端为无头WordPress,前端为Vue 3。 使用Devkinsta设置无头WordPress 我们将使用DevKinsta开发无头WordPress,DevKinsta是一个流行的WordPress本地开发环境,用于设计、开发和部署WordPress站点,使您的本地机器舒适。 DevKinsta是永远免费的,它为您开发和构建WordPress提供了巨大的好处和舒适。 您可以从官方网站下载并安装DevKinsta,并按照文档中的说明开始。 由于我们已经安装了DevKinsta,我们将打开它并按照下面的步骤设置我们的第一个无头WordPress。 在DevKinsta仪表板上,使用Nginx、MySQL和任何可用的WordPress版本创建一个新的WordPress站点。此外,您还可以从仪表板导入现有WordPress实例或创建自定义WordPress实例。 接下来,为新创建的WordPress实例提供一个名称、管理员用户名和密码,然后单击Create并复制详细信息,同时DevKinsta在本地计算机中创建一个新的WordPress实例。 […]

WordPress GenerateWP,Hasty,Nimbus,WordPress开发,代码生成器 文字详细教程

对于刚开始学习WordPress的来龙去脉的新开发人员来说,代码生成器可以非常方便地加快开发速度。与任何平台一样,通常存在需要大量代码块的任务,并且每个任务都有自己的语法。记住所有这些可能需要很多时间,其中一些只能通过练习来完成。 如果没有生成器,您唯一的选择就是筛选WordPress Codex或Stack Overflow以找到正确的代码或功能。即使对于经验丰富的开发人员,WordPress代码生成器也可以是一个很好的捷径,只需点击几下即可生成您已经知道需要的内容。或者防止你不得不一遍又一遍地写同样的东西。 什么是WordPress代码生成器? WordPress代码生成器是一组工具,旨在为您的WordPress项目快速创建自定义和高质量的代码。使用生成器的一个优势,尤其是当您刚刚学习编码时,是它们遵循官方WordPress Codex中推荐的最新编码标准以及 API。 有时,将您从Stack Overflow帖子中找到的信息拼凑起来可能并不总是最好的,并且可能会造成不良习惯或混乱的代码。代码生成器可以帮助你养成良好的习惯,使用干净的代码,和正确的功能。除此之外,他们还可以帮助对您的代码进行评论,这在与多个开发人员合作或稍后移交项目时非常重要。 以下是您可以使用WordPress代码生成器执行的一些常见任务和操作: 为文章类型、简码、分类、帖子状态和元框创建自定义代码 生成仪表板小部件和快速标签 输出菜单、侧边栏和小部件 使用wp_query、 wp_user_query 、 wp_term_query 、 wp_comment_query等生成参数数组。 注册或排队CSS和JavaScript文件 为列表样式、光标、列、文本等创建自定义 CSS。 只需点击几下即可立即生成各种代码块。可能性真的是无穷无尽的。 热门的WordPress代码生成器 以下是一些热门的WordPress代码生成器,我们强烈建议您查看它们。其中大多数是免费的,而有些则有高级选项。 Nimbus Themes Code Generator GenerateWP Hasty 1. Nimbus Themes Code Generator Nimbus Themes目前有20种不同的免费WordPress代码生成器可用。每个都分为不同的类别:Loop、UI 和设计、WP核心、管理、内容、CSS和片段。他们还有很多关于每个生成器及其工作原理的文档。有时阅读另一位开发人员关于如何使用WP_Query与Codex可用内容的解释会非常有帮助。 Nimbus主题WordPress代码生成器 例如,您可以使用他们的WP_Query生成器为WP_Query类构建复杂的参数数组。您可以定义诸如自定义文章类型、菜单顺序、分页等内容。您所做的只是根据您的偏好设置所需参数的值,该工具将为您生成特定于主题的自定义代码片段。只需将代码复制到剪贴板即可。 wp_query片段生成器 2. GenerateWP 第二个热门的WordPress代码生成器-GenerateWP已经存在了很长一段时间。这是由一个小团队开发的,该团队有助于为WordPress 核心、Codex 和元团队做出贡献。因此,他们了解WordPress编码标准和最佳实践。GenerateWP上的绝大多数工具都是免费的,但是,您可以付费并访问更多生成器、公共和私人代码段,以及能够保存您的代码段。 WordPress代码生成器-GenerateWP 除了有很多生成器之外,他们网站的一件非常巧妙的事情是您可以浏览 其他用户创建的公共WordPress片段。如果您正在为自己的项目寻找已经完成的查询、代码块或示例,这可能会非常方便。 公共WordPress代码片段 3. Hasty 正如他们所说,Hasty可以帮助您神奇地生成WordPress代码。虽然它可能没有像上面那样多的功能或生成器,但开发人员创建它的唯一目的是快速和简单。它也是完全免费的。 WordPress代码生成器-Hasty […]

WordPress 代码编辑,编辑器,自定义HTML 文字详细教程

虽然WordPress使非编码人员可以轻松管理网站,但有时您可能希望在WordPress中编辑代码以更好地控制您的网站的外观或功能。 为了帮助您做到这一点,这篇文章将向您展示如何以几种不同的方式在WordPress中安全地编辑代码: 为单个文章或页面编辑HTML 编辑主题的HTML/PHP代码 将自定义CSS添加到您的站点 如果您已经知道要做什么,可以单击上面的链接之一直接跳到该特定部分。否则,让我们开始编辑! 为了更好地控制WordPress网站的外观和功能,您可以编辑WordPress代码以自定义不同的区域: 新的区块编辑器和经典编辑器支持编辑单个文章或页面的HTML代码。 如果要编辑WordPress主题的源代码,请使用子主题。 考虑使用插件来管理添加到主题的<head>或functions.php文件中的代码片段。 如果您只想添加自定义CSS,您可以使用WordPress定制器中的附加CSS区域或“Simple CSS”等插件。 如何为单个文章/页面编辑WordPressHTML 让我们从编辑WordPress的HTML代码的最简单方法开始——访问单个WordPress文章、页面或其他文章类型的源代码。 您可以在新的WordPress区块编辑器 (Gutenberg)以及较旧的经典TinyMCE编辑器中执行此操作。 如何在区块编辑器中编辑HTML (Gutenberg) 您可以通过多种方式在Gutenberg中使用 HTML。 首先,如果您只想将自己的HTML代码添加到一段内容中,我建议不要尝试编辑文章的整个源代码,因为这会使事情变得不必要地复杂化。 相反,您可以只使用专用的自定义HTML区块并粘贴您想在那里使用的HTML: 古腾堡自定义HTML区块 但是,有时您也可能需要直接编辑不同区块的HTML。例如,如果您想向块编辑器中的链接添加nofollow标记,则需要编辑该区块的HTML。 有两种方法可以做到这一点…… 首先,您可以单击单个区块的选项并选择作为HTML编辑选项: 如何将单个区块作为HTML编辑 这将让您编辑该单个区块的HTML: 编辑区块的HTML的示例 或者,如果您想编辑整个文章的HTML ,您可以从主工具和选项下拉列表中访问代码编辑器。或者,您也可以仅使用此键盘快捷键在代码和可视化编辑之间切换 – Ctrl + Shift + Alt + M: 如何在Gutenberg中访问完整的代码编辑器 请记住,在完整的代码编辑器中,您必须处理区块的所有标记 – 例如<!– wp:paragraph – 如何在经典编辑器 (TinyMCE) 中编辑HTML 如果您仍在使用经典WordPress编辑器 (TinyMCE),则可以通过转到“文本”选项卡来编辑整个文章的HTML : 如何在经典WordPress编辑器中编辑HTML 如何编辑WordPress主题中的源代码 现在,让我们进入更大的主题,即如何在WordPress主题中编辑代码。风险有点高,所以在我们进入操作方法之前,我们需要先解决一些初步问题。 为什么赌注更高?嗯,很简单,这是因为如果你在这里搞砸了一些东西,你可能会破坏你的网站! 在最近的版本中,WordPress使您更难不小心这样做,但是编辑网站的源代码总是会打开问题的大门,因此您要确保安全地进行。 […]

WordPress WordPress文件,WordPress文件目录,WordPress权限 文字详细教程

WordPress文件构成了WordPress网站的基础。文件目录驻留在服务器上——无论该服务器是拥有并存储在您自己的办公室中,还是由托管公司管理。在这些目录中有各种文件夹和文件,每个文件夹和文件都用于向最终用户传递命令和提供内容。好消息是所有新的WordPress网站的WordPress文件结构都保持不变,这使得很容易理解所有内容的配置方式。但是,文件本身以及属于每个文件的代码乍一看似乎令人困惑。 这就是为什么我们将深入研究WordPress文件及其用途。从WordPress配置文件到wp-content存储和交付所有图像的文件夹。主题和插件,了解WordPress文件的内部工作原理对于未来的管理和网站修改非常重要。 了解WordPress文件的重要性 WordPress文件存储在哪里? 如何访问WordPress文件? WordPress文件和目录结构 关于WordPress文件权限 管理和审核您的WordPress文件 了解WordPress文件的重要性 您可能想知道,学习WordPress文件和目录结构有什么意义? 这是一个很好的问题;在某些情况下,根本没有理由了解它们。如果您是一名非技术网站所有者,并且宁愿将这一责任转嫁给您的托管公司或开发人员,那么您可能不需要了解有关该wp-includes文件夹的任何信息或.htaccess含义。 如果您愿意将这种类型的管理交给其他专家,例如您选择托管托管计划,那么您将有更多时间和精力专注于日常业务任务。 但是,有抱负的高级开发人员和设计师,以及真正与网站打交道的任何人,都需要了解 WordPress 文件结构的复杂工作原理。此外,即使是技术含量较低的网站所有者也可以学习一两件事来帮助他们处理诸如文件上传或将来保护他们的数据库之类的事情。 以下是了解WordPress文件的一些主要原因: 了解WordPress文件结构有助于普通WordPress用户自己解决问题,而不是联系托管公司或开发人员,从而节省金钱和时间。 您可以了解帮助WordPress发挥其魔力的核心文件。 可以更好地了解图像和媒体上传的存储方式,让您可以选择SFTP等替代上传方法,并弄清楚如何在需要时共享和保护它们。 您可以看到主题和插件的存储位置和方式,为其他上传方法打开了选项,并有可能找出插件或主题出现的问题。 可以调整语言文件以接触世界各地的新客户。 您可以对您的网站进行简单的修改而不会造成损坏,看看如何不推荐在仪表板中编辑代码,并且当您至少在某种程度上舒适地筛选文件时进行正确的编辑要容易得多。 有一些选项可以设置文件权限和限制某些用户的内容,从而提高您的整体安全性。 您可以使用多种方法之一来上传和下载WordPress文件。您最终可能会偶然发现一个更简单或更实用的解决方案。 您可以为您的网站生成备份并保护您的网站文件,从而消除有关您的网站究竟有多安全的问题。 具有强大 WordPress 文件知识的开发人员能够成功地将文件访问权转移给网站所有者,并解决网站带来的任何问题。 如果网站被黑客入侵或发生使网站崩溃的冲突,通常需要访问 WordPress 文件。例如,有时您需要移除或更换损坏的。 当您可以轻松浏览WordPress文件时,对WordPress错误进行故障排除会容易得多。 WordPress文件存储在哪里? 正如您的计算机软件和媒体文件存储在内部硬盘驱动器上一样,WordPress 网站文件也放置在服务器上,以确保它们能够提供各种各样的内容、设计调用和操作,这些内容、设计调用和操作共同呈现完整的网站体验给用户。 该服务器有时称为机器或计算机,位于某个物理位置。这主要是托管服务器,一台外观和功能与您的计算机相似的机器。 物理位置取决于您计划如何托管您的网站。可以从您自己的家中或办公室运行服务器。许多公司运行自己的服务器系统以保持对其数据的完全控制。另一方面,许多网站存储在远程服务器上,通常由托管公司管理。 您的 WordPress 站点文件会上传到连接 Internet 的服务器,该服务器能够在正确的时间保护和提供正确的文件。此外,主机服务器使您能够通过数字接口访问文件,即使文件本身位于数据中心服务器上的其他位置。 有许多类型的服务器和托管选项,但其中一些包括以下内容: 共享主机。 基于云的托管。 虚拟专用服务器。 专用网络服务器。 WordPress托管服务器。 您决定的托管最终取决于您希望对站点文件进行多少访问和控制。 本地存储 也可以将WordPress文件存储在本地机器上。例如,您可以访问WordPress.org网站并下载包含最新版本的WordPress及其zip文件。 许多开发人员出于不同的原因将他们的站点文件存储在本地计算机上。首先,在发布网站供公众查看之前,您可能希望在不太公开的环境中开发和设计网站。沿着这条路线走意味着您将添加到原始文件并使用开发沙箱和桌面服务器,如XAMPP或WAMP。 单击此处了解如何安装本地版本的WordPress。 本地安装背后的目标是模仿托管公司提供的配置。您将获得一个类似的托管堆栈来提供您的文件并从您的本地文件生成站点功能。可以在浏览器中呈现您正在进行的网站以测试进展情况。利用临时环境或沙箱工具也很常见,这有助于开发和测试,提供更改预览和比文件目录中看到的更友好的用户体验。 如何访问WordPress文件? […]

WordPress Better Search Replace,Search Regex,Search Replace DB,数据库替换,数据库查询 文字详细教程

在管理您的WordPress网站时,在这里做些小改动通常没什么大不了的。但是,有时您需要一次更新站点上的许多元素,在这种情况下,可能需要进行WordPress搜索和替换。 例如,也许您刚刚从HTTP迁移到HTTPS,并且您需要更新WordPress数据库中的所有硬编码HTTP URL。或者,您可能正在更改域并需要更新所有数据库引用。在很多情况下,知道如何执行批量WordPress搜索和替换可以为您节省大量时间。 在这篇文章中,我们将解释什么是WordPress搜索和替换,以及何时可能需要进行搜索和替换。然后,我们详细介绍几种不同的搜索替换方法。 WordPress搜索和替换概述 如何执行WordPress搜索和替换 WordPress搜索和替换概述 在少数情况下,您可能需要在WordPress网站上执行搜索和替换。最常见的情况之一是当您想要替换添加到多个页面或文章的一段文本(例如免责声明或个人简介)时,但您不知道它当前所在的每个位置。 与手动搜索每个文章和页面以查找要切换的文本相比,能够进行批量搜索和替换可以节省大量时间。此外,您不仅可以在文本上使用此技术。 例如,您还可以执行批量WordPress搜索并替换WordPress数据库中的URL和图像。如果您想,此功能会派上用场: 更新您的搜索引擎优化 (SEO) 关键字 更正语法或拼写问题 删除某些单词或特殊字符 迁移后将您的HTTP URL更新为HTTPS 将您的网站从www移到非www网址(反之亦然) 更新旧的简码、内容或文本字符串 我们要提到的一件事是没有“撤消”选项。一旦替换了文本或其他内容,就无法取回旧版本。您将不得不进行另一次批量搜索和替换才能逆转该过程。这就是为什么我们强烈建议在任何WordPress搜索和替换例程之前执行备份。 如何执行WordPress搜索和替换 有很多不同的方法可以执行 WordPress 搜索和替换。让我们来看看五个推荐的选项。 1.安装WordPress搜索和替换插件 您可以使用插件执行WordPress搜索和替换而无需手动搜索您的数据库。您可以使用的一种流行解决方案是Better Search Replace: WordPress插件-Better Search Replace Better Search Replace插件是由一个WordPress团队-Delicious Brains开发的,其灵感来自于互连/it PHP 脚本,我们将在下一个方法中提及。 温馨提示:在撰写本文时,Better Search Replace已经几个月没有更新了。尽管我们在尝试时没有遇到任何问题,但我们强烈建议先备份您的站点并在临时环境中进行测试,然后再将其推送到实时站点。 Better Search Replace的一些功能包括: 对所有表的序列化支持。 选择特定表的能力。 进行“试运行”以查看将更新多少字段的选项。 除了WordPress的运行安装之外,没有服务器要求。 WordPress多站点兼容性。 此工具有数百种不同的用例。正如您在下面的示例中看到的那样,在“更好的搜索替换”选项中,您可以轻松搜索任何硬编码的HTTP引用并使用HTTPS版本进行更新: Better Search Replace插件选项 该插件还有一个专业版,可让您访问更多功能。您可以查看有关如何更好地使用此插件的官方文档。 您可能会考虑使用的另一个工具是Search Regex: […]

WordPress Apache,htaccess,Nginx,Web服务器 文字详细教程

您的WordPress站点的.htaccess文件是Web服务器Apache使用的基本配置文件。但很多服务器使用的Web服务器是Nginx而不是Apache,您实际上不会拥有.htaccess文件。 但是,如果您在其他地方托管站点,了解.htaccess文件很重要,这也是您经常在WordPress教程中看到的主题。 在本文中,您将详细了解WordPress站点.htacces 文件是什么以及它可以让您做什么。 .htaccess更详细的解释 不使用.htaccess站点服务器:您如何进行更改? 什么是WordPress站点.htaccess文件? .htaccess文件是Web服务器Apache使用的基本配置文件,可让您创建告诉Web服务器如何运行的特殊规则。它位于根文件夹中。 默认情况下,您的WordPress站点使用.htaccess文件来控制站点的永久链接结构,但许多插件也将.htaccess文件用于其他目的,例如: 添加特殊规则以更有效地提供缓存内容。 设置自动重定向 将HTTP重定向到HTTPS 基于IP地址禁止/限制访问 增加最大上传大小 什么是.htaccess?更详细的解释 回顾一下,.htaccess是Web服务器Apache使用的配置文件,它是大多数预算共享主机使用的Web服务器。作为一个基本的配置文件,它允许您创建特殊的规则来告诉您的Web服务器如何运行。 默认情况下,您的WordPress站点使用.htaccess文件来控制站点的固定链接结构。许多WordPress插件也使用.htaccess文件。例如,如果您有一个缓存插件,它可能会向您的.htaccess文件添加自己的特殊规则,以更有效地提供缓存内容。 除此之外,您还可以将自己的代码片段添加到您网站的 .htaccess 文件中,这样您就可以执行以下操作: 重定向– 您可以在临时(如307)或永久的基础上设置自动重定向。例如,如果您更改网站的URL,您需要设置301重定向以确保不会损害您的流量或SEO。或者,如果您最近安装了SSL证书,则可以将HTTP重定向到HTTPS。 安全性– 您可以限制访问您的全部或部分站点以提高WordPress安全性。例如,您可以将其设置为只有某些列入白名单的IP地址(例如您的IP地址)才能访问您站点的管理区域。或者,您也可以禁止整个站点中的特定IP地址。 其他配置调整– 您可以调整服务器的运行方式。例如,您可以增加最大上传大小来修复“uploaded file exceeds the upload_max_filesize directive in php.ini”错误。 如何在WordPress中找到.htaccess文件 如果您使用的Web服务器是Apache,则可以通过FTP或cPanel文件管理器连接到站点的服务器来定位和编辑站点的.htaccess文件。 连接到服务器并能够浏览站点文件后,您可以在站点的根文件夹中找到WordPress站点的.htaccess文件,该文件夹与包含wp-config.php文件和wp-admin和wp-content文件夹: WordPress站点的.htaccess文件所在的位置 默认情况下,您的站点将只有一个.htaccess文件——位于根文件夹中的文件。 但是,可以在单独的目录中使用多个.htaccess文件,尽管WordPress在其默认状态下不会这样做。 .htaccess文件适用于它所在的目录以及所有子目录,因此您可以将.htaccess文件添加到子目录以添加仅适用于该目录(及其任何子目录)的规则目录)。然而,通常只使用一个.htaccess文件并将所有规则保留在那里更简单。 WordPress站点.htaccess文件示例 默认情况下,您的WordPress站点的.htaccess文件仅包含一个控制站点固定链接功能的规则。这是它应该是什么样子的示例: WordPress站点默认.htaccess文件的示例 如何将您自己的规则添加到.htaccess 确保在进行任何编辑之前备份您网站的.htaccess文件,因为即使是一个小错误也可能使您的WordPress网站无法访问。 要添加您自己的.htaccess 规则,您需要在现有WordPress站点.htaccess规则的上方或下方添加相关代码片段。 我们将分享一些您可以做什么的示例,但免费的 .htaccess生成器站点提供了一个非常方便的工具来生成执行各种不同操作所需的代码片段。 将所有流量重定向到您网站的HTTPS版本 RewriteEngine On RewriteCond %{HTTPS} off […]

WordPress WordPress配置,wp-config.php 文字详细教程

WordPress安装最重要的文件之一是配置文件。它驻留在根目录中,包含常量定义和PHP指令,使WordPress按您想要的方式工作。WP-config.php文件如数据库连接细节,表前缀,路径对特定目录和很多相关的特定设置文件存储数据功能。 基本的wp-config.php文件 基本配置:编辑文件系统 开发人员功能:调试模式和保存查询 内容相关设置 允许的内存大小 自动更新 安全设定 其他高级设置 锁定wp-config.php 基本的wp-config.php文件 首次安装WordPress时,系统会要求您输入所需信息,例如数据库详细信息和表前缀。有时您的主机会为您设置WordPress,您不需要手动运行设置。但是,当您手动运行5分钟安装时,系统会要求您输入一些存储在wp-config中的最相关数据。 当您运行设置时,您将需要输入存储在wp-config.php文件中的数据 这是一个基本的wp-config.php文件: // ** MySQL settings – You can get this info from your web host ** // /** The name of the database for WordPress */ define(‘DB_NAME’, ‘database_name_here’); /** MySQL database username */ define(‘DB_USER’, ‘username_here’); /** MySQL database password */ define(‘DB_PASSWORD’, ‘password_here’); […]

WordPress wp_enqueue_scripts,资源队列 文字详细教程

在WordPress中,不是简单地将这些添加到标题中,您应该使用一种称为入队的方法,这是一种处理资产的标准化方式,具有管理依赖项的额外好处。在下面了解如何使用 wp_enqueue_scripts. 排队的工作原理 使用wp_enqueue_scripts排队基础知识 依赖管理 在页脚中加载脚本 为样式指定媒体 排队的工作原理 将脚本或样式排入队列时需要执行两个步骤。首先你注册它——告诉WordPress它在那里——然后你实际上将它排入队列,最终将它输出到标题中或在结束正文标签之前。 有两个步骤的原因与模块化有关。有时您会想让WordPress知道某个资产,但您可能不想在每个页面上都使用它。例如:如果您正在构建一个使用Javascript的自定义图库简码,您实际上只需要在使用简码时加载JS – 可能不是在每个页面上。 实现这一点的方法是首先注册脚本,只有在显示简码时才真正将其排入队列。 使用wp_enqueue_scripts入队基础知识 要在前端排队脚本和样式,您需要使用wp_enqueue_scripts钩子。在该挂钩的函数可以使用wp_register_script(),wp_enqueue_script(),wp_register_style()和wp_enqueue_style()功能。 add_action( ‘wp_enqueue_scripts’, ‘my_plugin_assets’ ); function my_plugin_assets() { wp_register_style( ‘custom-gallery’, plugins_url( ‘/css/gallery.css’ , __FILE__ ) ); wp_register_script( ‘custom-gallery’, plugins_url( ‘/js/gallery.js’ , __FILE__ ) ); wp_enqueue_style( ‘custom-gallery’ ); wp_enqueue_script( ‘custom-gallery’ ); } 在上面的例子中,我在同一个函数中注册和排队资产,这有点多余。实际上,您可以使用入队函数立即注册和入队,方法是使用与注册函数中相同的参数: add_action( ‘wp_enqueue_scripts’, ‘my_plugin_assets’ ); function my_plugin_assets() { wp_enqueue_style( ‘custom-gallery’, plugins_url( […]

WordPress JSON,REST API,WordPress API 文字详细教程

WordPress REST API正在改变WordPress。您可能没有注意到,因为其中很多都在幕后,但是REST API的含义对WordPress的未来产生了巨大的影响,无论是在代码库还是使用方面。 如果您没有使用过WordPress REST API,您可能想知道它是什么。因此,让我们先看看REST API是什么。 在本文中,我们讲解WordPress REST API的一些基础知识。我们将研究它的作用、工作原理以及它给平台带来的变化。最后,我们将讨论您可以用它做的一些事情。 当REST API最终被添加到WordPress的核心时,漫长的旅程就结束了。许多人预计这一变化是该平台历史上WordPress向前迈出的最大一步。但是,如果您不熟悉REST API,您可能会对它所获得的所有关注感到困惑。 简而言之,WordPress REST API的加入使WordPress变成了一个功能齐全的应用程序框架。这显着提高了它的“可扩展性”,或者说它可以通过新特性和功能进行扩展。此外,它还扩展了平台与其他站点和应用程序进行通信的潜力。 什么是WordPress REST API? 了解WordPress REST API 如何访问WordPress REST API WordPress REST API命令概述 何时不使用WordPress REST API 使用WordPress REST API的实际应用程序 什么是WordPress REST API? 在我们深入研究WordPress REST API之前,了解我们的术语很重要。这是一个我们需要使用大量首字母缩略词的主题,所以让我们先把它们弄清楚。 什么是应用程序编程接口 (API)? 首先,您需要知道什么是应用程序编程接口 (API)。用最简单的术语来说,API是一个系统使其他系统能够连接到其数据的一种方式。例如,当网站向页面添加Facebook的“Like”按钮时,它会通过连接到Facebook的API来实现这一点。这让网页可以使用API来接收数据(点赞按钮的代码)和发送数据(点赞请求)。 应用程序编程接口或API被定义为: “客户端和服务器之间的接口或通信协议,旨在简化客户端软件的构建。” 如果您不熟悉API,那可能没有多大帮助。更简单地说,API是一组允许一个系统与另一个系统交互(或“接口”)的代码。如果您曾经将Google地图添加到您的WordPress站点,那么您就使用了Google的Maps API,它允许您的WordPress站点与Google Maps交互。 这些系统不需要完全分开。WordPress已经有多个API,用于插件、设置和短代码等。插件和主题开发人员可以使用这些来与WordPress核心进行交互并使事情发生(例如创建短代码和向WordPress管理员添加设置屏幕)。 与REST API的不同之处在于它允许WordPress安装本身之外的系统与WordPress交互,这就是REST部分的用武之地。 什么是具象状态转移 (REST)? […]

WordPress WordPress子主题,主题开发,子主题,子主题开发 文字详细教程

您已经运行WordPress网站一段时间了,它一直在做您需要做的事情。但是现在,您决定需要对其进行自定义。 或者,您可能正在使用从主题目录下载的主题或已购买的主题创建站点,但您意识到它不能完全按照您的需要运行。 那你怎么办呢? 您可以找到一个插件来提供您需要的自定义或切换到新主题。但是,如果您对当前的主题感到满意并且找不到可以添加您需要的功能的插件怎么办? 答:您需要自定义您的主题。最佳实践说:您通过(WordPress)子主题来做到这一点。 在本教程中,我们将更多地讨论子主题是什么以及它是如何工作的。我们还将带您完成从头开始创建主题的过程,并向您展示如何将修改后的主题变成子主题。 修改现有主题是开始WordPress开发的好方法。更改的结果将很容易看到和理解。但是,直接对活动主题进行编辑可能会导致问题,因为即使是一个小错误也可能导致主题无法使用。每当主题更新时,您所做的所有更改也将丢失。 然而,有一种方法可以避免这些问题,那就是创建“子主题”。子主题的工作方式与任何其他WordPress主题大致相同,不同之处在于它使用现有主题作为基础(或“父”)。您对子主题所做的更改将反映在您的站点上,而无需直接更改父主题。 自定义WordPress的方法 什么是WordPress子主题? 何时在WordPress中使用子主题(优点) 何时不使用WordPress子主题(缺点) 如何创建WordPress子主题 如何激活WordPress子主题 如何在WordPress中自定义您的子主题 如何对子主题和父主题进行故障排除 使用WordPress子主题时的有用提示 自定义WordPress的方法 自定义主题有风险。如果您在第三方主题(例如您从市场上购买的主题)中编辑代码,那么当您下次更新主题时,您所做的所有更改都将丢失。这意味着您的网站不仅会恢复原状,而且您的所有工作都被浪费了。 可以通过三种方式自定义您的WordPress网站: 直接编辑您的主题。 安装插件。 创建当前主题的子主题。 让我们依次来看看其中的每一个。 编辑您的主题 如果您的网站运行自定义WordPress主题,这意味着它是专门为您的网站开发的,您可以选择安全地编辑它,因为下次更新主题时不会丢失您的自定义设置。 相反,如果您或您的开发人员将来对主题进行更改,您将编辑的是主题的自定义版本,而不是更改之前的原始版本。 这并不意味着编辑您的主题并非没有风险。如果您没有编写主题的经验,创建子主题可能仍然更安全(我们稍后会看到如何)。这是我做的事情:我有一个基本主题,我在我所有的网站上使用,具有标准布局、钩子和函数,然后我在每个网站上使用子主题对其进行自定义。 如果您直接编辑主题,请确保保留原始主题的备份,不要在实时站点中编辑主题(改用开发或临时站点),并使用版本控制来跟踪您的更改。 如果您使用的是第三方主题,则永远不要直接编辑它。相反,使用插件或创建子主题。 添加插件 自定义WordPress主题的第二个选项是安装或编写插件。 如果您要进行的自定义是功能性的而不是与设计相关的,那么插件是一种更合适的方法。所以如果你想添加额外的代码,最好还是创建一个插件。 插件不必很大或很复杂:如果您需要向主题中的functions.php文件添加额外的代码,请创建一个简单的插件来向您的站点添加几行代码。一个很好的例子是注册自定义文章类型。 将代码添加到主题的functions.php可能很诱人,但添加帖子类型是对网站的功能更改,而不是设计更改。如果您以后要切换主题,您不会希望丢失这些帖子类型以及您使用它们创建的所有帖子。这就是为什么您应该安装或创建插件的原因。 有时您可以找到一个现有的插件来满足您的需求,但有时您可能需要自己编写插件代码。 WordPress插件库 如果对是否应该创建插件或自定义主题(或子主题)有疑问,请问自己:如果我想在将来更改网站的设计并安装新的WordPress主题,我是否希望保留此更改? 如果答案是肯定的,这意味着更改是功能性的而不是美学的,它应该包含在插件中。 创建子主题 自定义WordPress主题的第三个选项是创建子主题。 以下是您使用子主题的一些场景: 您希望更改网站的设计,而不是功能。 您的网站正在运行第三方主题或您想在当前状态下再次使用的主题。 您不想直接编辑现有主题,以防它引起问题(可能您不是经验丰富的主题开发人员)。 您的站点正在运行一个设计为父主题的主题,例如框架主题。这些主题具有许多自定义选项,例如hooks,专为您添加到您自己的子主题而设计。 因此,子主题是一种向您的网站添加自定义内容的有效且安全的方式。因此,让我们更深入地了解它们。 什么是WordPress子主题? 那么,WordPress中的子主题究竟是什么?它是如何工作的? 子主题是与另一个主题协同工作的主题,称为父主题。 它包含一些特定的说明来告诉WordPress这是一个子主题以及父主题是什么。WordPress 然后在大多数情况下使用来自父主题的代码,但会使用来自子主题的代码(如有必要)覆盖它。 在许多方面,子主题的功能就像一个“正常”的WordPress主题。它以相同的方式安装、启用和配置。子主题的独特之处在于它依赖于另一个主题来确定其大部分内容。另一个主题被称为“父主题”。 WordPress将始终优先考虑子主题的设置。因此,你能想到的子主题为坐在前面的家长。如果子主题中的设置覆盖了父主题中的匹配设置,则子主题优先。这使您可以仅更改要更改的主题部分,其他所有内容都由现有父级处理。 例如,大多数父主题包含定义不同标题文本级别的样式,例如h1、h2、h3、h4等。假设父主题将h1字体大小定义为20px,但子主题指定与32px相同的标题。在这种情况下,WordPress会将后一种样式应用于所有h1文本。但是,如果同一个子主题不包含h2、h3 和 […]

WordPress WordPress钩子,动作钩子,回调函数,过滤器钩子,钩子函数 文字详细教程

WordPress钩子(Hook)是WordPress开发人员的武器库中最重要的工具之一。它们是WordPress插件和主题开发的基础。您可以使用WordPress的许多内置钩子将自定义代码“连接到”WordPress核心,并执行或修改某些内容。 有两种类型的WordPress钩子:Actions和Filters。Hook非常普遍,甚至WordPress Core本身也广泛使用它们。WordPress还提供了一种让您定义自己的自定义钩子的方法,以便其他开发人员可以挂钩到您的代码中。 了解动作、过滤器和自定义钩子的工作原理对于掌握WordPress开发至关重要。 本文的前半部分介绍了WordPress钩子的基础知识,并解释了它们如何与多个示例一起工作。在后半部分,您将学习如何使用钩子来自定义WordPress,创建自己的自定义钩子,并使用它们来构建自己的可扩展插件。 什么是WordPress钩子? 钩子 vs 动作 vs 过滤器 WordPress钩子如何工作? 在哪里注册钩子及其函数? 使用WordPress钩子 WordPress钩子列表和资源 查找在WordPress页面上注册的钩子 “所有”钩子 WordPress钩子存储在哪里? 如何创建自定义WordPress钩子 从WordPress钩子中删除回调函数 更多WordPress钩子教程 什么是WordPress钩子? 一个WordPress的页面是由很多的功能和数据库查询组装。WordPress核心、插件和主题协同工作以输出页面元素,如文本、图像、脚本和样式。完全组装后,浏览器会将它们放在一起并呈现页面。 WordPress钩子允许您在某些点“钩入”这个构建过程并运行您的自定义代码。钩子的主要功能是让你在不接触核心文件的情况下修改或添加功能到WordPress 。 钩子将帮助您使用自己的代码扩展WordPress 在WordPress的插件API赋予WordPress钩子的功能。您可以通过在WordPress运行时在特定实例中调用某些称为Hook Functions的WordPress函数来使用钩子。 使用钩子函数,您可以将自定义代码捆绑在回调函数中,并将其注册到任何钩子中。注册后,此回调将在钩子所在的任何地方运行,允许您增加或替换默认的WordPress功能。 钩子在代码执行过程中的位置是一个重要的因素。您将在接下来的部分中详细了解其重要性。 两种类型的WordPress钩子:动作和过滤器 WordPress包括两种类型的钩子,称为Actions和Filters。动作允许您在WordPress运行时的某些预定义点执行某些操作,而过滤器允许您修改WordPress处理的任何数据并返回这些数据。 动作(Actions)在WordPress代码中定义为: do_action( ‘action_name’, [optional_arguments] ); action_name字符串是动作的名称。您可以指定[optional_arguments]变量以将附加参数传递给回调函数。如果未指定此字段,则其默认值将为空。 示例:do_action( ‘wp_head’ )每次WordPress处理站点标题时,都可以挂接该动作以运行自定义代码。此动作没有任何其他参数。 过滤器(Filters)在WordPress代码中定义为: apply_filters( ‘filter_name’, ‘value_to_be_filtered’, [optional_arguments] ); filter_name是过滤器的名称,value_to_be_filtered是可以被过滤器函数修改的值,[optional_arguments]可选,若干个可以传递给过滤器函数的参数。 例如:apply_filters( ‘admin_footer_text’ , string $text ) 这个过滤器可以用来修改管理页脚显示的文本。从WordPress […]

WordPress DEBUG,WordPress调试模式,WP Debugging 文字详细教程

在一个完美的世界中,您永远不会遇到需要调试的问题。但在现实世界中,您几乎肯定会在WordPress网站上遇到需要深入了解的问题。 为了帮助您做到这一点,WordPress包含其自己的内置调试模式,您还可以找到有用的第三方工具来帮助您调试WordPress。 在这篇文章中,我们将深入研究内置的WordPress调试模式并向您展示如何启用它。然后,我们还将分享其他一些调试WordPress网站的方法。 这是我们将涵盖的所有内容: WordPress调试模式和调试日志介绍 如何启用WordPress调试模式(三种方法) 调试WordPress的其他一些方法 WP Debug有什么作用? 核心WordPress软件是用PHP编写的,插件和主题也是如此。 如果您的网站出现问题,WordPress Debug模式可以通过显示所有PHP错误、通知和警告来帮助您找出问题所在。 启用Debug模式后,只要出现问题(即使它不会立即引起问题),您就会看到如下消息: WordPress网站上的WP_DEBUG错误示例 然后,您可以修复问题或将其报告给您的开发人员或主题/插件的开发人员。 什么是WordPress调试日志? 当你本身启用WordPress的调试模式,你会看到的消息像上面网站上的例子在那一刻-但这些消息不会被保存任何地方。 如果您想保存它们,您还可以启用WordPress调试日志以将所有这些消息和错误保存到您服务器上的文件中。 通过将WP_DEBUG_LOG常量设置为true启用后,WordPress会将所有问题写入以下文件: wp-content/debug.log 但是,您也可以指定自定义文件路径以将日志写入服务器上的其他位置。 如果您想将问题保存到日志中但不想在页面的HTML中公开显示它们(如上面的示例屏幕截图),您还可以使用WP_DEBUG_DISPLAY常量来保持启用调试模式但不在您的站点上显示消息。 通常,您需要WP_DEBUG_DISPLAY与WP_DEBUG_LOG. 如何启用WordPress Debug模式 要启用WordPress调试模式,您有多种选择。我们将介绍三种启用它的方法: 如何使用WordPress调试插件 如何手动启用WordPress调试模式 如何使用WordPress调试插件 您可以使用免费的WordPress调试插件,启用调试模式。WordPress.org上有几个选项,但我们推荐Andy Fragen提供的免费WP Debugging插件。 WP Debugging插件 安装并激活插件后,它会立即开始工作。默认情况下,它将以下常量设置为true(即启用以下功能): WP_DEBUG – 启用调试模式。 WP_DEBUG_LOG – 将消息保存到日志文件。 SCRIPT_DEBUG SAVEQUERIES 我们将在本文稍后介绍最后两个常量的作用。 要配置一些选项,您可以转到工具 → WP Debugging: WP Debugging插件设置 完成后,请确保禁用插件以禁用调试模式。 如何手动启用WordPress调试模式 最后,您还可以通过手动将常量添加到wp-config.php文件来启用WordPress调试模式。 首先,通过FTP连接到您的服务器并编辑wp-config.php文件。默认情况下,此文件位于您站点的根文件夹中(除非您出于安全原因移动了它)。 要启用只是基本的WordPress的调试模式,添加下面的代码片段上面写着/* That’s all, […]

WordPress localhost,本地开发环境 文字详细教程

在计算机网络中,“localhost”是指运行特定程序的计算机。例如,如果您在自己的计算机上运行程序(如Web浏览器或本地Web开发环境),那么您的计算机就是“Localhost”。另一方面,如果您谈论的是位于主机Web服务器上的MySQL数据库,那么您主机的Web服务器就是该场景中的“Localhost”。 用最简单的术语来说,您基本上可以将localhost视为“这台计算机”的意思。 请记住,“这台计算机”适用于程序, 不一定适用于您实际使用的计算机。 localhost通常将IP地址解析为127.0.0.1,也称为环回地址。由于其重要性,术语“localhost”是一个保留域名。也就是说,为避免混淆,不能注册顶级域名或二级域名中包含“localhost”的域名。 使用WordPress遇到Localhost的2种常见情况 在与WordPress相关的两个方面,您可能会遇到术语localhost: 在本地环境中开发/测试WordPress网站 设置/配置对WordPress站点数据库的访问 首先,许多WordPress开发人员创建了一种称为“本地测试环境”的东西来构建WordPress网站。从本质上讲,这个环境模仿了一个实时网站,但在用户自己的计算机上是完全独立的。 由于该站点仅存在于本地主机上,因此开发人员可以轻松地进行测试,而不必担心破坏可能正在接收外部流量的实时网站上的某些内容。网站完成后,开发人员可以将网站从他们的本地主机环境移动到实时服务器环境。 除了WordPress开发和测试之外,如果您手动输入或编辑WordPress站点的数据库凭据,您也可能会遇到术语localhost。这可能在您编辑wp-config.php文件或使用插件时发生。 下面,您将了解有关每种情况的更多信息…… 如何在本地安装WordPress(您的“本地主机”) 您可以使用许多通用工具和特定于WordPress的工具来创建本地WordPress开发环境。使用这些工具中的任何一个,您实际上都可以在自己的计算机上创建一个独立的Web服务器。以下是一些最常见的WordPress本地开发工具: DesktopServer – 一个特定于 WordPress 的本地开发解决方案。我们实际上有一个关于如何使用DesktopServer在本地安装WordPress的详细指南。 MAMP – 可以同时使用Apache和NGINX的跨平台本地开发环境。 XAMPP – 使用Apache Web服务器的通用本地开发环境。 WampServer – 一个特定于Windows的Apache Web开发环境。 更多本地开发环境软件 使用所有这些工具,您首先需要安装和配置它们以创建本地环境。这本质上是一个Web服务器localhost (也就是说,它是一个运行在“您的计算机”上的Web服务器)。本地服务器环境运行后,您可以像在主机上一样在其上安装WordPress。一些工具,如DesktopServer,还包括快速安装WordPress的内置机制。 然后,您可以通过在浏览器地址栏中键入“localhost”来访问本地WordPress站点: 本地开发环境示例 为什么您的WordPress数据库在大多数情况下都位于本地主机 正如您在本文开头所了解的,“localhost”是指运行程序的计算机。 这就是为什么这对您的WordPress网站的数据库很重要: 在99%的情况下,您的WordPress站点的数据库将与您的WordPress站点的其余文件位于同一台服务器上。因此,每当您编辑wp-config.php文件或插件询问您的“MySQL主机名”或“MySQL主机”时,您都可以输入“localhost”。 例如,在安装WordPress时wp-config.php文件中的DB_HOST条目如下所示: wp-config.php文件中的本地主机 同样,如果您使用Duplicator之类的插件来迁移WordPress网站,那么当插件要求您输入数据库的主机值时,您可以输入“localhost”: Duplicator插件中的localhost使用 在这两种情况下,您基本上是在告诉WordPress(或 WordPress 插件)查找WordPress所在的同一服务器的数据库。 除非您是开发人员,否则您不太可能每天都遇到localhost一词,但了解localhost与WordPress的关系确实会派上用场。 记住——为了更容易记住localhost是什么,想想像“这台计算机”或“运行这个程序的计算机”这样的短语。就是这么简单!

WordPress WordPress翻译,主题翻译 文字详细教程

大多数WordPress主题都带有一种且唯一的语言——英语。本教程向您展示如何将任何WordPress主题翻译成您选择的本地语言。 事前准备工作 在开始本指南之前,您需要以下内容: 按照Poedit软件到您的计算机上。Poedit提供 OS X和Windows版本,可以从这里下载。 您计算机上的WordPress主题文件。 第 1 步 — 打开主题的默认语言模板 打开Poedit并选择Create new translation: 将弹出一个新窗口,选择您要翻译的WordPress主题。主题的默认翻译模板位于THEMEXXX/lang/YYY.po,其中THEMEXXX是您的主题的名称和YYY– 主题的默认语言(themename/lang/en_EN.po在本例中): 接下来,从下拉菜单中选择您要将主题翻译成的语言: 您现在已准备好翻译您的主题。 第 2 步 — 翻译您的主题 突出显示您要翻译的任何字符串: 在Translation部分输入源字符串的所需翻译: 翻译完主题后,将文件(lt_LT在本例中)保存在与原始模板相同的目录中: 第 3 步 — 更改您的WordPress网站语言 将您在步骤2中保存的.po文件lt_LT.po(在本示例中)和.mo文件(lt_LT.mo由Poedit自动生成)上传到您的主机帐户上的相应目录。该目录应类似于public_html/wp-content/themes/THEMEXXX/lang,其中THEMEXXX是您的WordPress主题的名称。 打开wp-config.php文件(它位于您的WordPress安装根目录中)并添加以下行:define (‘WPLANG’, ‘ZZZ’);,ZZZ您用来保存翻译的文件的名称在哪里(在本例中的lt_LT): 您的主题现在将显示为已翻译: 小结 现在您知道如何使用Poedit翻译编辑器翻译您的WordPress主题了。如果您想使您的网站适应您的本地语言,这项技能很有价值。同样的翻译原则也适用于WordPress插件。

WordPress ADA,WCAG,网站可访问性 文字详细教程

在设计网站时,考虑您的受众很重要。如果您不针对各种用户优化网站,您将限制谁可以查看您的内容。如果不积极考虑 WordPress 的可访问性,它可能会导致用户快速离开您的网站并且永远不会返回。 专注于 WordPress中的可访问性使更多的人能够浏览该网站并与之交互。借助可访问的设计和包容性功能,可以改善残障人士的整体用户体验 (UX)。 在本文中,我们将仔细研究WordPress可访问性选项以及如何在您的网站上实施它们。然后,我们将向您展示如何在发布您的内容之前测试新功能。 什么是Web可访问性? Web可访问性的主要特点是什么? WordPress可访问性的8个要点 1. 选择正确的WordPress主题 2. 使用插件添加功能特性 3. 用替代文字描述你的图片 4.使用清晰的字体 5.选择对比色 6.添加标题 7.使用描述性锚文本 8. 为视频写字幕和文字记录 如何测试WordPress可访问性 WordPress可访问性常见问题解答 我的WordPress网站是否符合ADA标准? WordPress的可访问性如何? 什么是Web可访问性? Web可访问性是使网站可供各种用户(包括残疾人)访问的过程。即使某人有视觉或运动障碍,网络可访问性也可以让他们平等地访问在线内容。 WordPress可访问性简介 例如,简单的对比色方案将使色盲用户能够轻松阅读内容。此外,由于其他访问者可能无法使用鼠标,因此您只需使用键盘即可使您的网站可导航。 在美国残疾人法案 (ADA)通过后,网络无障碍成为法律要求。如果您是Web开发人员或网站所有者,则在设计页面时必须牢记Web内容可访问性指南 (WCAG)。 例如,内容需要是: 可感知。在线用户应该能够辨别网页上的信息,即使他们使用的是屏幕阅读器等辅助技术。 可操作。网站必须易于浏览,无论访问者使用鼠标、键盘还是语音命令。 可以理解。您的内容必须可读且易于理解。 可自适应。用户应该能够使用各种设备访问您的内容,包括移动设备、浏览器和屏幕阅读器。 对于WordPress,可访问性选项可能会受到影响。尽管WordPress可访问性团队始终评估核心软件、主题和插件,但不能保证这些功能会合规。 本质上,开发人员和内容创建者负责选择他们自己的可访问性工具包。这可能需要额外的时间和精力,但它提供了许多好处: 使广泛的用户能够查看您的内容 改善残障人士的整体用户体验 它有助于与您的观众建立信任 简而言之,您希望每个人都能够访问您的WordPress网站。许多网站将有视力障碍或其他残疾的用户排除在外,但您应该在开发和设计过程中积极考虑他们。 Web可访问性的主要特点是什么? 在使您的网站可访问时,您需要处理几个功能。这些包括: 导航。访问者应仅使用键盘或辅助技术访问网站的任何部分。 替代文字。为视障用户使用描述性文本,以便他们可以使用屏幕阅读器访问信息。 配色方案。调色板应该有对比色,使内容更具可读性。 字体。网站上的所有文本大小至少应为16像素,并使用清晰的字体样式。 即使您无法考虑所有医疗状况,但这些功能可以确保更多人可以与您的网站互动。 WordPress可访问性的8个要点 现在我们已经了解了Web可访问性的重要性,让我们讨论如何优化您的网站以符合这些准则。 1. 选择正确的WordPress主题 […]

WordPress React,React应用,React项目 文字详细教程

WordPress是一个功能强大的内容管理系统 (CMS),可让您构建从简单网站到复杂复杂的电子商务商店的所有内容。要将平台的PHP代码与JavaScript集成,您可以利用WP REST API和WordPress React。 React由Facebook开发,是一个用户界面 (UI)库,它使用一种简单的、基于组件的方法来构建易于理解的可扩展、跨平台的应用程序。但是,重要的是要学习如何正确使用它以充分利用其特性和功能。 在本指南中,我们将解释如何在WordPress中使用React。我们将讨论什么是框架,概述它的好处,并向您展示如何使用它。 React特性和功能 JSX 虚拟DOM 组件 状态 为什么要使用React? WP REST API概述 React——开始之前 如何从React查询WP REST API 如何使用React创建自定义文章类型 如何创建React WordPress主题(2 种方法) 1. 使用WP脚本创建一个React WordPress主题 2. 使用Create-React-WPTheme创建一个React WordPress主题 如何将React添加到自定义页面模板 如何在你的应用中使用React React简介 在开始之前,我们首先要问一个问题,“什么是React?” . 也称为 ReactJS,它是可用于Web开发的最流行的JavaScript库之一。 它由Facebook创建和维护,包含大量可用于构建UI组件的JavaScript代码片段。 与流行的看法相反,ReactJS不是一个JavaScript框架,因为它只呈现应用程序视图层的组件。因此,如果您正在寻找更复杂的功能,可以将其与Vue.js等实际框架配对。 同样重要的是要注意有ReactJS和React Native。后者是基于React库构建的开源JavaScript框架。您可以使用它为iOS和Android创建跨平台应用程序和特定于平台的组件。 React特性和功能 要了解React的好处,了解它的工作原理会很有帮助。以下是它的一些最重要的特性和功能: JSX React中使用的主要JavaScript语法扩展是JSX。您可以使用它在JavaScript对象中嵌入HTML代码并简化复杂的代码结构。 JSX还通过使第三方难以通过未明确写入应用程序的用户输入注入额外代码来帮助防止跨站点脚本 (XSS) 攻击。 JSX标记包括名称、子项和属性。一个典型的HTML图像标签看起来像这样: < img class = “” […]

WordPress PHP代码 文字详细教程

想知道如何在WordPress文章或页面上运行PHP代码?你来对地方了。在这里,我们将揭示如何将PHP添加到WordPress页面或文章中,以便您改进它们的功能。 将PHP代码添加到WordPress文章或页面的原因 默认情况下,WordPress不允许您在文章或页面中运行PHP代码。添加PHP函数的推荐方法是修改子主题或创建自定义页面模板。 尽管如此,在某些情况下,您可能希望将特定的PHP函数添加到单个文章或页面。在这些情况下,您可以使用WordPress代码小工具插件覆盖规则。 以下教程将指导您完成使用Insert PHP Code Snippet插件将PHP代码直接添加到WordPress文章或页面的过程。 如何使用插件将PHP代码添加到WordPress文章或页面 在深入学习本教程之前,请确保您已安装并激活Insert PHP Code Snippet插件。 1. 从您的WordPress仪表板,导航到XYZ PHP Code -> PHPCode Snippets。 2. 在PHP Code Snippets页面中,单击Add New PHP Code Snippet。将所需的 PHP 函数及其跟踪名称添加到指定的框中。在此示例中,我们将添加返回本地日期和时间的date()函数。然后,单击Create。 3. 如果该过程成功,屏幕上将出现一条确认消息和新功能。为将来使用,请通过检查“Action”部分确保您要使用的所有PHP函数都处于活动状态。活动的代码片段将显示一个绿色的暂停符号,而非活动的代码片段旁边将有一个绿色的复选标记。 4. 要将PHP代码添加到WordPress文章或页面,请将要使用的函数的片段短代码粘贴到所需位置。如果您使用的是Gutenberg区块编辑器,请使用简码或代码区块来显示它。 5. 就是这样!您新创建的文章应执行PHP代码,如下例所示: 小结 仅仅因为WordPress不允许您在文章或页面中运行 PHP 代码,这样做并非不可能。使用WordPress代码小工具插件,您可以轻松地将各种PHP函数添加到您的文章或页面中。

WordPress 预发布环境,预发布站点 文字详细教程

修改网站时,您需要确保所做的更改不会对您的网站产生负面影响。事故发生,网站崩溃,因此您需要一个安全的环境,您可以先在其中测试所有内容,然后再在线发布。 为确保安全有效的修改,您可以创建一个WordPress预发布站点。 本教程将向您展示如何创建一个预发布环境以安全地开发和修改您的WordPress网站,而不会影响您的原始网站。 什么是WordPress预发布环境? 为什么使用WordPress预发布环境? 如何使用WP Staging创建WordPress预发布环境 其他 WordPress 预发布环境插件 1. All-in-One Migration 2. Duplicator 3. WP Stagecoach 什么是WordPress预发布环境? WordPress预发布环境充当您网站的副本。使用它,您可以测试您计划对WordPress网站实施的任何更改,例如更新主题、插件或完全重新制作网站。 请记住,WordPress预发布站点仅用于开发目的,公众或搜索引擎无法访问。 开发人员通常会为同一个网站使用多个环境,以确保网站顺利运行。预发布环境站点是开发站点(开发人员在其中编写代码并执行初始测试)与生产站点(站点访问者看到的实时站点)之间的桥梁。 为什么使用WordPress预发布环境? WordPress预发布站点可帮助您安全地测试对网站所做的任何更改。 有了它,您可以修改站点而不会使其崩溃或更改实时版本的功能。这有助于避免停机时间和访问者糟糕的用户体验。 但是,使用WordPress预发布站点有其优点和缺点,例如: 优点 无风险环境。一个更安全的环境来修改您的网站,而不会危及实时网站的功能。 及早预防错误。它有助于在网站上线之前发现关键问题和系统崩溃。 灵活的设置。根据您的喜好,可以在本地或在线进行设置。 最好的输出。允许您构建一个更好的站点,因为您可以在启动它之前彻底测试所有内容。 缺点 陡峭的学习曲线。如果您是一个完整的初学者,那么创建一个WordPress预发布站点一开始似乎有些挑战。 额外费用。如果您更喜欢让预发布站点在线,它可能包括额外的插件或托管费用。 耗时。您将花一些时间测试WordPress预发布站点上的更改,并将这些相同的更改重新应用到该站点的实时版本。 如何使用WP Staging创建WordPress预发布环境 如果手动创建预发布站点似乎过于复杂,那么预发布站点插件可能是您的正确选择。 WP Staging是设置预发布环境的首选插件之一,因此我们建议在使用任何其他插件之前先尝试一下。 在使用WP Staging创建预发布站点之前,请确定是在您的活动站点的子目录、子域还是其他域上设置预发布站点。 在本教程中,我们将向您展示如何在子文件夹上创建WordPress预发布站点。 1. 在子文件夹中创建新的预发布站点 使用WP Staging创建预发布站点的最简单和最快的方法是使用子文件夹。此选项在免费和高级插件版本中均设置为默认值。 (1)在您的WordPress管理侧边栏上,导航到WP Staging -> Sites -> CREATE NEW STAGING SITE。 (2)在Staging Site Name字段中输入预发布站点的名称。在此示例中,您的预发布站点URL将为https://mysite.com/staging。 […]

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

菜单是网站上一些最常见的元素。使用WordPress,如果您的主题支持,您可以轻松自定义菜单并从多个显示选项中进行选择。但是,如果您想在自定义位置使用菜单,则需要编辑主题文件并添加wp_nav_menu函数。 通过将此功能与register_nav_menu结合使用,您将能够在网站的任何位置创建和放置菜单。即使您不是开发人员,添加和配置这些功能也相对简单。此外,您可以直接从WordPress仪表盘编辑菜单。 在本文中,我们将讨论WordPress的wp_nav_menu函数的工作原理。我们将向您展示哪些参数和类与wp_nav_menu一起使用,然后解释如何在您的主题中使用该函数。 wp_nav_menu参数 wp_nav_menu CSS类 步骤 1:使用wp_nav_register函数创建自定义菜单 步骤 2:编辑您的自定义WordPress菜单 步骤 3: 使用wp_nav_menu函数显示新菜单 什么是wp_nav_menu函数? wp_nav_menu是一个可以在WordPress中显示自定义菜单的功能。与显示现有页面列表的wp_page_menu不同, wp_nav_menu仅适用于自定义菜单。 您可以将该功能添加到任何主题的模板文件中,以控制您希望菜单出现的位置。这是一个没有任何特定参数的函数的快速示例: wp_nav_menu( array $args = array() ) 您需要指定要显示哪个菜单才能使代码正常工作。实际上,页面模板中的 wp_nav_menu 示例函数如下所示: wp_nav_menu( array( ‘theme_location’ => ‘custom-menu’) ); wp_nav_menu函数可以包含多个参数。在该示例中,我们使用theme_location来指定我们要使用的自定义菜单的名称。 如果您不习惯将代码添加到您的网站,您可以选择WordPress菜单插件。一些工具将使您能够创建和放置自定义菜单,就像您使用wp_nav_menu一样。 您也许还可以使用一些WordPress页面构建器。如果您已经在使用这些工具之一,请检查它是否提供自定义菜单功能。 WordPress的wp_nav_menu参数和CSS类 大多数WordPress函数都提供了各种预先确定的参数来修改它们的效果。对于wp_nav_menu,您同时拥有参数和CSS类。 wp_nav_menu参数 您可以使用一个或多个参数自定义wp_nav_menu函数。以下是可用选项: ‘menu’ – 表示您正在使用哪个菜单。您可以使用ID、slug、名称或对象来指定菜单。 ‘menu_class’ – 为您的菜单配置CSS类。默认情况下,该函数将使用菜单类。 ‘menu_id’ – 指定菜单的ID。默认值或ID 是带有附加或递增数字的菜单的 slug。 ‘container’ – 选择用于菜单的容器类型。默认情况下,该函数使用div容器。 ‘container_class’ – 设置一个直接应用于菜单容器的CSS类。默认情况下,该菜单类将是menu-{menu […]

WordPress 分页符,分页符区块,文章分页 文字详细教程

使用理想的长度(字数)是文章在Google搜索中排名良好的成功因素之一。没有决定长度的规则,这取决于你写的主题。然而,长篇文章往往表现良好,因为除了焦点关键词之外,它们还可以对长尾关键词进行排名。 不管怎样,一次展示3000字以上的文章,会让用户很快感到疲倦和无聊。解决方案是在WordPress中使用分页符,以便将文章分成几页。在本文中,我们将解释如何在WordPress中使用分页符并自定义样式。 使用分页符时会发生什么? 分页符是WordPress中将冗长的文章拆分为所需页数的功能。您可以在一篇文章中插入多个分页符以拆分为多个页面。发表的文章会有一个分页,用户可以点击它进入下一页阅读更多内容。假设您在一篇文章中插入了两个分页符。在这种情况下,文章将分为三个页面,如下所示,三个不同的 URL: yoursite.com/test-post/ 第 1 页 yoursite.com/test-post/2/ 第 2 页 yoursite.com/test-post/3/ 第 3 页 请记住,每个URL在WordPress中都是一个单独的页面,这意味着用户可以独立访问它们。WordPress将在源代码中添加同一拆分页面(如 /2/ 或 /3/)的规范URL,以通知搜索引擎这些可以被视为独立页面。 WordPress中分页符的规范URL 但是,您的XML站点地图将有一个文章URL,即文章的第 1 页。无论您使用默认的WordPress站点地图还是使用插件为您的站点生成站点地图,情况都是一样的。 分页符的优点 在WordPress中添加分页符有助于通过以下方式提高可见性: 限制单个页面的长度而不会拉伸太长。 用户可以导航到下一页或上一页以阅读内容,从而增加现场参与度和时间。 每个页面都可能在搜索引擎中排名,从而提高您的流量。 但是,请确保内容对您的读者足够有吸引力以保留它们并将页面分解在适当的位置。否则,用户可能会在未阅读完整内容的情况下离开页面,从而产生负面影响。 在古腾堡编辑器中添加分页符 分页符是古腾堡编辑器中的区块之一,您可以在内容的任何位置插入它。创建要插入分页符的段落块,只需键入/page以插入该区块。 在Gutenberg中查找分页符区块 选择要插入的分页符区块,它将显示一条分隔线,如下图所示。这个区块没有额外的设置,你唯一能做的就是插入或删除。 古腾堡编辑器中添加的分页符 现在,发布或更新您的文章并在单独的浏览器选项卡中打开页面。您可以在编辑器中看到您在其中插入分页符的页面导航链接。Gutenberg编辑器中分页线下方的内容部分将移动到一个新页面,您可以通过单击第2页链接访问该页面。您可以插入多个分页符以将内容分成不同的页面,这些页面可以使用分页链接访问。下面是它在WordPress主题二〇二二的页面上的样式。 默认WordPress主题中的分页符 在WordPress中自定义分页符的样式 您使用的主题将决定已发布页面上分页符部分的样式。正如您在上面的屏幕截图中看到的那样,分页看起来很简单,用户甚至可能没有注意到它出现在内容的末尾。 但是,商业主题使用自定义的内置样式来使分页的外观更具吸引力。例如,下面是Astra和Kadence主题中分页符分页的样式。 Astra主题中的分页 Kadence主题中的分页符 如果您想自定义分页链接,WordPress提供了三个CSS类供您使用。您可以使用浏览器的开发人员工具部分更改实时站点的样式,以找到适合您站点的合适CSS。 我们将在此处使用默认的二〇二二主题进行说明,当您使用不同的主题时,外观可能会有所不同。分页wrapper的CSS类是.post-nav-links,您可以使用以下样式为此类添加一些背景、填充、边框半径。 .post-nav-links { background: rgb(144 238 144); padding: 10px; border-radius: 5px; […]

WordPress Bootstrap图标,图标字体 文字详细教程

Bootstrap是最流行的前端框架之一,最初由Twitter开发。该框架的主要目标是使用可重用组件创建对移动设备友好的网站。 最初Bootstrap提供Glyphicons,然后使用Font Awesome,现在提供他们自己的一组图标,称为Bootstrap Icons。您可以在任何网站上使用引导图标,包括WordPress网站。好的部分是您不需要使用基本框架CSS和JS来使用图标。 在本文中,我们将解释如何在WordPress网站中使用Bootstrap图标。 Bootstrap图标 直到几年前,Font Awesome非常受欢迎,几乎每个开发人员和网站所有者都在使用它们。这最初是为与Bootstrap一起使用而开发的,它基本上被免费的Bootstrap图标集所取代。您可以在任何项目中以两种方式使用Bootstrap图标 – SVG和Web字体。如果SVG无法在您的WordPress网站上运行,您可以使用网络字体选项。 在WordPress中使用图标涉及两个步骤: 在标题中链接图标CSS 在内容中嵌入HTML 在WordPress中链接Bootstrap图标CSS 虽然您可以在服务器上下载和托管图标,但最简单的方法是使用他们的CDN链接。这是Bootstrap Icons的最新CDN链接: <link href=”https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css”> 您需要将此链接插入WordPress网站的header部分。有许多免费插件可用于在标题中插入CSS链接。但是,此插件不提供任何仅在少数页面上插入链接的控制。默认情况下,它将在整个站点的标题中加载CSS文件。当您只想在少数文章或页面上使用图标时,这可能不是必需的。在这种情况下,您可以使用我们将在本文中使用的Header Footer Code Manager插件。 登录到您的WordPress管理面板,然后转到“插件 > 安装插件”部分。 搜索“header code”以找到Header Footer Code Manager插件。 单击“安装”按钮和“启用”按钮开始在您的站点上使用该插件。 安装Header Footer Code Manager插件 激活插件后,它将在侧边栏中添加一个名为HFCM的新菜单项。将鼠标悬停在HFCM菜单上并选择“Add New”选项。您将看到两个部分 – 一个用于控制代码段,然后是用于粘贴实际代码的框。在第一部分填写以下详细信息: Snippet Name – 为您的片段输入名称,例如Bootstrap图标。 Snippet Type – 从下拉列表中选择CSS。 Site Display – 在此处选择“站点范围”选项以在整个站点中插入 CSS。否则,请从可用选项之一中进行选择,例如特定文章、页面、类别、标签、主页等。您将看到基于您的选择的其他选项。例如,选择特定文章将显示用于选择文章的“文章列表”下拉菜单。您可以选择要在其中显示图标的单个或多个文章。如果您想在站点范围内使用,则可以通过从排除列表中选择它们来排除在某些文章和页面上加载 CSS。 Location – […]

WordPress bash,WP-CLI,命令模式 文字详细教程

在其生命的大部分时间里,WordPress都是使用简单的代码库构建的,其中少量面向对象的 PHP 是最抽象的系统。然而,在过去的几年里,这种情况正在好转。从单元测试到CSS预处理和命令行工具,越来越多对开发人员友好的资产不断涌现。在本文中,我们将介绍我的最爱之一:WP-CLI。 什么是WP-CLI? WP-CLI是一个命令行工具,供开发人员管理 WordPress 安装的常见任务(并不常见)。它可以添加/删除用户、文章、类别、插入测试数据、在数据库中搜索和替换、重置密码、帮助解决性能问题等等! WP-CLI作为一个开源项目已有十多年的历史, 自2003年以来主要由Daniel Bachhuber维护 。WP-CLI 的主要目标是帮助加快WordPress开发人员的工作流程。 多年来,该项目已经出现了更多!它现在甚至成为其他开源项目(例如Trellis和Bedrock )的要求。截至2017年1月,WP-CLI正式迁移到WordPress.org,现在也由Alain Schlesser共同维护。 WP-CLI v2于2018年8月8日发布,因此我们还将探索一些变化和新功能。 获取WP-CLI WP-CLI的基础知识 一般WP-CLI命令 有用的例子 远程使用WP-CLI 使用Bash脚本 获取WP-CLI WP-CLI v2.0.0的最低PHP要求已提高到PHP 5.4。虽然这是一个很好的进步,但我们建议您至少运行受支持的PHP版本,即5.6或更高版本。 要开始使用,您需要安装WP-CLI——一个非常简单的过程。Linux和OSX的步骤如下,依次发出这三个命令: curl -O https://raw.githubusercontent.com/wp-cli/builds/gh-pages/phar/wp-cli.phar chmod +x wp-cli.phar sudo mv wp-cli.phar /usr/local/bin/wp 如果出现问题或者您使用的是Windows,请参阅基本说明或其他安装方法。 完成后,您应该能够发出wp –info命令并获得有意义的响应。 如果你想在你的服务器上安装WP-CLI,这个过程是一样的。不确定您当前运行的是哪个版本?您可以随时发出wp cli version命令来查找。 WP-CLI的基础知识 从命令行访问WordPress本身就很强大,但在使用bash脚本时可以为您提供更多控制和速度提升。 Bash脚本允许您使用单个命令运行一系列命令。您可以键入bash install-and-setup.sh并获得以下结果: 下载WordPress 创建和填充 wp-config.php 创建数据库 安装WordPress 安装并激活您需要的任何插件 安装并激活主题 下载并添加测试内容 这些将是我为项目创建新测试环境所采取的步骤。通常至少需要5-10分钟,特别是如果涉及到一些插件。发出单个命令显然要快得多。 […]

WordPress Gatsby,WordPress静态,静态网站 文字详细教程

典型的动态网站(例如基于 WordPress 的网站)如何工作?当访问者在浏览器上输入URL或通过链接访问您的网站时,会向您的Web服务器发送请求。 服务器通过必要的数据库查询收集所需的数据,并生成一个HTML文件供您的浏览器显示。另一方面,静态站点将这些响应存储到服务器上的平面文件中,这些文件会立即传递给访问者。 静态站点生成器已经存在了很长时间,但它们最近变得越来越流行。在本分步指南中,我们将了解如何将WordPress与静态网站生成器Gatsby集成。 什么是Gatsby? 第1步:设置Gatsby 第2步:如何将Gatsby连接到WordPress 第3步:创建基本页面模板 第4步:高级迁移任务 什么是Gatsby? WordPress创建动态网站,需要在服务器上安装一堆PHP、MySQL和Apache或Nginx才能运行。可以通过为您网站上的所有内容生成HTML页面列表来创建WordPress的静态版本。 这个静态版本的WordPress称为无头WordPress或无服务器WordPress。此转换过程只需执行一次,以便可以多次向访问者提供同一页面。您如何将您的WordPress网站转换为静态版本?这就是Gatsby出现的地方。 Gatsby或GatsbyJS是一个使用ReactJS构建并由GraphQL提供支持的静态站点生成器。Gatsby允许任何人创建功能丰富、引人入胜的网站和应用程序。Gatsby通过GraphQL从各种来源(包括现有网站、API调用和平面文件)为您的站点获取数据,并根据您指定的配置设置构建静态站点。 Gatsby是一年前才开发出来的,但大量用户都在尝试Gatsby。Gatsby在各种环境中都得到了认可。Airbnb的数据科学与工程博客的主页由Gatsby提供支持,但实际的博客文章托管在Medium上。 Airbnb的工程与数据科学博客 BRAUN(博朗)是消费品公司宝洁的品牌。它的加拿大站点由Gatsby托管,而站点上的搜索功能由React提供支持。 博朗品牌的加拿大网站 此外,Gatsby还激发了自由职业者开发人员对其作品集的兴趣。诸如Jacob Castro的作品集主要包含静态内容,其中包含作品链接和电子邮件联系方式,因此静态网站非常适合他的需求。 Jacob D. Castro的作品展示站 为什么选择Gatsby? 快速网站: 使用Gatsby构建静态网站的主要好处是速度,自从Google宣布在网络搜索排名中使用网站速度以来,网站管理员一直在努力优化速度。加载时间也会影响页面浏览量和转化率。据估计,网站加载时间延迟一秒会导致转化次数减少7%。 安全性: 您还可以通过静态站点获得额外的安全性。由于提供的是一堆静态文件,因此没有什么可破解的。此外,如果静态文件丢失,您始终可以重新生成它们。 服务器成本:托管动态站点需要您的服务器与您的技术堆栈兼容。如果您使用的是静态站点,则几乎可以在任何服务器上托管它,这也降低了与托管相关的成本。 在每次更改时使用Gatsby生成静态站点确实需要JavaScript,这也可以在将静态文件传输到站点之前在本地计算机上完成。 为什么要避开Gatsby? 没有内置动态内容: 如果你想使用Gatsby,你需要重新考虑如何控制和提供动态内容,即你需要创建静态/动态的混合来实现这一点(更多关于这个以下)。 例如,评论需要通过像Disqus这样的服务在外部托管。 联系表格还需要通过Google表格等外部合作伙伴重新发送。简而言之,您将失去对此类动态内容的直接控制,因为它们的响应未存储在您的服务器上。 频繁构建不方便: 静态站点也存在频繁重新转换的问题。只有在重新生成页面并将其重新上传到服务器后,您在网站上所做的任何更改才会反映出来。 技术专长:  Gatsby建立在ReactJS和GraphQL之上。因此,需要一些JavaScript知识和GraphQL的基本概念来处理网站并将其移植到Gatsby。 静态网站非常适合那些正在寻找具有高安全性的低成本解决方案的人。一些用例是自由职业者的投资组合网站和产品演示网站。 如果您认为好处大于缺点,那就太好了!我们现在将尝试设置Gatsby以与我们的WordPress站点集成。 我们在本教程中构建的Gatsby站点的最新版本在GitHub上可供您使用。 第1步:设置Gatsby 在本节中,我们将了解如何安装Gatsby并使用Gatsby创建一个基本的静态站点。 先决条件 开始使用Gatsby的第一步是检查其先决条件。Gatsby通过npm(NodeJS包安装程序)提供服务。因此,在安装Gatsby之前,您的环境中需要NodeJS和npm。此外,Gatsby要求您安装源代码管理系统Git。 如果您运行的是Windows,您可以通过下载页面上的安装程序安装NodeJS和Git。在Mac上,您可以下载他们的安装程序或使用自制软件。 brew install nodejs brew install git 如果您运行的是Linux操作系统,则可以通过apt之类的包安装程序安装NodeJS。 sudo apt update sudo apt […]

WordPress Advanced Custom Fields,自定义字段 文字详细教程

WordPress自定义字段是使WordPress成为灵活的内容管理系统的重要组成部分,而不仅仅是“一个博客平台”。 对于WordPress自定义字段,Advanced Custom Fields插件是最知名的名称之一。它使在各个方面使用自定义字段变得更加容易,这也是我们今天文章的主题。 具体来说,我们将解释为什么高级自定义字段如此有价值,然后逐步向您展示如何将其应用到您的WordPress网站。 以下是您将在这篇文章中找到的所有内容: 什么是WordPress自定义字段?他们让你做什么? Advanced Custom Fields插件使自定义字段更容易 高级自定义字段教程:如何添加字段 如何在前端显示高级自定义字段 什么是Advanced Custom Fields插件? 由Elliot Condon开发的高级自定义字段(通常简称为 ACF)是一个WordPress插件,允许您向网站添加和管理WordPress自定义字段。它既可以作为免费插件也可以作为高级插件使用,称为ACF PRO,终身更新和1个站点的起价为25美元。 什么是WordPress自定义字段?他们让你做什么? WordPress自定义字段可让您添加、存储和显示有关WordPress中某段内容的附加信息。在更技术层面上,自定义字段可帮助您存储元数据。 即使您不熟悉这个术语,自定义字段也会为您喜欢的插件和主题中的大部分功能提供支持。 例如,构建电子商务商店的最流行方式WooCommerce使用自定义字段来存储有关产品的其他信息,例如: 价格 重量 颜色 或者,如果您有WordPress事件日历插件,该插件将使用自定义字段来存储有关事件的额外信息,例如: 地点 开始/结束时间 价格 您还可以创建自己的自定义字段来存储与您的独特需求相关的信息,这就是整篇文章的内容。 什么时候应该使用自定义字段? 现在,您可能想知道为什么首先需要自定义字段。 例如,如果您想在您的WordPress网站上发布活动,您不能将所有这些信息作为常规文本放入WordPress编辑器中吗? 嗯,是的,你可以。但是出于以下几个原因,使用自定义字段是一种更好的方法: 更轻松的输入——而不是从头开始输入内容,布局良好的自定义字段组将使输入数据变得更加容易。例如,您可以直接从日期选择器中选择日期,而不是输入日期。 一致性——您在自定义字段中输入的信息将始终根据您的设置显示,这意味着它将在您的整个站点中保持一致。 易于更新和维护——如果您想更改该信息在未来的显示方式,您可以只更新一件事,而不必单独编辑每个帖子。 WordPress包括内置的自定义字段功能 WordPress实际上包含用于向您的内容添加自定义字段的内置功能。在经典的TinyMCE编辑器中,您可以从屏幕选项区域启用此功能。或者,在新的区块编辑器中,您可以从选项区域启用它: 如何在区块编辑器中访问自定义字段 然后,您可以使用键/值对输入自定义字段数据: 内置的WordPress自定义字段功能 这种本机自定义字段功能是完全实用的,但它不是最用户友好的做事方式,这就是为什么很多人转而使用高级自定义字段插件的原因。 Advanced Custom Fields使其更容易 简而言之,Advanced Custom Fields使在WordPress中使用自定义字段变得更加容易……几乎所有方面。 它简化了在WordPress仪表盘中添加和管理自定义字段的界面,还简化了在站点前端显示自定义字段信息的过程。这一事实仅有助于解释为什么它在超过100万个网站上活跃,并在1,000多条评论中获得4.9星评级。 在后端,它可以让您创建用户友好的元框,其中包括预选的字段类型。因此,您将能够使用日期选择器、复选框等,而不是通用键值对接口(如您在上面看到的那些): 区块编辑器中的高级自定义字段 高级自定义字段总共提供 30 […]

WordPress Cookies,PHPSESSID,PHP会话 文字详细教程

Cookies是由一位名叫Lou Montulli的计算机程序员于1994年首次发明的。没有它们,网络将是一个完全不同的地方。无论您是登录WordPress网站的后端还是关闭烦人的弹出窗口,您每天都会使用cookie并与之交互(即使您没有意识到)。 到目前为止,您可能已经猜到,当我们提到cookie时,我们指的是用于在网站上存储重要访问者信息的cookie ,而不是美味的巧克力片。 今天我们将深入探讨cookie和PHP会话这个有时令人困惑的话题。具体来说,您需要了解有关WordPress如何使用它们的所有信息,以及在托管您的网站、自定义代码或使用第三方插件时应该注意的一些常见问题(尤其是作为开发人员)。在我们看来,这个话题讨论得还不够。 什么是Cookie? cookie(也称为网络cookie、跟踪cookie、HTTP cookie、浏览器cookie)是用户浏览器(Chrome、Firefox 等)在访问网站时存储的一小段数据。它包含有关浏览活动的信息,通常用于个性化用户体验或用于身份验证和验证目的。会话cookie和持久性cookie是常见的cookie类型。 Cookie的类型 WordPress核心如何使用Cookie 第三方WordPress插件和主题如何使用Cookie Cookie和WordPress缓存 如何查看和清除Cookie GDPR和Cookie PHP会话 Cookie的类型 通常设置两种不同类型的cookie:会话cookie和持久性cookie。 会话Cookie 会话cookie,也称为临时cookie,是临时的。它们没有附加到期日期,仅存储有关用户在单个会话期间所做操作的信息。会话只是当有人访问网站时分配的随机生成/唯一值。会话cookie临时存储在内存中,并在浏览器关闭或会话结束时自动删除。 持久性Cookie 正如您可能已经猜到的那样,持久性cookie是那些包含过期日期的cookie。这些持续时间更长,并存储在磁盘上,直到它们过期或由用户手动清除 。这些有时也称为“跟踪cookie”,因为这些是Google Analytics、AdRoll、Stripe等都使用的cookie类型。 我们的返利联盟计划是另一个例子。当用户点击附属链接时,会在用户的浏览器中放置一个60天的cookie。这可以确保推荐人获得适当的信用,即使此人已多次关闭并重新打开其浏览器。 WordPress核心如何使用Cookie 当我们提到WordPress核心时,我们只是指在安装任何第三方插件或主题之前构成开源项目的文件。它是我们喜欢称之为自然状态的WordPress。 现在您已经了解了cookie是什么以及不同类型的基础知识,让我们来看看WordPress核心为什么以及如何使用它们来使所有这些魔术在幕后发生。有趣的事实Cookie最初源自“magic cookie”一词。 WordPress核心将cookie用于两个不同的目的: 1. 登录Cookie 登录cookie包含身份验证详细信息,并在用户登录WordPress管理仪表盘时使用。根据WordPress Codex,设置了几个不同的会话cookie: 登录时,WordPress使用wordpress_[hash]cookie存储身份验证详细信息(仅限该/wp-admin/区域)。 登录后,WordPress设置wordpress_logged_in_[hash]cookie。这表明您何时登录以及您是谁。 当您尝试访问WordPress网站的后端时,会检查上述两个cookie是否存在并且尚未过期。这就是让您神奇地绕过 wp-login.php页面的原因。 WordPress还设置wp-settings-{time}-[UID]cookie。ID是WordPress用户数据库表中的用户ID。这存储个人仪表板和管理界面设置。 2.评论Cookie 默认情况下,当有人对博客文章发表评论时会设置cookie(有效期为347天)。因此,如果他们稍后回来,他们不必重新填写所有信息。存储了以下三个cookie: comment_author_[hash] comment_author_email_[hash] comment_author_url_[hash] 但是,由于GDPR最近对隐私政策进行了更改,WordPress核心引入了新工具,以确保您让用户选择加入这些正在设置的cookie。此设置(如果尚未设置)可以在WordPress管理仪表盘的“设置 → 讨论”下启用。选择“显示评论cookies复选框,允许设置评论者cookies。”选项。流行的Akismet插件还允许您显示隐私声明。 评论cookie如何选择加入 第三方WordPress插件和主题如何使用Cookie 就像WordPress将cookie用于某些功能一样,您安装的第三方插件和主题也会设置cookie。他们中的大多数使用存储在wp_options表或他们自己的自定义表中的浏览器cookie和数据库行的组合。这是因为WordPress是无状态的。 无状态应用程序是一种应用程序,它不会保存在一个会话中生成的客户端数据,以便在与该客户端的下一个会话中使用。每个会话都像第一次一样进行,响应不依赖于前一个会话的数据。–TechTarget 有了新的隐私法,真正了解设置了哪些cookie以及它们是否为访问者提供了选择加入的方式比以往任何时候都更加重要。提示:并非所有cookie都需要选择加入。 以下只是cookie用途的众多示例中的几个: 如果您的WordPress网站上有一个弹出框并且访问者将其关闭,这通常会设置一个cookie,以便它不会再次出现。 在您的电子商务网站上添加到购物车的商品。存储cookie以便购物车在您继续浏览网站时保留您的产品。 […]

100% Secure Checkout

PayPal / MasterCard / Visa