任何问题请联系WX:uu16853

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

购买更多有优惠!

WordPress DesktopServer,MAMP,WampServer,WordPress本地安装,WordPress本地环境搭建,XAMPP 文字详细教程

通常我们在使用WordPress搭建一个网站前,又或者测试一个WordPress主题或者插件时,会通过本地环境搭建一个WordPress测试网站。但对于初入门的WordPress新手来说,搭建WordPress本地环境可能未必是一件容易的事情。 实际上,我们只需要几个简单的步骤,即可完成本地安装WordPress。无论您是要测试新功能,试验开发项目还是在正式上线之前搭建WordPress网站,本地WordPress安装都可以帮助您实现这一目标。 在本文中,我们将分享如何使用DesktopServer,XAMPP,WAMP或MAMP在Windows、Mac及Linux电脑系统安装WordPress 。 关于本地安装WordPress的概述 WordPress本地安装之DesktopServer篇(Win&Mac环境) WordPress本地安装之WAMP篇(Windows环境) WordPress本地安装之MAMP篇(Mac&Win环境) WordPress本地安装之XAMPP篇(Win, Mac&Linux环境) 关于本地安装WordPress的概述 在本地安装WordPress也有一些优势。非正式环境,完全无需担心影响访客浏览网站体验;即使无网络,也可以继续操作。 此外,在处理文件和本地编辑时,本地环境有时会更快。通常只需较少的设置即可启动和运行它。 当您想在本地安装WordPress时,您需要在计算机上设置本地AMP堆栈。对于WordPress,AMP代表Apache,MySQL,PHP。这些均是WordPress服务器主机所需要运行的Web服务器软件。 您可以使用多种方法来实现本地服务器环境搭建。最常见的选项包括WAMP,XAMPP和MAMP,这些都是优秀的软件工具(当然我们还有本土的phpstudy,日后有时间也可以写篇文章专门介绍一番)。 但是,它们被设计为可与多种其他软件和工具一起使用,可能会有一些学习曲线。不过,没关系,我们下面会逐一对这几个软件进行说明。 首先要介绍的是DesktopServer,它实际上是为WordPress作为本地AMP堆栈专门设计和优化的。 WordPress本地安装之DesktopServer篇 DesktopServer是ServerPress提供的一款出色的WordPress产品,可以使在本地安装WordPress变得轻而易举: DesktopServer安装界面 您只需单击一下按钮,即可在几秒钟内启动新的开发安装。该工具还完全支持多站点和WP-CLI,并且可以在Windows和Mac上使用。 ServerPress有免费版本和高级版本,后者每年收费99.95美元。高级版本包括一些专业功能,例如: 多站点支持 导入和导出第三方备份 直接部署到线上环境 绕过任何登录插件 您可以根据需要选择最适合的版本。如果您只需要进行一些快速测试,免费版本完全足够了。 步骤1:下载DesktopServer到本地计算机 要在本地安装WordPress,您首先需要从官方下载DesktopServer。该软件提供Windows版本和Mac版本。以下示例,我们将使用Windows版本。 单击DesktopServer官网右上角的“FREE DOWNLOAD”按钮( 如果需要专业版,请单击“购买高级版Buy Premium”): ServerPress网站 然后你将会下载到.zip 安装包压缩文件到您的计算机。 步骤2:启动DesktopServer安装程序 文件下载完成后,下一步是启动DesktopServer安装程序。在执行此操作之前,需要解压缩刚刚下载的文件。这可能需要几分钟才能完成。 完成后,点击Install DSL: DesktopServer安装程序 首次启动该程序时,系统提示您以管理员权限重新启动。选择Continue。然后将提示您接受服务条款,并选择安装选项(新安装选择第一个选项即可): DesktopServer安装界面 选中“New DesktopServer Installation”,然后单击“Continue”。安装过程将开始,这可能需要一些时间。 完成后,将弹出窗口,提示您安装已完成,并告知你在计算机目录中的哪里可以找到该应用程序。完成后,点击“Finish”。 步骤3:启用插件并启动Apache和MySQL服务 安装完成后,您可以启用多种不同的开发人员插件: DesktopServer开发人员插件启用 这是在本地安装WordPress时可以使用的开发人员插件的清单。强烈建议Bypass login和DS-CLI插件。 Airplane mode:本地开发时,控制外部文件的加载。 Bypass […]

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

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

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

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

WordPress cPanel,服务器管理 文字详细教程

如果您正在从事Web开发、设计和管理,那么您在尝试完成工作时肯定会遇到cPanel。这个充满图标的仪表板是所有需要在网站后端执行的任务的重要工具。但即使您以前使用过它,您可能仍然想知道,cPanel到底是什么?我如何使用它?它的核心功能是什么? 在本文中,我们将了解cPanel是什么、在哪里可以找到它,以及它如何帮助您管理一个或多个网站。 什么是cPanel? 首先,它是什么?cPanel本质上是一个仪表板或控制面板,充满了易于使用的工具,使Web管理更容易。在它里面可以实现很多事情,从安装WordPress到创建临时站点等等。 国外大多数共享服务器(如Bluehost和 GoDaddy)都使用cPanel作为其管理仪表板。拥有专用服务器或他们自己的服务器的Web开发人员也可以将其用作他们的管理系统。可以自定义界面以匹配托管服务器的外观。他们还可以根据自己对客户的偏好来管理要添加或删除的功能。 在我们深入了解您可以使用cPanel做什么之前,让我们看看如何访问它。 您的cPanel在哪里? 您可以通过几种不同的方式访问仪表板。最简单的方法是通过您的托管服务器平台。Siteground有来自您的帐户仪表板的直接链接。Bluehost有一个“advanced”按钮。其他托管服务有其他访问cPanel的方式,但通常都在您的通用托管仪表板中。 另一种访问它的方法是使用您的安全域URL并在末尾添加:2083。像这样: https://www.yourdomain.com:2083 对于http,像这样使用 :2082 http://www.yourdomain:2082 登录详细信息与您的主机登录信息相同(如果您有的话)。否则,请使用您的cPanel登录信息登录。 cPanel的样子? cPanel是一个组织成多个部分的仪表板。根据您的托管服务器,界面可能与您过去看到的界面有所不同。这是因为每个主机都可以将自己的品牌和设计应用于仪表板的外观。 下面是一个关于cPanel介绍视频,该视频会让你对它的全部内容有一个很好的了解。 https://static.wbolt.com/wp-content/uploads/2021/08/What-is-cPanel.mp4 在您的cPanel的左侧栏中是您的帐户信息。在这里,您会发现以下内容: 您的帐户(托管)到期日期 您的IP地址 您的域的名称服务器 您服务器的主机名 用于查找您需要的cPanel功能的搜索栏 有关您的域、电子邮件和存储空间的统计信息 然后在右边是更大的区域,在那里可以找到所有的特征。请继续阅读以了解所有这些功能的用途。 cPanel可以做什么? 您可以在cPanel中做很多事情。有些比其他更常见,而另一些则更精细,并不是每个人都需要的。以下是最常见功能的列表。 Web应用程序/内容管理系统安装 一些最常见的功能是CMS和Web应用程序安装程序。其中包括CMS的安装程序,如WordPress、Joomla等。在Softaculous等工具的帮助下,您可以使用cPanel安装许多不同的 Web 应用程序,这些应用程序将有助于构建和管理您的网站。 管理域 在cPanel中,您可以管理所有域和子域。域管理器允许您执行以下操作: 添加新域 创建子域 添加停放的域 管理域 保护域ID 编辑DNS区域 内容管理工具 根据您使用的CMS,cPanel提供特定于它的工具。其中包括WordPress自动安装程序、临时站点、迁移工具和缓存控制等内容。根据托管服务的不同,还有其他CMS的工具,例如Joomla等。根据托管服务的不同,您可以使用不同的CMS工具。 电子邮件地址和网络邮件 cPanel是添加和管理所有新电子邮件地址的地方。从这里您可以控制密码、存储容量、转发功能和POP控件,以将电子邮件添加到您的办公生产力套件中。 文件管理器 使用cPanel,您还可以控制您管理的每个域中的文件。通过文件管理器,您可以访问您的主目录、您的Web根目录、公共FTP根目录和文档根目录。在文件管理器中,您还可以选择查看隐藏文件,这些文件可让您访问.htaccess等文件。 您网站中的所有内容都在文件管理器中。您可以通过选择要专门查看的域或全局查看并从那里导航来访问所有内容。 PHP控件 cPanel也是您可以添加PHP扩展或更改PHP设置(如图像上传大小和内存限制)的地方。 创建和管理备份 备份管理是网络管理的一个重要方面。cPanel使其易于处理。仪表板内的一些CMS工具具有备份管理系统,但您也可以使用备份工具直接通过cPanel进行备份。 安全功能 通过cPanel,您可以管理不同域的安全指标。添加加密功能以使用https使域安全,为文件目录添加密码保护,并管理IP地址拒绝功能。使用cPanel安全功能对您的任何站点和域进行安全检查。 管理数据库 […]

WordPress Caniuse.com,浏览器兼容 文字详细教程

关于成为Web开发人员的最好笑话之一是,您将20%的时间花在编码上。而另外80%的人则在互联网上搜索您遇到的问题的解决方案。如果有点夸张,这也不是非常不真实。多亏了像Can I Use这样的工具, 可以大大减少搜索时间。 什么是CanIUse? 使用此工具,可以快速查看网站上的特定技术是否与特定浏览器兼容的问题,可帮助您更轻松地做出设计和开发决策。该网站主要由Alexis Deveria建立和维护, Lennart Schoors设计。CanIUse是一个开源项目,任何人都可以有助于为促进信息的数据库,甚至小的努力。 使用该工具很简单。通过对属性、参数或功能的简单搜索,caniuse.com将准确地告诉您哪些浏览器和版本支持该技术。 CanIUse还可以让您了解您正在寻找的属性的变体。这样你就知道哪些浏览器支持哪些类型的媒体查询。 以及到什么程度。兼容性图表不仅表明浏览器是否支持该技术,还表明是否支持某些版本的部分兼容性。 为什么要使用CanIUse? 好吧,对于初学者来说,如果您想为您的客户、顾客和访客提供最佳体验,您应该使用它。在尝试决定是否应该使用悬停效果、透明效果、jquery on-clicks甚至自动暗模式切换时。 如果您使用您能想到的所有花里胡哨建立一个网站,做出比应用程序更具艺术性的精美设计,那么您已经完成了一些了不起的事情。但是,如果您的主要人群仍然使用 Internet Explorer 6(不寒而栗),那么不仅会浪费您的设计和开发时间,而且您的网站也会从根本上被破坏。访问者甚至可能无法在最基本的水平上发挥作用。 不可否认,大多数(但不幸的是并非全部)您的访问者将使用比 IE6 更现代的东西。然而,使用的不同浏览器的数量是巨大的。不同版本的平板电脑、手机和台式机。好吧,值得一看的是您即将推出的网站(或什至您现有的网站)是否符合您的受众的最佳利益)。 如何使用CanIUse 该网站的工作流程非常简单,而且UI非常易于阅读。 看看上面的截图,你可以在搜索字段中输入任何你想要的技术。我们找到了使用您在代码中使用的特定语法的最佳结果。不是语义化的、人类可读的术语。如在(1) 中,应该选择prefers-color-scheme而不是使用暗模式切换CSS。 CanIUse给出的描述 (2)也使得如果您正在研究一项技术,您可以准确地看到它是什么、它做什么以及它如何与DOM交互。 CanIUse最有用的部分之一是任何特定条目底部的注释 (3)选项卡。它本身不是技术信息,它更多的是提醒您可能有一些您在彩色版本图表中看不到的注意事项。 当您将鼠标悬停在特定浏览器版本上时(让我们以臭名昭著的Internet Explorer 6为例),会出现一个包含大量信息的弹出窗口(4)。该版本的全球总使用量,开发人员是否仍然支持它,以及使用BrowserStack模拟测试技术的能力。最后一点很重要。查看不受支持的功能如何呈现可能会向您展示解决问题的方法。 有时,备注 (5)选项卡还会显示特定类型的功能已被弃用。在上面的示例中,@media查询已被弃用。因为有一个单独工作的dark-mode/light-mode查询。 如何查找网站访客使用的浏览器 考虑到所有这些,您可以查看要使用的任何给定技术支持哪些浏览器。但这如何必然适用于您的用户?您可以使用Google Analytics或者百度统计深入了解访问者使用的浏览器和操作系统 (OS),以确保尽可能兼容。下面以Google Analytics为例: 首先,导航到左侧边栏的Audience(受众)部分。然后展开 Technology(技术)并单击 Browser & OS(浏览器&操作系统)。 正如您看到的用户细分以及他们用来访问您网站的浏览器。如今,几乎每个网站都将成为顶级的Chrome和Safari。Chrome因为它是桌面用户的标准(也是Android设备的默认设置)。和Safari,因为iPhone(以及 MacOS)默认使用它。 单击浏览器 (3)可以让您查看正在使用的浏览器版本(字面意思是发布)。如果您注意到,下面的版本有很多差异。从12.x一直到604.x。这是一个很大的差距。它表明操作系统使用情况有所不同。因此,单击其他 (4) 并在下拉菜单中滚动,查找操作系统(5)。 现在按操作系统排序。现在您将看到有多少流量是移动的,有多少是桌面的。 有了这些信息,您就可以返回Caniuse.com并确保您网站上的任何技术都能像应有的那样为最高比例的用户提供服务。 小结 因此,下次您在查看一些新技术或阅读css教程并找到新的东西时,请查看caniuse.com。某些浏览器可能需要一段时间才能识别某些技术。但是,如果您的大多数受众来自支持新功能和有趣功能的浏览器,Can I Use绝对可以告诉您是否可以使用它。

WordPress Chrome,Firefox,Safari,检查元素工具,浏览器 文字详细教程

如果您与许多网站合作,您可能一直在寻找更快、更有效的方法来完成工作。如果是这样,在大多数主要浏览器中可用的Inspect Element(检查元素工具)可能是一个有用的东西。有了它,您可以快速识别CSS类、预览页面上元素的更改、在移动设备上模拟站点等等。 在本文中,我们将介绍检查元素工具,并向您展示如何在最流行的Web浏览器中访问它。然后,我们将向您介绍一些示例,说明如何将其用作Web开发工作流程的一部分。 如何在主要浏览器中访问检查元素工具 检查元素工具是一种实用程序,可让您查看任何网页的底层源代码。此外,您可以使用它进行临时更改并实时查看结果,同时保持原始源代码不变。如果您需要测试更改或诊断问题,这将非常有用。如果您遇到一个具有您喜欢的功能的网站并且很好奇它是如何实现的,它也可以派上用场。 大多数主要浏览器(包括Chrome、Firefox和Safari)都提供了此工具的变体。让我们看看如何在每个中访问它。 访问Chrome检查元素工具 在Chrome中可以通过三种方式访问​​检查元素工具: 右键单击页面上的元素并选择Inspect(检查)。 单击窗口右上角的三点菜单,然后选择“更多工具”>“开发者工具”。 按键盘上的 Ctrl + Shift + C (在 Mac 上为Cmd + Option + C )。 当该工具打开时,它会向您显示一个拆分视图。一方面,您可以预览正在检查的网站,以及一些用于调整视图和模拟不同屏幕分辨率的控件: 另一方面,有几个包含信息的窗格。顶部窗格是页面的 HTML。将鼠标悬停在部分代码上将突出显示右侧页面的相关区域: 下面是一个显示页面信息的窗格。此处显示的详细信息因您选择的选项卡而异。在上面的屏幕截图中,它显示了页面的CSS样式。 底部窗格只是关于Chrome 开发者工具的新闻和更新。您可以通过单击X安全地关闭它以减少混乱。 最后,您可以通过单击HTML窗格右上角的三点菜单并选择停靠选项之一来更改这些窗格的位置。 访问Firefox检查元素工具 Firefox中的检查元素工具与Chrome的非常相似,可以通过类似的方式访问: 右键单击页面上的元素并选择“检查元素”。 单击 Firefox 窗口右上角的汉堡菜单,然后选择更多工具 > Web开发工具。 按键盘上的 Ctrl + Shift + C  (在 Mac 上为Cmd + Option + C)。 Firefox默认将信息窗格放在屏幕底部: 但是,您可以通过单击三点菜单并选择其他选项轻松移动它们。 Safari检查元素工具 在Mac计算机上,Safari Web浏览器也提供了检查元素工具。但是,访问它还有一个额外的步骤——您需要启用Safari开发人员工具。 为此,请前往屏幕顶部的菜单栏并导航至Safari>偏好设置>高级。然后,您可以选中相关框以启用开发工具: […]

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

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

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

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

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

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

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

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

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

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

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

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

WordPress Linux,Linux命令,Linux命令行 文字详细教程

在撰写本文时,Linux在台式机上的全球市场份额为2.68%,但超过90%的云基础设施和托管服务都在该操作系统中运行。仅出于这个原因,熟悉流行的Linux命令就至关重要。 根据2020年StackOverflow调查,Linux是专业开发人员使用最多的操作系统,拥有令人印象深刻的55.9%的市场份额。这不仅仅是巧合。Linux是免费的、开源的,比竞争对手具有更好的安全性,并且拥有强大的命令行,使开发人员和高级用户更加高效。 无论您是经验丰富的系统管理员还是Linux新手,都可以利用本指南。 什么是Linux命令? 最常用的Linux命令 Linux命令备忘单 什么是Linux命令? Linux命令是在命令行上运行的程序或实用程序。命令行是一个界面,它接受文本行并将其处理为计算机的指令。 任何图形用户界面(GUI)都只是命令行程序的抽象。例如,当您通过单击“X”关闭窗口时,该操作后面会运行一个命令。 标志(flag)是我们可以向您运行的命令传递选项的一种方式。大多数Linux命令都有一个帮助页面,我们可以使用-h标记调用该页面。大多数情况下,标志是可选的。 argument或parameter是我们给命令的输入,以便它可以正常运行。在大多数情况下,参数是一个文件路径,但它可以是您在终端中键入的任何内容。 可以使用连字符 (-) 和双连字符 (–)调用标志,而参数的执行取决于将它们传递给函数的顺序。 最常用的Linux命令 在开始使用最常用的Linux命令之前,请确保启动终端(terminal)。在大多数Linux发行版中,您可以使用Ctrl + Alt + T来执行此操作。如果这不起作用,请在应用程序面板中搜索“terminal” Linux终端模拟器。 现在,让我们一起来了解40个最常用的Linux命令。其中许多选项可以串到它们,所以请务必查看命令手册. 1. ls命令 ls可能是每个Linux用户在其终端中键入的第一个命令。它允许您列出您想要的目录的内容(默认情况下是当前目录),包括文件和其他嵌套目录。 ls 它有很多选择,所以最好使用 –help 来获得一些帮助。此标志返回所有可以与 ls一起使用的flags参数。 例如,要着色 ls 命令的输出,您可以使用以下命令: ls –color=auto ls着色命令 现在 ls 命令输出已着色,您可以欣赏目录和文件之间的区别。 但是,用彩色标志打字是低效的:这就是我们使用命令 lsalias 的原因。 2.alias命令 alias命令允许您在shell会话中定义临时别名。创建别名时,您指示shell用一系列命令替换单词。 例如,要设置 ls 为颜色而不每次键入标志 –color,您将使用: alias ls=”ls –color=auto” 正如你所看到的,alias命令需要一个关键值对参数:alias NAME=”VALUE” .请注意,该值必须是使用引号。 如果你想列出你的shell会话中所有的别名,你可不使用argument运行命令alias。 alias alias命令。 […]

WordPress PHP,PHP代码转换,Transpiling PHP 文字详细教程

在理想情况下,我们应该为我们的所有网站使用PHP8.0(撰写本文时的最新版本),并在新版本发布后立即进行更新。但是,开发人员通常需要使用以前的PHP版本,例如为WordPress创建公共插件或使用妨碍升级Web服务器环境的遗留代码时。 在这种情况下,我们可能会放弃使用最新PHP代码的希望。但是还有一个更好的选择:我们仍然可以使用PHP8.0编写源代码,并将其转换到以前的PHP版本,甚至是PHP7.1。 在本指南中,我们将教您有关转换PHP代码的所有知识。 什么是Transpiling? Transpiling PHP的优势 PHP转换器(PHP Transpilers) 转换到哪一个PHP版本 Transpiling vs Backporting Transpiled PHP示例 转换PHP的利弊 如何转换PHP 优化转换过程 转换代码时要避免的坑 转换和连续集成 测试转换代码 什么是Transpiling? Transpiling将源代码从编程语言转换为相同或不同编程语言的等效源代码。 Transpiling并不是Web开发中的一个新概念:客户端开发人员很可能熟悉Babel,JavaScript代码的转换器。 Babel将现代ECMAScript 2015+版本中的JavaScript代码转换为与旧浏览器兼容的旧版本。例如,给定ES2015箭头函数: [2, 4, 6].map((n) => n * 2); …Babel将其转换为ES5版本: [2, 4, 6].map(function(n) { return n * 2; }); 什么是Transpiling PHP? Web开发中潜在的新功能是转换服务器端代码的可能性,特别是PHP。 转换PHP的工作方式与转换JavaScript的工作方式相同:现代PHP版本的源代码转换为旧PHP版本的等效代码。 下面是与前面相同的示例,PHP 7.4中的箭头函数: $nums = array_map(fn($n) => $n * 2, [2, 4, 6]); …可以转换为其等效的PHP 7.3版本: $nums […]

WordPress javascript,响应式设计,媒体查询 文字详细教程

大多数现代网站使用响应性网页设计技术,以确保其外观良好、可读性好,并在任何屏幕大小的设备上保持可用性,如手机、平板电脑、笔记本电脑、台式电脑显示器、电视、投影仪等。 使用这些技术的站点有一个模板,该模板根据屏幕尺寸修改布局: 较小的屏幕通常显示线性、单列视图,其中通过单击(汉堡)图标激活菜单等UI控件。 更大的屏幕显示更多信息,可能带有水平对齐的侧栏。UI控件(如菜单项)可能始终可见,以便于访问。 响应式web设计的一个重要部分是实现CSS或JavaScript媒体查询,以检测设备大小并自动提供适合该大小的设计。我们将讨论为什么这些查询很重要以及如何使用它们,但首先,让我们讨论一般的响应式设计。 为什么响应式设计很重要? 响应式设计如何工作? 媒体查询最佳实践 媒体查询备选方案 您是否需要JavaScript中的媒体查询? 选项 1:监视视场维度 选项 2:定义和监视CSS自定义属性(可变) 选项 3: 使用匹配媒体API 为什么响应式设计很重要? 不可能只提供一个页面布局,而期望它在任何地方都能工作。 当手机在21世纪初首次获得基本的web访问时,网站所有者通常会创建两到三个单独的页面模板,松散地基于手机和桌面视图。随着设备种类呈指数级增长,这种做法变得越来越不切实际。 今天,有许多屏幕尺寸,从微型手表显示器到巨大的8K显示器甚至更大。即使你只考虑手机,最近的设备可以比许多低端笔记本电脑具有更高的分辨率。 移动设备的使用量也超过了台式电脑。除非你的网站有一组特定的用户,否则你可以期望大多数人通过智能手机访问它。尽管大多数网页设计师、开发人员和客户继续使用标准PC机,但小屏幕设备已不再是后知后觉,应该从一开始就加以考虑。 谷歌已经认识到移动设备的重要性。当网站在智能手机上可用且表现良好时,在谷歌搜索中排名会更好。好的内容仍然至关重要,但加载速度慢、无法适应用户群屏幕尺寸的网站可能会损害您的业务。 最后,考虑可访问性。一个适合所有人的网站,无论他们使用什么设备,都会吸引更多的观众。可访问性是许多国家的法律要求,但即使不是你所在的地方,也要考虑到更多的观众会带来更多的转换和更高的盈利能力。 响应式设计如何工作? 响应式设计的基础是媒体查询:一种CSS技术,可以根据输出类型(屏幕、打印机甚至语音)、屏幕尺寸、显示纵横比、设备方向、颜色深度和指针精度等指标应用样式。媒体查询还可以考虑用户偏好,包括减少动画、明暗模式和更高对比度。 我们展示的示例演示了仅使用屏幕宽度的媒体查询,但是站点可以更加灵活。有关详细信息,请参阅MDN上的全套选项。 媒体查询支持非常出色,已经在浏览器中使用了十多年。只有IE8及以下版本没有支持。它们忽略了媒体查询应用的样式,但这有时会带来好处(请参阅下面的最佳实践部分)。 使用媒体查询应用样式有三种标准方法。第一个加载HTML代码中的特定样式表。例如,当设备的屏幕宽度至少为800像素时,以下标记将加载wide.css样式表: <link rel=”stylesheet” media=”screen and (min-width: 800px)” href=”wide.css” /> 其次,样式表可以使用@import规则有条件地加载到CSS文件中: /* main.css */ @import url(‘wide.css’) screen and (min-width: 800px); 请注意,应避免使用@import,因为每个导入的CSS文件都是渲染块。HTML的<link>标记是并行下载的,而@import则是串行下载文件。 更典型的是,您将使用@media CSS规则块在样式表中应用媒体查询,该规则块修改特定的样式。例如: /* default styles */ main […]

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

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

WordPress Laravel,评论系统 文字详细教程

为了在你的在线社区或博客中建立信任,你需要设计开发一套体验良好的Laravel实时评论系统。 然而,要想在第一次尝试时就做到这一点并不容易,除非你依赖于诸如Discus或Commento这样的自托管评论系统,因为它们都有自己的缺点。他们拥有你的数据,提供有限的设计和定制,最重要的是,他们不是免费的。 有了这些限制,如果构建实时评论系统的想法吸引了你,那就继续阅读吧。该系统可以控制你的数据,设计和定制适合你博客的外观和感觉。 本文将教您如何开发一个设计良好的实时评论系统,该系统具有不同的评论功能。遵循使用Vue.js和Socket.io构建实时聊天应用程序的原则,我们将使用Laravel、Pusher和React来开发实时评论系统。 我们将开发什么 开发所需的技术 开发评论系统实例 我们将开发什么 我们将建立一个实时评论系统,可以集成到任何网站或博客中,以建立社区信任。 开发所需的技术 在深入开发之前,让我们先讨论一下开发实时评论系统所使用的技术。 Laravel Laravel是一个开源的面向MVC的PHP框架。它用于构建简单到复杂的PHP web应用程序,以其优雅的语法而闻名。学习什么是拉拉维尔是必不可少的建设这个评论系统。 Pusher Pusher使开发人员能够按比例创建实时功能。本文将结合Laravel Echo创建到Pusher服务器的实时广播事件,并使用Vue.js在前端显示内容。 Vue.js Vue.js是我们选择的前端框架。Vue.js是一个渐进式JavaScript前端框架,以其易于学习和直接的前端开发方法而闻名。我们将使用Vue.js开发实时评论系统。 开发评论系统实例 如果我们上面概述的评论系统听起来像您想要的,那么让我们继续构建它。 1. 安装和设置Laravel, Pusher和Echo Laravel、Echo和Pusher的安装和设置非常简单,因为Laravel通过设置和配置Laravel Echo以完美配合Pusher完成了所有后台任务。 首先,我们将从安装和配置我们的后端PHP框架Laravel开始。如果您已全局安装了Laravel CLI,则可以使用此命令获取Laravel的新实例: laravel new commenter 新的Laravel实例将安装在名为commenter的文件夹中。让我们在VSCode中打开文件夹,并在终端中导航到它: cd commenter code . 在启动开发服务器之前,让我们安装并配置一些必要的包,这些包将用于项目。 运行此命令以安装Pusher PHP SDK: composer require pusher/pusher-php-server 运行此命令为Vue.js前端安装必要的NPM软件包: npm install –save laravel-echo pusher-js 接下来,我们将配置Laravel Echo和Pusher。打开resources/js/bootstrap.js文件并粘贴到以下脚本中: window._ = require(“lodash”); window.axios […]

WordPress Chrome缓存,Firefox缓存,Safari缓存,浏览器缓存 文字详细教程

如果您偶然发现WordPress中的错误,您可能会被要求清除浏览器缓存以修复它。这通常是一项简单的任务,但由于该过程因平台而异,您的故障排除指南可能不会提供完成它所需的具体步骤。 在这篇文章中,我们将解释您的浏览器缓存是什么以及您可能需要清除它的原因。然后,我们将提供在三种最流行的 Internet 浏览器中执行此过程的综合步骤:Google Chrome、Safari和Mozilla Firefox。 浏览器缓存简介 我们在过去的几篇文章中讨论了浏览器缓存的基础知识。该过程涉及浏览器存储网页副本,以便他们可以在后续访问时轻松更快地加载内容。 我们通常谈论浏览器缓存,以使其能够加速您自己的网站。但是,其他站点也使用这种技术,因此您自己的浏览器也存储了各种网页的副本。 您可以手动配置浏览器缓存,但对于WordPress用户来说,使用插件来实现它更为常见。无论如何,在几种情况下您需要清除缓存并重新加载网页的新副本。 为什么需要清除浏览器缓存 正如我们已经说过的,浏览器缓存对于加快页面加载时间很有用。这对您作为网站所有者以及想要快速访问 Internet 上的关键信息的用户都有帮助。 但是,您还希望信息是最新的和准确的。如果您的浏览器加载的是页面的旧副本而不是最新版本,则您可能正在查看不再相关的内容。 这通常不是问题,因为浏览器的构建是为了检测更改并在更新时重新加载之前存储的页面。但是,如果您的浏览器没有注意到您尝试访问的内容已被修改,就会出现问题。 可能出现这种情况的一些具体情况包括: 对WordPress网站上似乎没有更新的内容进行更改时。 更新新代码未正确执行的插件或主题。 安装了一个图像优化插件,但仍然看到前端加载了旧的、未压缩的文件。 清除浏览器缓存还有助于解决一些常见错误,包括: 401回复 502 bad gateway错误 插件冲突 简而言之,如果您在使用WordPress网站时遇到任何问题,在做其他任何事情之前尝试清除浏览器缓存永远不会有什么坏处。它不会导致任何进一步的问题,并且通常是您可以自行处理的非常快速的解决方案。 如何清除不同浏览器的缓存 每当您访问某个网站时,您的 Web 浏览器都会将来自该网站的某些信息保存在您计算机硬盘上的“浏览器缓存”中。大多数情况下,这是一件好事,因为它无需在浏览网页时一遍又一遍地下载相同的静态资源,从而有助于加快您的 Web 浏览体验。 例如,网站的标志不太可能改变——因此将这个标志本地存储在浏览器缓存中而不是每次访问新页面时让浏览器下载标志是有意义的。但有时这种缓存实际上会导致您的浏览体验出现问题。那时您需要清除浏览器缓存。 在本条目中,我们将首先向您简要介绍您可能需要清除浏览器缓存的时间。然后,我们将向您展示如何清除大多数主要浏览器的浏览器缓存。如果你想快速跳到“如何”,你可以点击下面的链接之一,否则,我们将从头开始。 如何强制刷新所有浏览器的单个页面 如何清除Chrome浏览器缓存 如何清除Firefox浏览器的缓存 如何清除Safari浏览器缓存 如何清除Internet Explorer浏览器缓存 如何清除Microsoft Edge浏览器缓存 如何清除Opera浏览器缓存 如何强制刷新单个页面 在您直接清除整个浏览器缓存之前,您可以尝试一种称为“强制刷新”的技巧。通常,当您刷新页面时,您的浏览器仍会提供页面的缓存版本,而不是再次下载所有资产。但是您实际上可以通过使用一些简单的热键绕过缓存并强制完全刷新: Windows和Linux浏览器:CTRL + F5 Apple Safari:SHIFT +Reload工具栏按钮 Mac版Chrome和Firefox:CMD + SHIFT […]

WordPress MySQL,MySQL升级,数据库 文字详细教程

您的数据库很可能运行在MySQL或其完全开源的分支MariaDB上。这些流行的数据库管理软件支持90%的网站,因此您的服务器主机可能已经为您安装了其中任何一个。 但并非所有主机都会继续保持最新状态,因此您通常需要检查 MySQL 版本并保持升级。服务器上过时的软件永远不会好,也可能是有害的。 让我们学习如何检查您的MySQL版本是否是最新的,如果不是,则升级它。 为什么要让MySQL保持最新? 如何检查MySQL版本 如何升级MySQL版本 为什么要让MySQL保持最新? 手动服务器维护不是一项有趣的任务,尤其是当您不太熟悉网络服务器的内部工作原理时。只要您的服务器和数据库运行良好,您可能很容易忽略过时的软件。但是,这是一个坏主意的原因有很多。 在您的服务器上安装过时的软件从来都不是一件好事。即使您的安全中最微小的漏洞也可能成为攻击者潜入并接管的载体。 他们甚至可能会弄乱您的数据库。各种重要信息都存储在那里,例如您的WordPress文章和所有其他类型的敏感信息。您不希望任何不需要的人能够修改它。 除此之外,新版本意味着对现有内容的新功能和一般改进。即使这些额外的特性不会影响你,更新的MySQL版本也更安全、优化得更好、速度更快。 MySQL 8.0中的新功能。 并且随着MySQL的每次更新,都会带来一系列错误修复,修补错误,这些错误充其量只是一种烦恼,或者最坏的情况下会给您带来严重的麻烦。 当涉及到您网站上的任何软件时,最好将其保持在最新版本。 哪个版本的MySQL最好? 如今,许多服务器仍在运行MySQL 5.7(跳转到8.0之前的最新版本),即使存在更新更好的版本。为什么是这样? MySQL 5.7还是8.0哪个最好? 大多数人不升级是因为他们不知道最新的MySQL版本,或者他们不想花时间更新它。此外,5.7还没有被弃用,直到2023年才会被弃用。 macOS v10.14停止更新支持 但是,虽然MySQL 5.7仍受支持,但切换到最新版本绝对值得您花时间。它更快、更安全 – 激活后可以立即观察到变化。而对于能够使用新功能的开发者来说,好处多得无法一一列举。 您需要了解一些升级注意事项和向后不兼容性,但对于大多数站点,它们不会引起问题。 跟上MySQL的最新稳定版本几乎总是最好的。尽管新的内置自动更新程序可能会为您处理这些问题,但即使是次要更新也值得一试。至于重大更新,除非您的服务器的关键部分不兼容,否则这是值得的。 虽然WordPress支持MySQL版本一直回到5.6,但8.0与它完美配合。由于5.6不再受支持并且容易受到错误和安全风险的影响,您至少应该更新到5.7。 如何检查MySQL版本 使MySQL保持最新状态至关重要,但您需要在升级前了解其版本。很有可能,您已经在使用最新版本并且根本不需要做任何事情。有几种检查方法;这些只是少数最简单的。 使用命令行 获取MySQL版本的最简单方法是使用通过命令行提交的简单代码。只需几秒钟,即可立即回答您的问题。除非您使用最少的主机,否则访问服务器的命令行应该不会太困难。 有多种方法可以访问服务器的命令行。例如,您的Web主机可能会提供一种通过其后端提交命令的方法,例如使用cPanel 。或者您可以使用内置终端或命令提示符连接到您的服务器。 PuTTY之类的工具也可以帮助您登录,并且通常需要Windows用户使用SSH进行连接。 无论哪种方式,您都需要一些SSH登录凭据。您通常可以在您的网络托管仪表板中找到它们,或者您可以通过电子邮件发送它们并寻求帮助。 一旦您知道将如何连接到服务器的命令行,请按照以下步骤操作。 步骤 1:在您的计算机上启动终端(Linux、macOS)或命令提示符/PuTTY (Windows)。在cPanel中,您可以在Advanced > Terminal下找到它。 cPanel终端窗口 步骤 2:提供您的SSH凭据以连接并登录到服务器。 步骤 3:输入以下命令: mysql -V 如果您安装了MySQL Shell […]

WordPress Node.js安装,npm安装,npm更新 文字详细教程

Node.js为全世界的JavaScript开发人员带来了福音,他们努力在多种语言和框架之间进行交换,以将他们的代码放大到可持续的开发环境中。 使用Node.js,您最终可以构建具有双向连接的Web应用程序,其中服务器端和客户端可以彻底实时通信和交换数据。事实上,Node.js对于想要通过WebSocket推送实时Web应用程序的开发人员来说是革命性的。 如果您的目标是将您的Web开发技能提高到一个新的水平,并成为一名全栈JavaScript开发人员,那么Node.js确实为这个热情的流行语做好了准备! 在本文中,我们将演示如何在Windows、Mac和Linux计算机上安装Node.js并开始您的Web开发之旅的分步指南。 什么是Node.js? 谁在使用Node.js? 使用Node.js的优势 Node.js先决条件 如何安装Node.js和npm 如何在Windows上安装Node.js 如何在macOS上安装Node.js 如何在Linux上安装Node.js 检查并更新npm版本 什么是Node.js? Node.js Logo (图片来源: Node.js ) 你应该知道的第一件事是 Node.js不是一种编程语言! 您可能已经意识到这一事实,但对于该领域的新开发人员来说,可能会将 Node.js 误认为是一种独特的编程语言。它不是! Node.js是JavaScript语言的开源运行时环境,它重塑了JavaScript的特性并升级了其功能。因此,您可以使用JavaScript进行前端和后端开发,从而实现仅使用JavaScript的全栈开发。 最初,Node.js旨在提供实时性能、后推架构。但从那时起,Node.js已成长为事件驱动、非阻塞服务器的服务器端编程的重要元素。今天大多数传统网站和API服务都依赖于Node.js。 在Node.js之前,如果你想在数据库上存储任何数据或将你的程序连接到数据库,你需要来自服务器端语言的支持。那是因为JavaScript无法规范后端进程。因此,您必须学习诸如PHP、Python、Ruby或C#之类的服务器端语言,或者寻求后端开发人员的帮助。 Node.js环境使JavaScript能够直接使用数据库并作为后端语言正常运行。因此,您最终可以仅使用JavaScript和Node.js来构建和运行程序。 Node.js使用V8 JavaScript运行时引擎作为其根源,并采用事件驱动的非阻塞I/O架构。所有这些共同构建了Node.js并帮助推动产品实现强大的性能。 谁在使用Node.js? 据W3Techs称,迄今为止,所有网站中有1.4%使用Node.js——即超过2200万个网站。这些数字让您大致了解Node.js用户的数量。最重要的是,Node.js已被下载超过13亿次!如您所见,这些统计数据有力地说明了Node.js的市场规模。 从您的IT朋友到行业大亨,所有人都在享受使用Node.js。那是因为Node.js放大了开发人员的性能并提高了开发过程的速度。当今最聪明的趋势之一是到处使用JavaScript,这将Node.js带入了舞台。 使用Node.js的顶级公司包括: 美国宇航局 推特 网飞 领英 贝宝 Trello 易趣 沃尔玛 Mozilla Medium 如果您研究这些公司,您可能会注意到他们在不同的服务或产品上开展业务。但它们都有一个共同的关键因素:它们都依赖于Node.js。确实,使用Node.js可以解决您的大部分开发问题,无论您在哪个行业。 使用Node.js的优势 为您的技术堆栈选择合适的编程平台与您想要投资的劳动力一样重要。当您寻找使用特定平台的优势时,应考虑多种因素。学习曲线、开发速度、社区和规模等因素可以改变整体利益平衡。 以下是使用Node.js的主要优势: 简单的语法 简单的学习曲线 快速扩展的能力 开源且灵活 跨平台开发 单语言全栈开发 实时通讯 […]

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

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

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

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

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

错误类型: 其他错误 错误名称: MySQL意外关闭 英文名称: MySQL shutdown unexpectedly 错误描述: 顾名思义,您的XAMPP环境中的MySQL软件意外关闭或停止运行。 如果您使用本地开发环境,您可能会遇到与实时服务器上的问题类似的问题。在某些情况下,您的WordPress网站可能无法与其数据库连接,因为MySQL未运行或意外关闭。 根据您使用的本地环境,对MySQL数据库进行故障排除的过程可能会有所不同。使用XAMPP,该过程非常简单,因为您可以访问控制面板,而不必仅依赖命令行。 在本文中,我们将解释XAMPP是什么以及“MySQL意外关闭”错误的含义。然后我们将引导您完成三种可用于修复它的方法。让我们开始吧! XAMPP简介 XAMPP错误“MySQL意外关闭”的含义 如何修复XAMPP错误“MySQL意外关闭” XAMPP简介 XAMPP是一个免费的PHP开发环境,可用于Windows、macOS或Linux。它是一组软件,可让您通过模仿实时服务器的功能在本地托管网站: XAMPP网站 使用XAMPP,您可以使用单个包安装在本地运行WordPress所需的所有软件,而不是单独设置每个元素。开发环境的不同之处在于它们捆绑的软件。 使用 XAMPP,您获得的组件包括: Apache:这可以说是世界上最流行的 Web 服务器软件,它使您能够托管站点。 MariaDB:这个开源数据库软件使您能够管理数据库。 PHP: WordPress 基于 PHP 构建,这意味着您需要安装PHP才能运行内容管理系统 (CMS)。 Perl:虽然 WordPress 不使用 Perl 编程语言,但默认情况下它是 XAMPP 堆栈的一部分。 除了设置运行WordPress所需的软件之外,XAMPP还为您提供了一个简单的控制面板: XAMPP控制面板 这使您能够访问每个XAMPP组件的日志。它包括一个概览日志,向您显示在您的环境背景中发生的所有事情。 但是,使用本地开发发行版并不意味着您的服务器不易出错。在某些情况下,软件组件可能会出现故障,例如XAMPP错误“MySQL 意外关闭”。 XAMPP错误“MySQL意外关闭”的含义 顾名思义,如果您的环境中的MySQL软件意外关闭或停止运行,您将看到以下消息: XAMPP错误-“MySQL 意外关闭” 我们说“意外”,因为您可以随时手动关闭MySQL数据库软件。当您重新启动服务器时也会发生这种情况。 但是,当软件关闭时,您的网站将无法连接到其数据库。换句话说,WordPress将无法工作。 正如您在上图中所看到的,XAMPP直接在其事件日志中为您提供了解决“MySQL 意外关闭错误”的建议。在下一节中,我们将更详细地介绍可用于解决此问题的各种方法。 如何修复XAMPP错误“MySQL意外关闭” 通常,修复XAMPP错误“MySQL 意外关闭”既快速又简单。下面,我们将引导您完成三个修复,从最简单的开始。 1. […]

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

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

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

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

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

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

WordPress Adminer,MySQL,phpMyAdmin,数据库 文字详细教程

管理MySQL数据库是成为专业WordPress开发人员的基本要求之一。Adminer极大地简化了该任务。 每个WordPress站点都需要一个数据库才能运行——它是WordPress存储所有站点关键数据的地方。虽然phpMyAdmin多年来一直是MySQL/MariaDB数据库管理的主要工具,但 Adminer 是一个很好的选择。它加载了大量有用的功能和更漂亮的用户界面,所有这些都在一个轻量级的PHP文件中,您可以在您的服务器上快速部署。 在这篇文章中,您将了解Adminer、它比phpMyAdmin提供的许多好处,以及如何使用它来管理您的数据库。 什么是Adminer? 如何使用Adminer Adminer功能 Adminer插件 Adminer主题 Adminer vs phpMyAdmin 如何在WordPress中使用Adminer 什么是Adminer? Adminer(以前称为phpMinAdmin)是一个基于PHP的免费开源数据库管理工具。在您的服务器上部署非常简单。要使用它,您所要做的就是上传它的单个PHP文件,将浏览器指向它,然后登录。 Adminer登录页面 与phpMyAdmin仅支持管理MySQL和MariaDB数据库不同,Adminer还支持管理其他数据库,如PostgreSQL、SQLite、MS SQL、Oracle、SimpleDB、Elasticsearch、MongoDB和Firebird。它还提供43种语言版本。 Adminer提供易于使用的界面,更好地支持许多MySQL功能,更卓越的性能和更高的安全性。 现在让我们探索如何安装Adminer。 如何使用Adminer 但在开始安装之前,以下是让Adminer在您的服务器上工作的一些基本要求: 安装PHP 5、7 或8 一个数据库驱动程序(例如MySQL、PostgreSQL等) 差不多就是这样! 从他们的官方网站下载最新版本的Adminer。您还可以在那里找到仅MySQL和仅英语版本的Adminer。如果您正在管理MySQL或MariaDB数据库(例如用于 WordPress 站点),您可以获得这些较轻的变体。 下载Adminer的最新版本 或者,如果您使用的是终端,则可以使用curl命令将其直接下载到您的目录中。 curl -o https://github.com/vrana/adminer/releases/download/v4.7.8/adminer-4.7.8.php Adminer 4.7.8是最新的稳定版本。它增加了对刚刚发布的PHP 8.0的支持。如果有新版本可用,您可以在上述代码的下载URL中更改管理员的版本号。 下载后,您可以将此.php文件放在服务器上的任何位置,例如其根文件夹。但是,将所有第三方工具放在单独的目录(例如vendor、assets等)中是一种很好的做法。 您现在已经在您的服务器上安装了Adminer。它的即插即用设计意味着Adminer几乎可以在任何服务器上运行。 如何访问Adminer 要访问它,您需要做的就是通过浏览器访问其链接。 例如,如果您将其放在网站的根目录中,则可以通过访问https://your-website.com/adminer-4.7.8.php来访问它。如果您没有设置域名,您也可以通过您服务器的IP地址或本地主机环境访问它。 使用或不使用数据库名称登录Adminer 从这里,您可以登录到安装在服务器上的任何数据库。您也可以将数据库字段留空。Adminer将在下一个屏幕上向您显示所有数据库的列表。 勾选Permanent login选项将节省您的登录信息,所以你可以很容易地在以后通过在侧栏的链接重温这段会话。 如果不指定,Adminer会列出所有数据库 Adminer功能 Adminer包括许多功能,使数据库管理更加轻松。是时候深入了解它们了。 连接到数据库服务器 创建新数据库 更改数据库名称和排序规则类型 探索数据库架构 检查表数据和结构 更改表和列设置 […]

WordPress MySQL,phpMyAdmin,phpmyadmin配置,数据库 文字详细教程

管理数据库是运行网站的一个复杂但必要的部分。幸运的是,有像phpMyAdmin这样的软件可以让这个过程变得更容易。这种流行的管理工具似乎很难学习,但是一旦掌握了它,访问和修改数据库将变得轻而易举。 最困难的部分是知道如何安装phpMyAdmin并在您的Web服务器上进行设置。如果你遇到了麻烦,你肯定不是唯一一个。 在本文中,我们将逐步向您展示如何在所有主要操作系统上安装phpMyAdmin,以及如何配置它。 什么是phpMyAdmin? phpMyAdmin要求 安装phpMyAdmin 如何访问phpMyAdmin 配置phpMyAdmin Adminer:一个更简单的phpMyAdmin替代方案 什么是phpMyAdmin? 每个网站背后都有一个数据库。该数据库允许您存储从用户帐户信息到您在网站上发布的帖子的数据。虽然有许多数据库服务,但MySQL是最受欢迎的一种。并且最有可能的是您的网站正在使用的那个。MariaDB是一种常见的替代方案。 直接与MySQL交互可能会很复杂且令人困惑,尤其是当您不熟悉网站管理时。但是与数据库交互通常是站点维护的必要部分。 phpMyAdmi旨在为MySQL带来一个基于浏览器的可视化界面,并让您更轻松地使用您的数据库。由于其受欢迎程度,许多网络托管服务包括访问phpMyAdmin。 为什么需要phpMyAdmin? 如果没有像phpMyAdmin这样的工具,您访问数据库的唯一选择就是使用命令行。这意味着您没有可视化界面——只有一个文本提示,您可以在其中输入命令。这样做可能会令人困惑,甚至可能导致意外破坏您的网站。 phpMyAdmin是免费和开源的。广泛的网络主机支持它,您甚至可以自己安装,而无需支付一分钱。一旦您安装了它,从可视化界面执行数据库命令就会更加直观。 您可以自己尝试phpMyAdmin,看看它是否是您想要使用的数据库管理器。一旦您试驾并决定喜欢它,您就可以在您的服务器上安装该工具。 phpMyAdmin要求 幸运的是,安装phpMyAdmin的要求相对简单。如果您有任何类型的Web服务器,您几乎肯定可以让它运行。以下是详细要求: 任何类型的网络服务器 MySQL或MariaDB 5.5或更新版本 支持Javascript、cookies和Bootstrap 4.5(访问phpMyAdmin)的网络浏览器 PHP 7.2.5或更高版本 其他PHP要求:会话和SPL扩展、哈希、ctype和JSON支持。其他扩展如mbstring可以提高性能或添加额外的次要功能(完整列表请参见需求页面)。 phpMyAdmin系统要求 在您尝试安装phpMyAdmin之前,请记住许多Web主机已经安装了它。 在安装phpMyAdmin之前,请检查您的网络主机的文档以确保他们尚未安装它。 安装phpMyAdmin 一旦您检查以确保您的服务器支持phpMyAdmin,就可以开始安装它了。Web服务器有多种操作系统,因此我们包含了所有最流行的操作系统,包括Windows、Mac和多个Linux发行版。 有了这个,这里是安装phpMyAdmin的分步说明。 如何在Windows 10上安装phpMyAdmin 根据要求,您将需要一个带有PHP的Web服务器和一个数据库才能使用phpMyAdmin。虽然您无疑可以手动下载Apache、PHP和MySQL,但还有一个更简单的选择,可以在Windows计算机上启动和运行服务器。 WAMP(Windows、Apache、MySQL和PHP)是免费软件,可让您轻松创建具有所有先决条件的服务器。如果XAMPP for Windows(Apache、MariaDB、PHP 和 Perl)更适合您的需求,您也可以尝试它。 WAMPserver的主页 下载其中之一后,只需安装它并完成设置过程即可。 假设您使用的是WAMP或XAMPP。这两个都已经与phpMyAdmin一起提供了!在您的浏览器中,导航到http://localhost/phpMyAdmin,您应该会看到登录屏幕,确认您已正确安装所有内容。 如何在Mac上安装phpMyAdmin 在Mac上获取phpMyAdmin有点不同。所有的先决条件都是一样的。但由于macOS附带Apache和PHP,因此您无需下载它们。 对于Mac,您有两个选择:您可以像使用其他操作系统一样使用XAMPP或手动安装所有内容。 XAMPP OSX下载列表 下载适用于OS X的XAMPP,打开它,然后将其放入您的应用程序文件夹中。 打开XAMPP Control/Applications/XAMPP/manager-osx.app以启动Apache和MySQL服务器。如果您随后访问http://localhost,您应该会发现一切正常,并且您的phpMyAdmin登录信息位于“工具”部分。 如果您改为手动安装phpMyAdmin,则该过程很简单。由于您已经拥有Apache和PHP,因此您只需要下载MySQL。确保从下拉列表中选择macOS。下载并安装该文件,按照说明进行操作,并记录提供给您的所有用户名和密码。 然后您可以打开系统偏好设置并启动MySQL以启动服务器。您还可以通过在终端中运行以下命令来启动Apache: […]

WordPress MAMP,SSL,安全证书 文字详细教程

没有什么比错误消息更能让您的工作戛然而止了——尤其是在涉及安全的情况下。阅读“此站点无法提供安全连接”的通知可能会令人困惑和震惊。如果您在MAMP安装中遇到,它也可能具有破坏性,因为这些站点通常是本地测试安装。 此问题通常与您的Web浏览器或站点的SSL证书有关。幸运的是,修复它相对容易。这可能就像清除浏览器的缓存一样简单。 在本文中,我们将了解此错误消息的最常见原因。然后,我们将引导您了解如何进行故障排除和修复,以便您可以回到更重要的事情上。 此站点无法提供安全连接错误介绍 为什么会出现此站点无法提供安全连接错误 如何修复此站点无法提供安全连接错误 此站点无法提供安全连接错误介绍 首先,什么是“安全连接”?本质上,它是到使用HTTPS而不是HTTP的网站的连接。大多数浏览器在地址栏中显示带有挂锁图标的这些站点,以表明连接是安全的。 教学博使用加密的HTTPS连接 与HTTP相比,HTTPS提供了主要的安全优势,但它也有严格的要求以确保合规性。其中之一是存在有效的SSL证书。 “此站点无法提供安全连接(This site can’t provide a secure connection)”错误表示SSL证书存在问题。换句话说,该站点声称符合HTTPS,但它要么不提供证书,要么使用无效的证书。如果无法验证证书,浏览器将不会加载该站点,而是会显示此错误消息。 关于此通知的另一件事是,它的呈现方式可能因浏览器而异。但是,在每种情况下,该消息都会以某种形式提及安全连接。 以下是该消息在Google Chrome中的外观: Google Chrome中的安全连接错误 在Mozilla Firefox中,它的显示方式如下: Mozilla Firefox中的安全连接错误 在Microsoft Edge中的样子: Microsoft Edge中的安全连接错误 如您所见,大多数浏览器没有提供有关错误消息的太多信息。Firefox至少为您提供了一些入门指导,但它仍然相当模糊。别担心 – 我们将在本文的其余部分清除任何混淆。 为什么会出现“此站点无法提供安全连接”错误 现在,只是因为你看到一个关于网站安全警告并不一定意味着该网站是不是安全。虽然这是一种可能性,但它通常更温和。常见原因分为两类:Web浏览器问题和站点或系统配置问题。 如果您在一个浏览器中看到错误,但该页面在其他浏览器中运行良好,则表明您的浏览器(通常是缓存)存在问题。如果错误出现在所有浏览器中,您就知道问题出在您使用的计算机或网站本身。 让我们探讨此错误消息的最常见原因: 您的本地环境没有SSL证书。如果您使用的是MAMP等本地环境,则您的站点可能没有证书。这应该是故障排除的第一步,因为这可能是导致问题的原因。 浏览器中过时的SSL缓存。这是比较流行的原因之一。Web浏览器将SSL证书存储在缓存中,就像其他数据一样。这意味着他们不必每次访问站点时都验证证书,从而加快了浏览速度。但是,如果您的SSL证书发生更改并且浏览器仍在加载较旧的缓存版本,则可能会导致弹出此错误。 计算机上的时间和日期设置不正确。如果您的计算机设置了错误的时间和日期,则可能会导致SSL证书身份验证出现问题。幸运的是,这是一个相当容易的修复。 流氓浏览器扩展。错误配置或行为不当的浏览器扩展也可能导致证书身份验证问题。虽然这可能 是恶意的,但更多时候是简单的编码错误。 过分热情的杀毒软件。同样,实时扫描您的连接的防病毒软件有时会抛出此消息。这可能是由于编码错误或仅仅是过于激进的设置。 无效或过期的SSL证书。如果您网站的SSL证书已过期或无效,您将看到此错误。证书需要定期更新。 在下一节中,我们将介绍如何解决MAMP安全连接错误。 使用MAMP时如何修复“此站点无法提供安全连接”错误 正如我们之前提到的,对于MAMP安装,此问题最有可能的罪魁祸首是您的本地主机环境缺少 SSL 证书。幸运的是,使用OpenSSL创建一个相对容易,这样做应该可以解决您的错误消息。以下说明是为macOS用户设计的,但它们也应该适用于Linux。 步骤 1:创建SSL根证书 首先,您需要创建一个SSL根证书。这使您能够为您的域签署额外的证书。 首先,在您的计算机上打开终端应用程序并输入以下命令: openssl genrsa -des3 […]

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

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

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

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

WordPress filezilla,隐藏文件 文字详细教程

FileZilla是一种流行的SFTP客户端,用于在您的服务器和计算机之间传输文件。 有时,您可能需要传输以句点开头的“隐藏”或“不可见”文件或文件夹(例如.htaccess或.maintenance)。如果您在使用FileZilla查找服务器上的隐藏文件时遇到问题,您可能需要配置应用程序以显示隐藏文件。 在本文中,我们将向您展示如何做到这一点。 在FileZilla中显示隐藏文件 在连接到您的服务器之前,单击 FileZilla 菜单栏中的“服务器”选项卡,然后单击下拉菜单中的强制显示隐藏文件(Force showing hidden files)。选中此选项将强制FileZilla显示隐藏的文件和目录。 配置FileZilla以显示隐藏文件 接下来,通过SFTP连接到您的服务器。 您现在应该能够看到服务器上的隐藏文件。在下面的屏幕截图中,我们的~/public文件夹中有两个隐藏文件- .hiddenfile和.htaccess. FileZilla中的隐藏文件 能够查看服务器上的隐藏文件对于排除WordPress故障非常重要。例如,如果您的站点卡在维护模式,您可以检查.maintenance站点根目录中是否有可以删除的文件。 同样,对于使用Web服务器Apache的站点,了解如何启用隐藏文件还可以让您更改.htaccess文件而无需联系主机的支持团队。如您所见,配置FileZilla以显示隐藏文件是一个快速而简单的过程!

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

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

100% Secure Checkout

PayPal / MasterCard / Visa