任何问题请联系WX:uu16853

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

购买更多有优惠!

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 PHP worker,服务器性能 文字详细教程

在选择托管计划时,选择最符合您的WordPress网站需求的计划非常重要。 例如,一个每月有50,000名访问者的电子商务网站通常比具有相同流量的简单博客对资源的要求要高得多。 这仅仅是因为电子商务网站本质上通常是动态的,并且需要更多资源用于PHP和数据库查询。 这就是PHP worker发挥作用的地方。阅读下文,了解PHP worker是什么以及如何使用它们来加快您网站上请求的处理速度。 什么是PHP worker? WordPress如何使用PHP Workers? PHP Worker与CPU的关系 如何优化您网站的PHP Worker使用 PHP Workers不足的后果 估计所需PHP workers的数量 什么是PHP worker? 在WordPress的上下文中,PHP worker构建页面、处理计划的后台任务等等。由于PHP worker直接负责生成HTML页面以提供给您网站的访问者,因此他们决定了您的网站在任何给定时间可以同时处理多少个未缓存的请求。 例如,假设您的WordPress站点配备了两个PHP workers,并且没有设置页面缓存。如果四个请求同时到达您的站点,则其中两个请求将立即得到处理,而另外两个则必须在队列中等待,直到前两个请求完成处理。 尽管我们实现了服务器级缓存,但对于绕过或丢失缓存的请求,PHP workers变得非常重要,因为他们必须为每个请求工作。 通常我们会在电子商务和社区论坛网站上看到很多未缓存的请求。因此,这些站点将需要额外的PHP workers来确保处理每个请求而不会出现延迟或超时。 如果您的网站经过高度优化或没有大量PHP代码(例如复杂的主题或大量WordPress插件),那么处理每个请求应该几乎立即发生。即使有2个PHP workers和4个请求,所有4个请求都将很快得到处理。 简单地说,PHP workers是运行PHP代码的服务器上的后台进程。 WordPress如何使用PHP Workers? 在我们讨论如何优化WordPress的PHP worker使用之前,我们必须首先了解WordPress如何使用PHP worker。 未缓存环境中的典型请求如下所示: Web服务器(Nginx或Apache)接收来自访问者的请求。 Nginx将请求传递给PHP。 PHP根据需要查询MySQL数据库并使用主题的PHP模板生成HTML页面。 PHP将呈现的HTML页面交还给Web服务器。 该页面提供给访问者。 在上面突出显示的过程中,第3步是最耗费时间和资源的(CPU和RAM)。具有最少数据库查询和高效PHP代码的高度优化的站点将相对较快地完成第三步。 相反,一个编写糟糕的PHP代码并进行大量不必要的数据库查询的站点将花费更多的时间来完成第3步,这意味着请求将占用PHP worker更长的时间。 PHP Worker与CPU的关系 当谈到WordPress性能时,PHP worker和可用CPU之间的关系是一个需要考虑的重要因素。 如果CPU资源不足是您网站的瓶颈,那么增加PHP worker的数量不会提高您网站的性能——它只会让您的网站同时处理更多请求,而每个请求的性能会降低。 让我解释。 想象一个带有一根软管的消防栓。只需连接一根软管,消火栓就能提供足够的水压。现在,如果我们将十根软管连接到消火栓上会发生什么? […]

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以便购物车在您继续浏览网站时保留您的产品。 […]

WordPress Sublime Text,代码编辑器 文字详细教程

Sublime Text是世界上最受欢迎的文本/代码编辑器之一。它充满了强大的功能,例如多行编辑、为数十种编程语言构建系统、正则表达式查找和替换、用于开发插件的Python API等等。 最重要的是,它是跨平台的(Mac、Windows 和 Linux),并且作为“共享软件”分发,这意味着它可以通过偶尔的购买弹出窗口免费使用。 在本文中,您将学习如何使用Sublime Text来满足您所有的文本和代码编辑需求! 什么是Sublime Text? 如何下载Sublime Text Sublime Text 101 – 基础 编辑的Sublime Text 面向开发人员的Sublime Text 小结 什么是Sublime Text? Sublime Text将自己标榜为“用于代码、标记和散文的复杂文本编辑器”。Sublime Text最初于十多年前于2008年1月发布,现在是第四个主要版本,支持Mac、Windows和Linux。 Sublime Text的核心类似于一把瑞士军刀,可以应用于任何涉及文本操作的用例或问题。 乍一看,Sublime Text似乎是一个只对开发人员有用的文本编辑器。虽然它对于开发人员来说是一个很棒的工具,但对于作家和博主来说,它也是一个强大的应用程序。 在深入探讨Sublime Text的所有特性和功能之前,让我们快速浏览一些Sublime Text可能有用的场景。 正则表达式查找和替换 Regex是正则表达式的缩写,是一种用于指定搜索模式的语法。正则表达式通常用于定位相似(但不同)的文本字符串以进行文本编辑。 例如,如果您想从文档中删除所有HTML<h1>标记,则搜索每个要删除的标记(例如、<p>、<span>等)将非常耗时。 相反,您可以使用单个正则表达式模式执行搜索。在这种情况下,正则表达式模式[a-zA-Z0-9]可用于查找文档中的所有HTML标记。 在Sublime Text中查找和替换文本 在Sublime Text中执行正则表达式查找和替换非常简单。在菜单栏中,单击Find > Find in Files中查找。接下来,在查找和替换菜单中启用正则表达式模式,在“Find”字段中指定正则表达式模式,选择,然后 根据您需要完成的任务<current file>单击Find或Replace。 快速运行代码 与传统的文本编辑器不同,Sublime Text允许您直接在应用程序中运行代码。这对于小型 Bash或Python脚本等简单项目特别有用。 例如,如果你正在编写一个简单的Python脚本来从URL列表中抓取数据,那么设置一个单独的终端来调试代码不如直接在Sublime Text中运行脚本方便。 在Sublime […]

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

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

WordPress dns,TTL,域名解析 文字详细教程

当用户访问您的网站时,您希望他们收到最新信息。 但是,您还需要快速加载您的网站。否则,您将面临跳出的风险,即用户放弃并迅速离开您的网站。 幸运的是,您可以通过调整网站的生存时间 (TTL) 来找到平衡点。您可以使用它来改善网站的加载时间并保持信息最新。 在本指南中,我们将了解TTL是什么以及它是如何工作的。我们还将检查它的用途以及如何为您的站点选择正确的TTL值。 什么是TTL? TTL是如何工作的? TTL有什么用? 您应该如何选择TTL? 如何更改TTL? 什么是TTL? TTL——正如我们已经提到的,它代表“生存时间”——是一种设置,它确定在路由器清除数据之前,您的数据(以数据包形式)在网络中有效和可用的时间。 我们也可以将此时间称为“跳数”,即它在不同路由器之间反弹的次数。 一旦TTL过期,路由器将需要再次检索信息及其更新。 内容交付网络 (CDN)也使用TTL来缓存您的数据。CDN是托管静态文件的全球服务器网络,因此您网站的访问者将收到最接近他们的信息。 这决定了CDN在检索更新信息之前将保留您的数据多长时间。 我们将在本文后面更深入地了解它的功能。现在,让我们检查一下域名系统 (DNS) 服务器、ping和Internet协议 (IP) 标头的上下文中的TTL是什么。TTL对这些应用程序中的每一个都有不同的作用,因此了解它们的区别很重要。 DNS中的TTL是什么? DNS服务器充当Web服务器和域名之间的桥梁。当您输入“www.wbolt.com”之类的域名时,服务器无法解释此信息。他们以称为IP地址的数字读取数据。 所以DNS方便了域名和IP地址的转换,使用户能够访问网站。 充当网桥的DNS服务器 要了解DNS服务器和TTL的关系,我们首先需要看一下缓存。在这种情况下,缓存是将您网站的域名转换为其IP地址的存储。 每次用户想要访问您的网站时,都需要进行这种转换。如果转换存储在缓存中,则连接可以更快地发生,因为存在DNS记录。事实上,服务器几乎可以瞬间拉起记录。 在这种情况下,TTL确定DNS服务器在再次请求信息之前将保留此DNS记录的时间。它是控制DNS传播的因素之一,它决定了DNS更新所需的时间。 Ping中的TTL是什么? Ping是衡量您的连接反应时间的指标。例如,它衡量您发出的请求需要多长时间才能返回。这种ping测量是测量网络延迟的方法之一,网络延迟是连接响应和延迟的通用术语。 当您运行ping测试时,报告可能包含TTL。此TTL值可以为您提供有关完成连接所需时间的更多信息。 运行ping测试 在此测试期间,ping记录来自四个单独数据包的结果。它显示花费的时间量和TTL,显示这些数据包花费了多少“跳”。 但是,此报告不会向您显示其他网站服务器设置的TTL。因此,您需要知道该值才能计算真正的TTL。 什么是TTL值? 当您为您的网站设置TTL值时,您选择一个以秒为单位的值。例如,600的TTL值相当于600秒或10分钟。 可用的最小TTL通常为30,相当于30秒。理论上,您可以将TTL设置为低至一秒。但是,大多数站点使用3600(一小时)的默认TTL。您可以应用的最大TTL为86,400(24 小时)。 从技术上讲,您可以设置最小和最大参数之间的任何TTL值。在本文的后面部分,我们将讨论如何为您的网站选择实现价值的最佳时间。 什么IPv6字段类似于IPv4数据包中的TTL字段? IPv6和IPv4 是不同类型的IP。它们都通过一系列规则(或协议)路由数据包。这些IP包含使数据能够到达其预期目的地的信息。 IP标头包含数据包开头的信息。例如,它们具有来自源和目标的IP地址的信息以及其他详细信息。 IPv4是原始IP,自1984年以来一直可用。它有一个由数字和句点组成的32位地址。IPv6是较新的IP,它使用包含字母和数字的128位地址格式。 当您使用IPv4标头时,它使用TTL字段,但IPv6不使用。对于IPv6标头,它有一个名为Hop Limit的字段,其作用类似于TTL。在这里您可以看到两个IP标头的比较。 IPv6跃点限制 跳数限制确定数据包在路由器丢弃之前将移动多少“跳”。 TTL是如何工作的? 现在,让我们更深入地了解TTL的实际工作原理。我们已经知道,它的值决定了数据包在路由器拒绝之前将存在多长时间(或多少跳)。但是,此功能的方式比您想象的要复杂一些。 当您为数据包数据分配TTL时,它会将此数字作为数值(以秒为单位)进行携带。每次数据包到达路由器时,路由器都会从TTL值中取出一个数字,并将其传递到链中的下一步。 如果数据包被传递太多次,它的数值就会变为零。如果发生这种情况,它将无法建立整个连接,路由器将丢弃它。 然后,您将收到Internet控制消息协议 […]

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

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

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

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

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

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

WordPress GraphQL,GraphQL查询,PoP 文字详细教程

GraphQL是一种用于API的查询语言,它使客户能够准确地询问他们需要的数据并准确地接收这些数据,仅此而已。这样,单个查询就可以获取渲染组件所需的所有数据。 (相比之下,一个REST API必须触发多次往返以从不同端点的多个资源中获取数据,这可能会变得非常慢,尤其是在移动设备上。) 尽管GraphQL(意为 “Graph Query Language”)使用图数据模型来表示数据,但GraphQL服务器不一定需要使用图作为数据结构来解析查询,而是可以使用任何需要的数据结构。该图只是一个心理模型,而不是实际实现。 GraphQL项目在其网站graphql.org上声明了这一点: Graph是对许多现实世界现象进行建模的强大工具,因为它们类似于我们的自然心理模​​型和对潜在过程的口头描述。使用GraphQL,您可以通过定义模式将业务领域建模为图形;在您的架构中,您定义不同类型的节点以及它们如何相互连接/关联。在客户端,这会创建一个类似于面向对象编程的模式:引用其他类型的类型。在服务器上,由于GraphQL只定义了接口,你可以自由地将它与任何后端(新的或旧的!)一起使用。 这是个好消息,因为处理图或树(它们是图的子集)并非易事,并且可能导致解决查询的指数或对数时间复杂度(即解决查询所需的时间可能会增加几个订单)查询的每个新输入的数量级)。 在本文中,我们将描述PoP在PHP GraphQL中的GraphQL服务器的架构设计,它使用组件作为数据结构而不是图。该服务器的名字来源于PoP,它是在PHP中构建组件的库,它是基于该库的。 本文分为5个部分,解释: 什么是组件 PoP的工作原理 PoP中如何定义组件 组件如何自然地适用于GraphQL 使用组件解决GraphQL查询的性能 1.什么是组件 每个网页的布局都可以使用组件来表示。组件只是一组代码(例如HTML、JavaScript和CSS)组合在一起以创建一个自治实体,该实体可以包装其他组件以创建更复杂的结构,并且自身也可以被其他组件包装。每个组件都有一个用途,可以是非常基本的东西,例如链接或按钮,也可以是非常复杂的东西,例如轮播或拖放图像上传器。 通过组件构建站点类似于玩乐高。例如,在下图中的网页中,简单的组件(链接、按钮、头像)被组合成更复杂的结构(小工具、部分、侧边栏、菜单)一直到顶部,直到我们获得网页: 页面是一个wrapping组件的组件,如方框所示 组件可以在客户端(例如JS库Vue和React,或CSS组件库Bootstrap和Material-UI)和服务器端以任何语言实现。 2. PoP的工作原理 PoP描述了一种基于服务器端组件模型的架构,并通过组件模型库在PHP中实现。 在以下部分中,术语“组件”和“模块”可互换使用。 组件层次结构 所有模块相互wrapping的关系,从最顶层的模块一直到最后一层,称为组件层次结构。这种关系可以通过服务器端的关联数组(key=>property)来表示,其中每个模块将其名称声明为关键属性,并将其内部模块声明为属性”modules”。 PHP数组中的数据也可以直接在客户端使用,编码为JSON对象。 组件层次结构如下所示: $componentHierarchy = [ ‘module-level0’ => [ “modules” => [ ‘module-level1’ => [ “modules” => [ ‘module-level11’ => [ “modules” => […] ], ‘module-level12’ => […]

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

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

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

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

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

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

WordPress PHP,PHP安装,PHP版本 文字详细教程

建立一个服务器可能是一项艰巨的任务,特别是在安装像PHP这样的语言时。如果你想让一个WordPress测试服务器运行起来,这是一个必须要学习的技能。 不知道从哪里开始在你的服务器上安装PHP?根据你独特的设置,有很多方法可以做到这一点。在哪里下载 PHP,哪个版本,需要什么来使它工作,以及如何在不同的操作系统上安装 PHP? 我们将在这个一站式的 PHP 安装指南中回答所有这些问题。 什么是PHP? PHP的先决条件 如何在Linux上安装PHP 如何在Windows上安装PHP 如何在macOS上安装PHP 所有关于PHP的扩展 什么是PHP? PHP logo PHP是一种开源的脚本语言,主要用于Web开发和服务器端(后端)脚本。简单地说。 PHP可以安装在服务器上运行脚本(例如在网站上添加表单的代码片段)。 它是在服务器端而不是客户端运行的,所以它在后台而不是在浏览器中工作。 它与HTML很好地结合在一起,使它非常适用于网络开发。 它也是最容易学习的网络脚本语言之一,使它成为初学者的热门选择。但它也相当强大,适合于高级网站功能。 许多网站和工具都使用PHP和它的许多扩展(.NET、Apache和MySQL可能听起来很熟悉)。 WordPress主要建立在PHP上,它的大多数插件和主题也在PHP上运行。 你的服务器需要PHP吗? 那么你知道什么是PHP,但为什么你要在你的服务器上安装它? 最明显的原因是,它是让WordPress启动和运行的必要条件,因为它几乎完全建立在PHP上。PHP也为大多数WordPress的功能、钩子、主题和插件提供动力。 你可以在这里看到所有其他的WordPress系统要求: WordPress要求 所以,如果你想运行一个WordPress测试服务器来玩玩,或者建立一个暂存网站,你就需要安装PHP。 除此之外,PHP对初学者来说是一个很好的启动点。与其他网络脚本语言相比,它使用起来很简单,但这并不以牺牲功能为代价。如果你足够熟练,你可以用它做各种各样的事情。 PHP也相当流行。因此,你可以在网上找到大量的扩展和资源。 除此之外,如果你想学习WordPress主题和插件的编码,你就需要学习PHP。建立一个测试服务器是一个很好的实验方法。 请注意,许多虚拟主机服务器都预装了PHP和WordPress。 你需要手动操作的唯一原因是,如果你要从头开始建立一个服务器,无论是在你的本地电脑上还是在一个没有管理的托管环境中。 这就是说,让我们进入服务器设置说明。 PHP的先决条件 在安装 PHP 之前,你需要确保你的服务器能够处理它。幸运的是,这些要求是相当基本的,而且很多软件可能已经安装在你的电脑上了。 如果你以前没有创建过服务器,你应该看看这个指南,在多个操作系统上建立一个本地服务器。具体的细节因你的操作系统而异,但你应该知道如何使用命令行并准备好安装新的软件。 无论在什么操作系统上安装 PHP,都需要一个 web 服务器来运行它。还可能需要安装一个像 MySQL 这样的数据库,所以要记住这一点。 下面是每个操作系统的 PHP 先决条件,从 Linux 开始。 一个 ANSI C 编译器。 特定模块的组件,如 […]

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

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

WordPress Git,GitHub,项目管理 文字详细教程

网络开发与协作有着内在的联系。大多数时候,你会和其他开发者一起工作,即使没有,Git 也能在很多其他方面帮助你。 Git 是控制我们制作的应用程序的版本的软件。单打独斗的开发者、大公司,甚至是世界上最大的开源项目 Linux 都在使用它。 作为一个网络开发者,知道如何正确使用Git进行网络开发是极其重要的。我们不只是在谈论 “git add”、”git commit “和 “git push”。你应该知道用Git创建一个web项目的整个工作流程。 为什么使用Git? 网站开发的基本 Git 工作流程 如何在Kinsta使用Git 为什么要使用Git? 这些只是开始使用 Git 的部分原因: 组织:与其用v1、v2、v3等文件夹来管理项目,不如用一个专门的数据库来存储所有版本的文件。 协作:Git 可以让你和其他人同时在同一个项目上工作而不产生冲突。 开源:Git是开源的,但它也是我们用来协作和创造伟大的开源软件的工具。任何人都可以在GitHub或Bitbucket等平台上向开源项目提出拉取请求。 平台的灵活性:如今,你有许多不同的Git托管服务可以选择,比如Gitlab、GitHub、Bitbucket和SourceForge。你甚至可以为你的所有项目使用一个自我托管的解决方案。 轻松备份:轻松地撤销错误,永远不会丢失你的项目代码库。 我们已经提过一两次GitHub这个词了,那么Git和GitHub之间有什么区别? 如果你对 Git 完全陌生,可能会感到困惑。简单地说,Git 和 GitHub 是相关但不同的工具。 Git 是我们用来控制文件变化的版本控制系统(VCS),而 GitHub 是我们用来在线存储项目文件及其 Git 历史的服务(位于项目的 .git/ 文件夹中)。 Git安装在本地,在你的机器上,如果没有像GitHub或GitLab这样的托管服务,就很难与其他开发者进行协作。 GitHub通过增加其他改善协作的功能,如克隆、分叉和合并,为Git增压。这两个工具结合在一起,为你带来了一个相对友好的生态系统,可以开发、管理并向其他人展示你的项目。 专注于开发,而不是托管。给我们的管理应用程序托管一个旋转。 大的IaaS供应商倾向于将事情过度复杂化。跳过过时的仪表盘、臃肿的产品线和令人困惑的内置功能,你将不会使用。在几分钟内部署你的代码。另外,你的第一个月可以得到20美元的优惠。 网页开发的基本 Git 工作流程 在接下来的章节中,你将通过亲身实践了解更多关于网页开发的 Git 工作流程。 安装要求 如果你还没有安装Git,现在是个好时机。它很容易安装,在大多数操作系统上都可以使用。 […]

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的所有传入连接 […]

100% Secure Checkout

PayPal / MasterCard / Visa