任何问题请联系WX:uu16853

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

购买更多有优惠!

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

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

WordPress MySQL,MySQL命令,数据库命令 文字详细教程

MySQL是当今最广泛使用的关系型数据库管理系统(RDBMS)之一。它是一个强大的数据库平台,允许创建和管理可扩展的数据库,主要使用结构化查询语言(SQL)。 MySQL服务器是数据库所处的环境–也是它们被访问的地方。作为一个服务器管理员,你经常需要检索这个环境的细节–列出服务器上的数据库,显示特定数据库的表,查看用户角色和权限,访问约束条件,等等。 本文将解释如何通过命令提示符列出MySQL数据库的详情办法。 列出MySQL数据库的先决条件 在你的系统变量环境中添加MySQL路径 登录到MySQL 显示MySQL服务器内的数据库 过滤数据库输出的结果 使用信息结构来查询表元数据 常见的问题和最佳做法 数据库管理工具 列出MySQL数据库的先决条件 你必须在你的本地机器上运行MySQL服务器才能开始使用。如果你没有MySQL,有几种方法可以安装它。 安装WAMPServer、XAMPP、MAMP或任何其他包括MySQL的软件分发栈。 直接从他们的官方网站下载并运行MySQL安装程序,通过设置过程来配置和安装MySQL服务器和其他工具。 为了方便地使用命令行运行MySQL命令,你需要将MySQL可执行文件的路径添加到你的系统环境中。如果你使用选项二安装了MySQL,这一步就没有必要了,所以可以随意跳过下一节。 将MySQL路径添加到你的系统的变量环境中 如果你在Windows电脑上运行XAMPP或WAMP,本节将指导你把MySQL可执行路径添加到你的系统变量环境中。 首先,启动你的Windows文件资源管理器并导航到此电脑。点击你安装WAMP或XAMPP软件包的驱动器(C:)。 如果你正在运行XAMPP,导航到xampp > mysql > bin,并复制bin文件夹的完整路径。对于WAMP,通过{your-wamp-version} > bin > mysql > {your-mysql-version} > bin导航到其完整路径。 bin文件夹的完整路径 点击 “Start“菜单,搜索 “path”。点击Edit the system environment variable。 然后,点击Startup and Recovery(启动和恢复)下的Environment Variables(环境变量),选择PATH变量并点击编辑。 接下来,点击 “新建“,粘贴你的MySQL可执行文件的完整路径(你之前复制的)。 编辑环境变量 然后,通过单击 “确定 “来保存这些更改。 现在路径已被添加,你可以在终端执行MySQL命令。 登录到MySQL 要列出MySQL数据库,用户必须被授权访问所有数据库,或者你必须设置一个全局的SHOW DATABASES权限,授予所有用户访问权。 在通过命令提示符登录之前,请确保你的MySQL服务器正在运行。 mysql -u -p 注意:用你的用户名替换 u 。MySQL的默认用户名是 root,而密码是空的(默认没有密码)。 登录到MySQL 显示MySQL服务器中的数据库 现在你已经登录了,你可以通过执行 SHOW DATABASES 命令列出服务器中存在的MySQL数据库。 SHOW DATABASES; 在返回数据中,你会得到存储中存在的所有数据库。 […]

WordPress MySQL,SQLite,开源数据库 文字详细教程

数据库已经成为几乎所有可以想象的应用程序的基本后端存储工具。如果你的应用程序包含需要访问的数据,你就需要一个数据库来存储和快速检索这些数据。 数据库管理系统(DBMS)是旨在使用、检索和定义规则以验证和操作数据库中的数据的软件。有许多DBMS类型:关系型、面向对象型、分层型和网络型。 选择一个合适的DBMS对于你的应用程序的成功和速度至关重要。有许多开源的DBMS,包括MySQL、MariaDB、SQLite、PostgreSQL和Neo4j,为你的项目选择最适合的数据库可能是一种挑战。 让我们比较一下两个最流行的开源管理系统–MySQL与SQLite–详细说明它们是如何工作的,它们的根本区别,优点和缺点,最后,对于WordPress托管的网络应用来说,哪个更合适。 使用开源数据库的好处 什么是SQLite? 什么是MySQL? 用例分析 两者优点和缺点 哪个更适合WordPress? 使用开源数据库的好处 虽然有许多专有的DBMS选择,但事实证明,开源数据库是最受欢迎的。它们的主要好处包括以下几点。 数据库信息不与他人共享,提供安全优势。 为支持更多的数据量或请求而进行扩展的成本较低 一些开源数据库在可用资源的基础上运行,使其更灵活地匹配你的应用程序的需求。 什么是SQLite? 如前所述,DBMS包括四个主要类型。这些类型中的大多数以分层模型处理数据,以树状结构组织,并通过链接连接。 SQLite是一个开源的关系型数据库管理系统(RDBMS)。 RDBMS在多个二维表中存储数据,而不是一个大表。每张表由包含唯一值的行组成,该值被称为键,用于连接各表。这就是为什么这些DBMS被称为关系型。 在RDBMS中有两种类型的键:主键和外键。主键是识别每个数据库行的唯一值,而你可以使用外键来引用其他表。例如,假设你有一个公司雇员的数据库。没有必要在雇员表中添加部门名称。相反,你可以为雇员表中的部门添加一个带有引用的列–外键。这个外键引用 “部门 “表中的特定行。 SQLite,正如它的名字所暗示的,在设置、管理和存储方面是轻量级的。 大多数数据库需要一个服务器进程,但SQLite是无服务器的,这意味着应用程序可以直接读取和写入数据,而不需要客户端-服务器架构。此外,无服务器的SQLite不需要安装或配置,使其自成一体,对操作系统(OS)的依赖性较低。 这些特点使SQLite适用于物联网(IoT)、嵌入式应用和桌面应用。 什么是MySQL? 快速、可靠、易学,大多数应用都使用MySQL作为他们的首选DBMS。 与SQLite不同,MySQL遵循客户端-服务器架构,需要服务器来运行。服务器使用结构化查询语言(SQL)处理检索、操作和添加数据等命令。 MySQL还带有一个内置的图形用户界面(GUI),称为MySQL Workbench,用于访问数据。它还提供了一个名为mysqladmin的命令行界面(CLI),用于管理可用的数据。 此外,MySQL是独立于平台的,这意味着它可以在任何操作系统上运行,并与不同的编程语言如Python、Java和C++兼容。 作为最流行的DBMS,还有一个优势:它的社区。互联网上有数以百万计的教程可以帮助你学习MySQL,而且你可以在网上找到几乎任何问题的答案。由于Oracle维护着MySQL,你可以在MySQL网站上找到教程、证书和支持。你还可以在我们的博客上阅读更多关于MySQL的信息。 SQLite与MySQL:用例分析 虽然MySQL和SQLite都是开源的RDBMS,但它们的架构和使用情况非常不同。 架构 MySQL遵循一个多层的服务器-客户端架构,由客户端、服务器和存储组成。客户端层使用GUI或CLI处理用户查询和命令。服务器层处理命令的逻辑,为每个请求创建一个新的线程。最后,存储层负责存储数据表格。 相比之下,SQLite是一个无服务器的DBMS,它将SQL编译成字节码,然后使用虚拟机执行。后端以B树的实现方式将表存储在磁盘上。 数据类型 像大多数DBMS一样,MySQL使用静态类型进行数据存储,这意味着你必须在创建表的时候定义列数据类型。 虽然大多数数据库引擎仍然使用静态类型来存储字符串数据,但SQLite使用动态类型来存储数据–存储在列中的值决定了列的数据类型。例如,如果你在创建时创建了一个整数类型的表,你可以在这个列中存储任何数据类型,因为该类型与值本身相关,而不是它的容器。此外,MySQL对常见的静态类型有向后兼容性。 SQLite使用数据类型,而不是数据的存储类。这些类型比数据类型更通用,可以采用以下存储类之一。NULL、INTEGER、TEXT、BLOB和REAL。 可扩展性 MySQL的服务器-客户端架构是为可扩展性和大型数据库而设计的。服务器层简化了服务器的功能,而无需更新客户端。 相反,SQLite仅限于单用户访问,使可扩展性变得困难。此外,所需的内存量随着数据库的增大而增加。 可移植性 MySQL在移动前需要压缩成一个文件,随着数据库的增加,这可能需要很长的时间。同时,SQLite将数据库保存为一个文件,使得复制和转移很容易。由于SQLite在虚拟机上运行查询,它对操作系统的依赖性很小。 安全性 任何人都可以编辑和查看SQLite的单一数据文件。SQLite没有一个内置的认证系统,所以安全性仅限于在该文件上设置的权限。 另一方面,MySQL有许多安全功能,如支持不同权限级别的用户管理和使用安全外壳(SSH)。 设置的简易性 MySQL需要许多配置,如服务器配置、用户管理和备份。另一方面,SQLite很容易安装,不需要任何配置就可以运行。 SQLite与MySQL:优点和缺点 MySQL的优点: 易于学习 与几乎所有的操作系统兼容 与许多语言如C++、PHP、Java、Perl等一起工作 […]

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

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

WordPress Xdebug,Xdebug安装,代码调试,开发者工具 文字详细教程

正如任何一个开发者可以证明的那样,代码在初稿之后永远不可能为生产做好准备。开发过程中的一个关键部分是调试–删除或改变代码中所有不工作的部分。 PHP的Xdebug扩展是一种流行的方法,可以根除并摧毁你代码中的所有bug。 Xdebug的一个伟大方面是它的灵活性。无论你喜欢哪种框架或开发环境,你都能找到适合你工作流程的Xdebug版本。从这里开始,掌握这个工具不会花很长时间。 本教程将深入研究Xdebug,包括安装过程、将其集成到你的设置中,以及一般使用方法。 首先,让我们给你更多关于Xdebug是什么和它做什么的背景。 Xdebug介绍 为什么要使用Xdebug? 如何开启PHP错误日志 如何使用Xdebug 结合PhpStorm使用Xdebug 命令小贴士 Xdebug介绍 Xdebug是最流行的调试PHP代码的扩展之一。你将在你选择的环境中安装它,它充当一个 “步骤调试器”。 Xdebug的核心是步进式调试器,它与集成开发环境紧密结合,可以非常简单地在PHP代码中设置断点,以深入了解代码在运行时的情况。 Xdebug是一个PHP扩展,必须和PHP一起安装和编译。幸运的是,很多本地开发工具使安装和运行Xdebug变得简单。 Xdebug logo 简而言之,这使你能够逐行处理你的代码,这样你就可以逐步查看代码在你的程序中是如何行动和互动的,以及调查其输出。从那里,你可以根据你的需要进行修改。 不过,Xdebug可以做得更多。 你可以使用一套指标和可视化的方法来分析你的代码的性能。 当你运行PHP单元测试时,你可以看到你运行和执行的代码套件。 Xdebug包括 “跟踪 “功能,它将把每个函数的调用写到磁盘上。这将包括参数、变量赋值和返回值。 Xdebug还对标准的PHP错误报告做了改进。我们将在后面介绍更多这方面的内容。 鉴于这些特性,有很多方法可以在你的工作流程中使用Xdebug(以及任何类似的调试器)。我们将在下一节中介绍这些。 为什么要使用Xdebug? 许多开发者不会有一个专门的调试工作流程,使用第三方工具和扩展。这是因为 PHP 包含了它自己的基本错误记录。你会使用as error_log, var_dump和print等命令来查看变量和函数调用的结果。 例如,有很多片段你可以重新用于WordPress的开发–Stack Overflow上有很多这样的片段。 function log_me($message) { if ( WP_DEBUG === true ) { if ( is_array($message) || is_object($message) ) { error_log( print_r($message, true) ); } […]

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

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

WordPress 动态区块,区块开发,古腾堡开发 文字详细教程

你还在为古腾堡感到困惑吗?或者您是那些坚信区块编辑器的潜力并想知道使用区块编辑器可以将他们的创造力推到多远的人中的一员? 无论您属于哪种类型的用户,古腾堡都会留下来,这篇文章将让您深入了解 WordPress 块编辑器幕后发生的事情。但这还不是全部! 在我们之前的教程中我们提供了对Gutenberg区块开发的一般介绍之后,本文超越了基础知识,介绍了更高级的区块类型。这些块被称为动态区块。 今天,您将了解什么是动态区块、它们是如何工作的,以及从头开始创建动态区块所需了解的一切。 那么,什么是Gutenberg动态区块,静态区块和动态区块之间的主要区别是什么? 什么是动态区块?一个例子 从开发人员的角度来看Gutenberg动态区块 如何访问文章数据 如何创建动态区块:示例项目 在编辑器中构建要渲染的区块 构建要在页面上呈现的区块 动态区块开发的推荐资源 什么是动态区块?一个例子 使用静态区块时,用户在编辑文章或页面时手动添加内容,而使用动态区块时,内容会在页面加载时动态加载和处理。使用动态区块,区块内容从数据库中提取并按原样显示或由任何类型的数据操作产生。 让我们用一个例子来解释一下。假设您要创建一组嵌套区块,显示文章作者详细信息以及来自同一作者的最新文章的选择。 包括文章作者和最新文章组区块 作为Gutenberg用户,您可以使用以下区块: 标题核心区块 文章作者核心区块 最新文章核心区块 您还可以创建一个包含这些区块的组,并将该组添加到可重复使用的区块中以供将来使用。 将组区块添加到可重用区块 这很简单,不是吗?您可以创建一个动态区块并将其添加到您的文章和页面中。 从WordPress 5.9开始,区块编辑器提供了90多个不同的区块,您很可能会立即找到适合您的区块。而且,如果您需要更多,请在WordPress插件目录中快速搜索,您会发现很多免费插件提供了额外的区块。 但是,如果您是WordPress开发人员,或者您正计划从事WordPress开发人员的职业怎么办?也许您有非常特定的需求,找不到您正在寻找的区块,或者您只是想获得新的专业技能。在这种情况下,您可能想学习如何创建动态区块。 从开发人员的角度来看Gutenberg动态区块 动态区块有两个主要用例。 第一个用例是当包含区块的页面尚未更新时,您需要更新区块的内容。例如,当区块包含最新文章或评论的列表时会发生这种情况,并且通常每当区块的内容是使用从数据库检索的数据动态生成时。 添加查询循环区块 第二个用例是需要立即在前端显示对区块代码的更新。使用动态区块而不是静态区块会导致更改立即应用于所有出现的区块。 另一方面,如果您要更改由静态区块生成的HTML,用户将看到一个无效对话框,直到该区块的先前版本的每个实例都被删除并替换为新版本,或者您将旧版本标记为不推荐使用的版本(另请参阅弃用和区块验证、弃用和迁移经验)。 意外或无效的内容 话虽如此,在开始构建动态区块之前,您需要了解一些概念。 应用程序状态和数据存储 Gutenberg中的模块化、包和数据存储 WordPress数据存储 应用程序状态和数据存储 Gutenberg是一个React SPA应用程序,Gutenberg中的所有内容都是一个React组件。编辑器中的文章标题、标题、段落、图像和任何HTML内容块都是React组件,以及侧边栏和区块工具栏控件。 在我们之前的文章中,我们只使用属性来存储数据。在本文中,我们将通过引入state的概念更进一步。 简单地说,state对象是一个普通的JavaScript对象,用于包含有关组件的信息。组件的state可以随着时间而改变,并且任何时候改变,组件都会重新渲染。 与state对象类似,属性是普通的JavaScript对象,用于保存有关组件的信息。但是props和state之间有一个关键区别: props传递给组件(类似于函数参数),而状态在组件内管理(类似于在函数中声明的变量)。 您可以将状态视为在给定时间点获取的数据快照,应用程序存储这些数据以控制组件的行为。例如,如果块编辑器设置侧边栏打开,则一条信息将存储在state对象的某个位置。 当信息在单个组件内共享时,我们称之为本地状态。当信息在应用程序内的组件之间共享时,我们称之为应用程序状态。 Application State与store的概念密切相关。根据Redux文档: 一个store保存着应用程序的整个状态树。更改其内部状态的唯一方法是在其上分派一个操作。 因此,Redux将应用程序状态存储在单个不可变对象树(即存储)中。对象树只能通过使用actions和reducers创建新对象来更改。 在WordPress中,商店由WordPress数据模块管理。 Gutenberg中的模块化、包和数据存储 Gutenberg存储库从头开始构建在几个可重用且独立的模块上,这些模块组合在一起构建了编辑界面。这些模块也称为包。 […]

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

有许多工具可以让您设置本地开发环境来创建和测试WordPress网站。MAMP就是其中之一,它非常易于使用。 但是,如果您想充分利用它,则需要增加其默认上传大小。 由于WordPress是基于PHP构建的,因此该软件的设置可以决定您网站的运行情况。例如,使用过时的PHP版本可能会阻止您运行最新的WordPress版本。同样,内存限制较低可能会导致频繁的错误。 在本文中,我们将向您介绍MAMP,解释为什么增加上传大小是一个明智的想法,然后通过两个简单的步骤向您展示如何做到这一点。 MAMP简介 为什么要增加Web服务器的PHP上传大小 如何增加本地Web服务器MAMP的上传大小 MAMP简介 MAMP主页 MAMP是一种工具,可让您在macOS或Windows计算机上设置本地服务器环境。有了它,您可以在您的计算机上安装以下软件: Apache Nginx PHP MySQL MAMP是一个解决方案堆栈,由免费,开源和专有的商业软件组成,它们一起用于在Apple Macintosh计算机上开发和运行动态网站。——维基百科 您可以使用许多其他工具在本地安装WordPress。但是,我们喜欢MAMP,因为它为您提供了一个直观的控制面板以及为您的Web服务器软件在Nginx和Apache之间切换的选项: 使用MAMP在Apache和Nginx之间切换。   无论您使用的是免费版本的MAMP还是MAMP PRO ,下面的说明都适用。您可以使用任一版本在本地安装WordPress。 为什么要增加Web服务器的PHP上传大小 每个PHP安装都使用一组变量或“指令”来管理其设置。这些是决定PHP如何处理文件上传的三个设置(就大小而言): memory_limit:这决定了您的服务器可以为每个PHP脚本分配多少内存。 post_max_size:此设置控制您的服务器允许的最大POST数据大小,并在WordPress文件上传中发挥作用。 upload_max_filesize:您在此处设置的值决定了上传到您网站的文件大小限制。 正如我们所提到的,WordPress是基于PHP构建的。因此,所有这些设置都会直接影响您的网站。如果您的PHP安装具有较低的内存限制,您将在上传文件和在您的站点上执行脚本时遇到问题。 没有适合每个Web服务器的理想PHP内存限制。但是,由于我们讨论的是本地开发环境,您可以完全自由地决定为您的设置分配多少资源。尽管大多数网络主机都会限制您的PHP内存限制(在合理范围内),但您的本地实例没有强制上限。 一些教程告诉您只增加PHP配置中的upload_max_filesize设置。但是,这可能会导致错误。当PHP文档表明您的post_max_size设置应该具有高于upload_max_filesize. 同样,memory_limit应该具有比post_max_size更高的值。只要您的PHP设置符合这些准则,您就应该是金子。 如何增加本地Web服务器MAMP的上传大小 在本教程中,我们将向您展示如何配置MAMP以增加其在Windows和macOS上的上传大小。我们还将使用MAMP控制面板来确保您成功更新了服务器设置。 第 1 步:修改您的php.ini文件 在MAMP中修改PHP设置很容易。为此,您需要编辑MAMP安装的php.ini文件。 您可以在以下两个位置之一访问该文件,具体取决于您使用的是Windows还是macOS: Windows: C:/MAMP/conf/phpx.xx/php.ini macOS: /Applications/MAMP/bin/php/phpx.xx/conf/php.ini 如果您导航到conf目录,您会注意到它包含多个用于不同PHP版本的文件夹。默认情况下,您的MAMP安装应使用最新的PHP版本,并且您需要访问与其对应的文件夹。 要仔细检查您使用的PHP版本,请打开MAMP控制面板,转到MAMP > Preferences > PHP,然后查看“Standard Version”旁边的版本号:   检查您在MAMP中使用的PHP版本   接下来,您可以返回conf目录并访问与该版本相关的文件夹。在里面,你会发现一个单独的php.ini文件。继续使用你最喜欢的文本编辑器打开它,你会看到如下内容:   一个php.ini配置文件   正如我们在上一节中解释的那样,您需要查找以下三个指令: memory_limit post_max_size upload_max_filesize 我们建议将内存限制设置为128或256MB。这是该值在我们的php.ini文件中的样子: […]

WordPress CSS框架,Tailwind CSS,前端开发 文字详细教程

随着您作为开发人员的进步,您更有可能使用通过编写更少代码来帮助您完成更多工作的技术。像Tailwind CSS这样可靠的前端框架是实现这一目标的一种方法。 在本文中,我们将了解Tailwind CSS——一个有助于构建和设计网页的CSS框架。我们将首先解释如何在您的项目中安装和集成Tailwind CSS,查看一些实际应用程序,以及如何创建自定义样式和插件。 什么是Tailwind CSS? 什么是框架? 什么是实用程序优先的CSS框架? 使用Tailwind CSS的先决条件 如何开始使用Tailwind CSS 如何创建Tailwind CSS插件 什么是Tailwind CSS? Tailwind CSS Tailwind CSS是一个实用程序优先的CSS(级联样式表)框架,带有预定义的类,您可以使用这些类直接在标记中构建和设计网页。它允许您以预定义类的形式在HTML中编写CSS。 我们将定义什么是框架以及“实用程序优先CSS”的含义,以帮助您更好地理解Tailwind CSS的全部含义。 什么是框架? 作为一个通用的编程术语,框架是一种工具,它提供了从现有工具的特性构建的可重用和现成的组件。创建框架的总体目的是通过减少工作来提高开发速度。 现在我们已经确定了框架的含义,它应该可以帮助您理解Tailwind CSS是基于CSS功能构建的工具。该框架的所有功能都源自以类形式组成的CSS样式。 什么是实用程序优先的CSS框架? 当我们说实用程序优先CSS时,我们指的是我们的标记 (HTML)中具有预定义功能的类。这意味着您只需编写一个附加了预定义样式的类,这些样式将应用于元素。 在您使用vanilla CSS(没有任何框架或库的CSS)的情况下,您将首先为您的元素指定一个类名,然后将不同的属性和值附加到该类,这反过来会将样式应用于您的元素. 我们将向您展示一个示例。在这里,我们将创建一个带有圆角的按钮和一个显示“Click me”的文本。这是按钮的样子: 点击按钮 我们将首先使用vanilla CSS执行此操作,然后使用Tailwind CSS中可用的实用程序类。 With Vanilla CSS <button class=”btn”>Click me</button> 我们已经给按钮标签class btn,它将使用外部样式表进行样式设置。那是: .btn { background-color: #000; color: #fff; padding: 8px; border: […]

WordPress nginx反向代理,反向代理,反向代理负载均衡 文字详细教程

反向代理位于Web服务器前面,并在所有请求到达源服务器之前接收它们。它的工作方式类似于转发代理,除了在这种情况下它是使用代理的Web服务器而不是用户或客户端。反向代理通常用于增强Web服务器的性能、安全性和可靠性。 例如,您可以在服务器上的域名example.com上托管一个非WordPress站点,并在服务器B上托管的 example.com/blog 上运行其WordPress博客。您可以通过为托管您的主站点的服务器添加反向代理来实现此目的。您可以配置反向代理,将博客的请求重定向到不同的服务器。 在本文中,您将了解反向代理服务器的基础知识、它们的工作原理、它们的主要优点以及如何使用它们来加速和保护您的WordPress站点。 什么是反向代理? 使用反向代理的好处 最受欢迎的反向代理 反向代理:WordPress网站的用例 如何将Nginx设置为反向代理 如何将Apache设置为反向代理 反向代理的限制 在CDN和反向代理之间进行选择 什么是反向代理? 要了解什么是反向代理服务器,您首先需要了解它的作用并熟悉它的所有相关术语。 当您通过输入域名或单击链接正常浏览网页时,您的浏览器/设备会直接连接到网站的服务器并开始下载其资源。 通常如何在Internet上浏览 如果您想从您访问的网站匿名化您的IP地址,那么您可以使用代理服务器首先将您的所有请求发送给它。它会将您的请求转发到DNS解析器,然后从其源服务器下载网站的资源。 之后,它会将这些资源传递给您的设备。这称为转发代理。 转发代理服务器的工作原理 您对网站完全隐藏,因为它认为您的请求来自转发代理。 注:由于一些托管服务提供商统计站点访问的方式,他们要求用户设置一个标头以将他们的真实IP地址通知给源服务器。因此,隐私利益不适用于诸如此类的特定情况。 除了增强用户隐私外,转发代理主要用于绕过地理内容限制。例如,如果您想观看在您所在地区被阻止的视频,您可以使用转发代理和IP地址,在该IP地址上可以观看该视频。 转发代理的工作方式与虚拟专用网 (VPN) 几乎相同,但它们是具有独特用例的不同技术(尽管它们有时可能重叠)。 反向代理服务器与正向代理服务器 反向代理服务器充当源服务器的前端,以保持匿名性并增强安全性,就像用户/客户端如何使用正向代理来实现相同目的一样。它确保没有用户或客户端直接与源服务器通信。 反向代理服务器的工作原理 正向代理与反向代理之间的区别很小,但它们的工作方式不同。 两者可以一起工作,因为它们的功能之间没有重叠。通常,用户/客户端使用正向代理,而源服务器使用反向代理。 正向代理与反向代理服务器 由于服务器管理员可以控制反向代理的工作方式,因此您可以使用它来启用许多有用的功能。 我们将在本文后面列出它的所有好处。 为什么使用反向代理? 许多企业,尤其是大型企业,使用定制的网站,这些网站是根据他们的独特需求量身定制的,而不是在WordPress上运行。一些例子包括银行和保险网站。 在其他情况下,企业可能会将他们的网站托管在不允许他们安装任何外部软件(例如WordPress)的外部服务上。通常,这些是使用诸如Shopify等电子商务平台的中小型零售商。 由于WordPress具有强大的CMS功能,许多企业,包括拥有定制网站的大型企业,可能更喜欢使用WordPress托管他们的博客。 解决此问题的一种方法是在主网站的子域上安装WordPress并构建导航菜单,以便用户可以轻松地在主网站和博客之间切换。 由于子域表现为一个独特的域,它会影响您网站的SEO。尽管Google对子域和子目录一视同仁,但如果网站托管在子域中,则优化网站的搜索引擎排名要比托管在子目录中要花费更多的精力。 在网站上托管博客的两种方法 谷歌重申它平等对待子域和子目录,但一些SEO专家不同意。即使它不影响网站的SEO,托管在子目录中的网站也更容易维护。 这就是为什么您可以使用反向代理将请求重定向到托管在单独服务器上的站点博客。例如,银行可以在其服务器上安全地托管其主要网站,但他们也可以在另一家服务器提供商上单独托管其WordPress驱动的博客。 反向代理用例示例 将两个不同的站点统一在一个域名下是使用反向代理的主要优势之一。它可以帮助品牌保持其网站的组织性、专业性并保持信誉。 使用反向代理的好处 除了上述用例之外,反向代理还具有许多其他好处。下面的部分讨论了它们的一些主要优点。 负载均衡 单个源服务器无法处理具有数百万每日唯一访问者的网站的所有传入流量。在这些情况下,您可以在包含许多服务器的池中巧妙地分配流量。通常,所有服务器将托管相同的内容以消除单点故障,从而使网站更加可靠。 反向代理是一种很好的设置方式,因为它可以在传入流量到达源服务器之前接收它。如果源服务器过载或完全失败,它可以将流量分配给其他服务器,而不会影响站点功能。 反向代理还可以将传入请求定向到多个服务器,每个服务器执行其优化的特定功能。然后反向代理可以收集来自所有服务器的响应并将它们传递给客户端。 由于我们主要使用大多数流行的反向代理来进行负载平衡,因此它们也被称为负载平衡器。 全局服务器负载平衡 (GSLB) GSLB是一种高级负载平衡方法,用于在世界各地战略性放置的许多服务器之间分配网站流量。它通常通过任播路由技术完成,其中反向代理根据客户端和服务器之间的最快传输时间选择服务器节点。 […]

WordPress hosts,本地测试 文字详细教程

您计算机上的hosts文件允许您覆盖DNS并手动将主机名(域)映射到IP地址。这可以在迁移过程中派上用场,因为您可能想查看您的网站在不同服务器上的外观,但可能DNS尚未传播。 例如,CDN是一项不适用于临时URL的功能,除非您以这种方式手动配置它。因此,在迁移或进行DNS更改之前预览您的网站并尽可能接近它的一种简单方法是编辑您的本地电脑Hosts文件。 如果您不习惯编辑主机文件,还可以为初学者提供免费工具选项。 准备预览您的网站 选项 1 – 预览网站而不编辑任何内容 选项 2 – 如何在Windows上编辑Hosts文件 选项 3 – 如何在Mac上编辑Hosts文件 准备预览您的网站 在您的计算机上编辑主机文件实质上意味着您正在伪造计算机上的DNS。但在编辑文件或使用我们推荐的免费工具之前,您必须先做两件事。 1.将您的域添加到您的虚拟主机 您首先需要将您的域添加到您的主机。如果您是宝塔用户,这可以在宝塔控制面板中轻松完成。只需单击进入域并添加主域。我们还建议您添加域名的www或非www版本。这将指示服务器将该域解析为其分配的内部IP。 宝塔网站管理 2. 找到你的SFTP/SSH IP地址 您还需要复制分配给您的站点的SFTP/SSH IP地址。 完成上述两个步骤后,您可以继续以下三个不同选项,了解如何在更改DNS之前预览您的网站,这包括免费在线工具或编辑您的主机文件。 选项 1 – 预览网站而不编辑任何内容(初学者) 如果您不习惯在下面的选项2或3中编辑主机文件,可以使用免费的在线SkipDNS工具预览您的网站,这是一种超级简单的方法。 重要提示: SkipDNS是一项外部服务,旨在帮助您在更改DNS之前预览网站的外观。它不应用于评估您网站的速度或性能。为此,您应该使用下面的选项之一,或者您的临时URL。 第 1 步 只需浏览到skipdns.link并输入您的域名和IP地址(我们在上面向您展示了如何获取)。 根据您是否已安装SSL证书,您可能还需要启用“灵活SSL”选项。 如果它们正在运行,建议您暂时禁用它们,因为我们已经看到了一些遇到的问题: CDN(如果您正在运行CDN启用程序之类的插件,请暂时停用此功能) Adobe Fonts(如果可能,将其注释掉或从您的标题中删除,否则您的字体可能会出现损坏) 如果您不确定如何执行此操作,您可以询问您的房东。或者使用下面的第二个选项,这是一种预览东西而不会破坏任何东西的好方法。 跳过DNS 第 2 步 然后创建预览。点击“Check it”。 已创建SkipDNS预览 第 3 步 然后,您将获得一个临时URL,可用于在更改DNS之前查看您的WordPress站点。您可以浏览到您的临时URL并单击以确认一切正常。 […]

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

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

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

对于WordPress开发人员来说,拥有一个可用的本地暂存环境是必不可少的。MAMP是一种流行的解决方案,但一些常见问题可能会阻止平台正常运行。 幸运的是,MAMP用户已经找到了解决这些问题的相当简单的解决方案,您可以使用它来让您的本地堆栈重新运行。通常,只需单击几下即可。 在本文中,我们将回顾MAMP是什么、它为什么有用以及如何找到它的错误日志。然后,我们将引导您了解MAMP无法启动的五个常见解决方案。 MAMP简介 如何检查您的MAMP错误日志 如果MAMP没有启动怎么办 MAMP简介 MAMP是几个流行的本地开发平台之一。它将您的计算机变成一个服务器环境,可以在您处理网站时托管网站: MAMP主页 MAMP使用Apache、MySQL和PHP,使其与WordPress高度兼容。有一个免费版本,或者您可以付费购买包含安装程序和其他功能的专有版本 ,以帮助您快速设置您的第一个站点并改善您的工作流程。 与本地托管的所有网站一样,您的MAMP开发或测试网站不会公开。这使您能够自由地构建或测试功能,而不必担心它会影响您的前端用户体验 (UX)。它还可以防止访问者偶然发现您半成品的网站。 此外,本地开发不需要互联网连接,因此您可以在任何地方工作。本地网站也往往加载速度更快,这可能会在一定程度上提高您的工作效率。完成网站的构建或更改后,您可以将其迁移到实时服务器。 我们在上一篇文章中介绍了如何安装MAMP  。在这个阶段,我们假设您已经在使用它但遇到了问题。 如何检查您的MAMP错误日志 查找MAMP错误日志非常简单。只需导航到保存安装的文件夹并打开日志文件夹。您应该会看到Apache、MySQL和PHP错误日志的文件: MAMP错误日志文件 如果您遇到MAMP无法启动的问题,这应该是您的第一步。检查日志以查看是否有任何与问题相关的消息,以及它们是否提供了您可以采取的具体步骤来解决问题。这比试错法故障排除要快得多。 如果MAMP没有启动怎么办 MAMP用户遇到的一些常见问题包括Apache未启动和MySQL未启动。这两个问题都会阻止平台运行,使您无法访问本地站点。以下是一些可以帮助您解决这两个障碍的顶级解决方案,因此您可以重新开始工作。 1.恢复您的文档根文件夹 MAMP安装的文档根目录是存储虚拟主机的HTML、PHP和图像文件的位置。假设您有意或无意地更改或删除了您的文档根文件夹。在这种情况下,您可能会看到一条错误消息:“Apache couldn’t be started. Please check your MAMP installation and configuration”: Apache无法启动。请检查您的MAMP安装和配置。 要解决此问题,您只需恢复文档根文件夹或告诉MAMP您已将其移动到何处。此过程因您使用的是Mac还是Windows机器而异,因为文件路径可能略有不同。但是,您应该能够在任一操作系统 (OS) 上执行以下步骤。 默认情况下,MAMP文档根目录位于macOS上的Applications/MAMP/htdocs或Windows上的C:\MAMPhtdocs  。如果您知道您的新文档根文件夹在哪里,您可以通过导航到Applications (或C: )  >MAMP>conf>apache>httpd.conf打开您的MAMP配置文件,然后用新路径替换默认路径。 打开httpd.conf后,搜索提及“DocumentRoot”并替换所有位置的默认路径。保存文件,然后停止并重新启动MAMP。 或者,您可以通过MAMP控制面板选择新的文档根目录。打开Preferences窗口并选择Web Server选项卡: MAMP Web服务器首选项 确保选择了Apache。然后,单击Document Root 旁边的Select按钮。这将打开一个Finder窗口,您可以在其中选择要用作文档根目录的文件夹。 选择正确的文件夹后单击选择,然后在MAMP首选项窗口中选择确定: 在Web Server首选项窗口中确认MAMP文档根目录 这将重置您的文档根目录并自动重新启动MAMP。然后Apache应该能够启动。 2. 改变你的监听端口 默认情况下,MAMP在端口8888上运行 Apache。如果此端口正被其他应用程序使用,则Apache将无法启动。 要解决此问题,您可以退出阻止Apache连接到端口8888的应用程序,或者更改MAMP配置文件中的侦听端口。 如果您想发现哪个应用程序阻塞了端口,您可以使用命令行来执行此操作。您需要输入的命令会因您的操作系统而异: […]

WordPress localhost拒绝连接,localhost错误,MAMP,MAMP错误 文字详细教程

本地开发和测试服务器是任何WordPress开发人员工具库中最重要的工具之一。这些久经考验的解决方案使您能够快速轻松地构建网站,而不会有破坏实时Web服务器的风险。但是,他们可能偶尔仍会遇到问题。 MAMP是一种流行的本地Web开发工具,用于构建WordPress网站,但它有时会成为localhost问题的牺牲品。幸运的是,如果您遇到常见的“localhost refused to connect”消息,您可以采取一些步骤来解决此错误。 在本文中,我们将探讨MAMP的localhost错误是什么,以及导致问题的原因。然后,我们将分享七种解决此连接问题的方法。 MAMP简介(以及“本地主机拒绝连接”错误) 如何解决MAMP的“本地主机拒绝连接”错误 MAMP 简介(以及“本地主机拒绝连接”错误) MAMP是一个由开源软件和专有软件组成的解决方案堆栈。MAMP这个名字来源于它的组件:macOS、Apache、PHP、MySQL或MariaDB,以及Perl或Python。但是,MAMP不限于这些元素。例如,您可能会选择使用Nginx而不是Apache。 MAMP在您的Windows或macOS计算机上安装本地服务器环境,通常用于开发动态网站。MAMP也被使用WordPress等内容管理系统 (CMS) 的开发人员广泛使用: 您可以使用MAMP开发没有实时Web服务器的网站 使用MAMP,您可以在计算机上设置本地开发环境。这消除了通常与配置独立Web服务器相关的时间、成本和复杂性。换句话说,它非常适合快速测试项目或开发网站而不会破坏实时服务器。 但是,您在使用MAMP时仍可能遇到问题。当您尝试访问localhost时,您可能会看到以下错误消息:“localhost denied to connect”。 这通常发生在您的端口配置出现问题时。例如,另一个服务可能会阻止MAMP尝试使用的端口,或者您可能正在尝试完全访问错误的端口。当MAMP无法启动服务器时,您也可能会遇到此错误。 如何解决MAMP的“本地主机拒绝连接”错误(7种方法) MAMP是用于在本地环境中开发和测试项目的流行解决方案。但是,如果您无法连接到localhost,您将很难从该工具中获得任何价值。如果您遇到“localhost拒绝连接”错误,这里有七个修复程序可以帮助您重新连接并重新开始工作。 1. 尝试不同的Web浏览器 您的连接问题可能是特定于浏览器的。每个网络浏览器都有独特的设置和行为。 特别是,某些浏览器会自动重定向到与任何HTTP网址等效的超文本传输​​协议安全 (HTTPS) 。如果您没有为Web项目启用安全套接字层 (SSL),则此重定向可能会触发localhost错误。 在进行更复杂的修复之前,您可能需要尝试通过其他Web浏览器访问您的localhost。这可以帮助您测试问题出在MAMP还是您正在使用的浏览器上。 如果您在备用浏览器中没有遇到localhost错误,这表明问题是特定于浏览器的。在这种情况下,我们建议检查您的浏览器设置以查找可能导致MAMP出现问题的任何配置。例如,您可能会发现您的浏览器默认将HTTP请求重定向到HTTPS。 解决此重定向问题的步骤将根据您使用的内容而有所不同。例如,Chrome用户可以通过访问chrome://net-internals/#hsts来禁用此重定向: 检查您的浏览器是否有自动HTTPS重定向 接下来,滚动到以下部分Delete domain security policies,然后输入您的 localhost 域。然后,您可以选择Delete,这应该会禁用Chrome对您的本地主机的重定向。 2. 允许传入连接 如果您无法通过localhost访问Web服务器,则您的防火墙可能会阻止连接。您通常可以通过修改防火墙设置以允许MAMP尝试访问的端口的传入连接来解决此问题。或者,您可以允许整个MAMP应用程序的连接。 如果您是macOS用户,您可以通过导航到Apple > System Preferences… > Security & Privacy来编辑防火墙设置。然后您可以选择Firewall选项卡: macOS防火墙设置 要为整个MAMP应用程序启用传入连接,请选择Firewall Options。然后,您可以单击+ 图标,选择MAMP,然后选择Add。然后MAMP将被添加到您的允许应用程序列表中。 允许MAMP的所有传入连接 […]

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定制器或使用专用插件。 […]

100% Secure Checkout

PayPal / MasterCard / Visa