你想开播播客吗?想知道完美的播客设置是什么样子的吗?在本指南中,我们将一步一步地向你展示如何用WordPress开始你自己的播客。你将了解播客是如何工作的,最好的播客设备,你绝对需要的播客WordPress插件,等等。 无论您的年龄或技术水平如何,您都可以按照本文所述的逐步流程轻松启动自己的播客。 以下是我们将介绍的所有内容的概要: 什么是播客&播客是如何工作的? 为你的播客找到合适的位置和话题 设置播客所需的事项 选择最佳的虚拟主机和域名 设置媒体托管服务 选择合适的播客设备 计划你的头几集播客 录制你的第一个播客 使用WordPress发布您的播客 正在将您的媒体文件上传到布卢里 设置智能播客播放器插件 在WordPress中添加您的第一个播客 使用iTunes预览您的播客 将您的播客提交到iTunes 帮助您成长的播客资源 从你的播客中赚钱 准备好的?我们开始吧。 什么是播客&播客是如何工作的? 播客是一系列插曲的音频文件,用户可以订阅下载并收听。 为了让你的播客正常工作,你需要有一个音频文件和一个RSS Feed,用户可以订阅以保持更新,并在新剧集发布时下载。 由于WordPress带有内置的博客RSS提要系统,许多播客选择使用WordPress作为他们的播客网站平台。 你可以将你的播客网站与iTunes等播客应用程序连接起来,让数百万用户更容易收听和订阅。我们将在本文后面讨论这一点。 既然你已经了解了什么是播客以及播客是如何运作的,让我们来看看如何找到成功的播客创意。 为您的播客寻找利基市场和主题 播客很受欢迎,有几十种不同主题的播客。为了竞争,你需要找到你的利基,并选择你将在你的播客中涵盖的主题。 你还需要了解你的受众,想一想他们会觉得什么更有趣。这个简单的练习会让你对你的播客和你想要说的话有一个清晰的想法。别忘了把它写下来。 现在,您可以将范围缩小到非常具体的主题。例如,如果你的播客是关于音乐的,那么你可以把它缩小到特定的流派、时代、地区或艺术家。 现在,可能会有一些非常受欢迎的播客涉及类似的主题。你可能在想,你怎么能和他们竞争呢? 只要做你自己,你就能与大个子竞争。你的播客将有你独特的见解、视角、风格和声音。对于你的观众来说,这将是一种不同的体验,他们中的许多人都会喜欢听。 思考你的利基市场,缩小你的话题范围,将有助于你计划播客节目,并通过坚持精心规划的内容策略来赢得订阅者。 现在,你已经决定了你想要说什么,让我们来看看你需要做些什么来实现这一切。 设置播客所需的事项 对于专业的播客设置,您需要开始做一些事情。 第一件事是一个网站或博客,人们可以在那里更多地了解你和你的播客。 第二件事是录制播客的设备。 最后,你需要有合适的工具来在互联网上发布你的播客,这样你才能获得最大的订阅量和覆盖面。 我们将一步一步地向您介绍整个过程。 步骤1.网站设置:WordPress主机和域名 建设网站最重要的一步是选择合适的平台。谢天谢地,你在这里,所以你不会犯任何新手错误。 我们推荐使用WordPress.org,也称为自托管WordPress来建立您的播客网站。 WordPress是免费使用的,你可以安装插件,定制你的网站设计,最重要的是,你可以不受任何限制地从你的网站赚钱(参见WordPress.com和WordPress.org的区别)。 我们已经解释了为什么WordPress是免费的?在我们的前一篇文章中。 这不是什么圈套。它是免费的,因为您必须自己进行设置和托管。 换句话说,你需要一个域名和虚拟主机。 域名是你的网站在互联网上的地址。这是人们为了访问你的网站而输入的内容。例如,google.com或wpeginner.com。 网络托管是你的网站在互联网上的房子。这是您所有文件和图像的存储位置。每个网站都需要虚拟主机。 网络托管的典型成本是每月7.99美元,而一个域名每年的成本通常在14.99美元左右。 对于一个初出茅庐的人来说,这太多了。谢天谢地,Bluehost已经同意为我们的用户提供免费域名,并在虚拟主机上提供超过60%的折扣。 在实数中,这意味着你可以每月花2.75美元创建你的播客网站。 →单击此处声明此独家Bluehost优惠← 我们推荐使用Bluehost,因为他们是WordPress推荐的官方托管服务提供商之一,也是世界上最大的虚拟主机服务提供商之一。 […]
如何在

如何在WordPress中修复常见的SSL问题(初学者指南)
你在WordPress网站上遇到了SSL问题吗? 将WordPress站点迁移到SSL有时会导致意外的问题。如果您正在向现有的WordPress站点添加一个SSL证书,并且遇到错误,那么您来对了地方。 在本文中,我们将向您展示如何修复WordPress中最常见的SSL问题。 谷歌鼓励所有网站所有者使用SSL/HTTPS,以提高整体网络安全性。 这就是为什么Chrome将所有没有SSL证书的网站标记为“不安全”。 浏览器地址栏中的“不安全”标签会让客户对你的业务产生不好的印象。除此之外,如果你想开一家在线商店或使用PayPal、Strike和Authorize.net等支付服务,你还需要启用SSL/HTTPS。 考虑到利弊,所有的WordPress网站都需要改用SSL/HTTPS。 如果你还没有做到这一点,那么你可以阅读我们关于如何正确地将WordPress从HTTP迁移到HTTPS的指南,以获得逐步的说明。 建议:查看我们的指南,了解如何从Domain.com获得免费的SSL证书或以折扣价格购买SSL证书。 但是,您的SSL证书可能会遇到一些WordPress错误。因此,让我们来看看WordPress中的一些常见的SSL/HTTPS问题及其修复方法: 修复Net::ERR_CERT_INVALID错误在移动到SSL/HTTPS后修复混合内容错误修复移动到SSL/HTTPS后出现太多重定向错误修复WordPress HTTP到HTTPS重定向 此错误消息指示用户的浏览器未接受网站提供的证书。发生这种情况的原因有以下几个: 该SSL证书已颁发给其他域名或子域。证书已过期。您的浏览器无法识别证书颁发机构。 如果你购买了一个SSL证书,并要求你的WordPress主机提供商为你安装它,那么你可以联系他们来为你修复它。 如果您手动安装了SSL证书,请尝试重新安装或联系您的SSL证书提供商以获得支持。 有两种方法可以修复WordPress中的SSL/HTTPS混合内容错误。我们将向您展示这两款产品,然后您可以选择最适合您的产品。 1.使用插件修复WordPress中的混合内容错误 这种方法更简单,推荐给初学者。但它可能会对你的WordPress性能产生负面影响,因为该插件试图通过使用输出缓冲技术来修复混合内容错误。 但是,如果您使用的是缓存插件,那么它只会影响第一个页面的加载。返回的游客不会注意到性能上的任何差异。 首先,您需要确保您拥有一个SSL证书。如果您不确定您是否有一个,请参阅我们的指南,如何为您的WordPress网站获得免费的SSL证书。 然后,只需安装并激活真正简单的SSL插件。有关更多详细信息,请参阅我们关于如何安装WordPress插件的逐步指南。 激活后,您需要访问设置»SSL语言从您的WordPress管理仪表板页面查看插件设置。非常简单的SSL开箱即用,将自动处理您的SSL/HTTPS设置,并修复混合内容错误。 2.手动修复WordPress中的混合内容错误 这种方法更有效,对您的网站性能更好。但是,它需要手动故障排除。 首先,您需要转到设置?常规并确保“WordPress地址”和“站点地址”选项有HTTPS URL。 如果您看到的URL以‘http’开头,那么您需要继续并将它们更改为‘https’。别忘了点击“保存更改”按钮来保存你的设置。 接下来,您需要在WordPress数据库中找到旧的HTTPS URL,并用新的HTTPS URL替换它们。 你可以通过安装和激活更好的搜索替换插件来轻松做到这一点。有关更多详细信息,请参阅我们关于如何安装WordPress插件的分步指南。 激活后,您需要访问工具»更好的搜索替换佩奇。在“搜索”栏中,您需要使用HTTP添加您的网站URL。在此之后,添加您的网站URL,在‘替换’字段中添加‘https’。 该插件现在将更新您的WordPress数据库中的URL。 如果你仍然看到混合内容错误,那么下一步就是解决你的WordPress主题和插件文件中的URL问题。 使用浏览器的检查工具,您需要找到导致错误的资源,并注意它们是从哪些网站文件加载的。 如果你在编辑WordPress文件方面很有经验,那么你可以使用ftp或你的虚拟主机文件管理器来访问这些主题文件。您需要编辑每个文件,并将‘http’替换为‘https’。 另一种选择是联系主题开发人员,要求他们更新他们的主题。他们将需要使用WordPress的最佳实践来加载文件,这将修复HTTP/HTTPS问题。 同样的情况也适用于WordPress插件加载的混合内容。我们不建议您自己编辑插件文件,所以您应该通知插件开发人员并请求更新。同时,你可以在你的网站上禁用这个插件,或者找到一个替代的插件。 3.修复迁移到SSL/HTTPS后重定向次数过多的错误 WordPress允许您通过在wp-config.php文件中输入以下行来强制执行管理区域的SSL/HTTPS。 define(‘FORCE_SSL_ADMIN’, true); 由❤️托管WPCode在WordPress中一键使用 但是,在某些情况下,此设置本身可能会导致“重定向次数过多”错误。 要解决这个问题,您需要将以下代码添加到wp-config.php文件中‘就这样,停止编辑!’行的前面。博客写得开心。 define(‘FORCE_SSL_ADMIN’, true); // in some setups HTTP_X_FORWARDED_PROTO might contain […]

演示翻译-如何在你的WordPress博客上销售广告(循序渐进)
你想在你的WordPress博客上卖广告吗? 在博客或网站上销售广告是最常见的在线赚钱方式之一。 在这篇文章中,我们将向你展示如何在你的WordPress博客上销售广告,并解释你可以选择的不同类型的广告。 点击付费广告是大多数网站上显示的最常见的广告类型。广告是按点击出售的,这意味着只有当用户点击广告时,你才有资格获得报酬。 这种广告类型之所以如此成功,是因为它对博客作者和广告商都有效。广告商通过他们的网站获得流量,他们可以利用这些流量来创造线索或增加销售额。出版商可以通过发送流量获得报酬。 像Google AdSense这样的广告网络可以让你轻松地在你的网站上销售按点击付费的广告。一旦你注册了谷歌AdSense计划,你的网站就可以为谷歌庞大的广告商网络所用。 有关更多细节,请参阅我们关于如何在WordPress中正确添加Google AdSense的指南。 一个缺点是,如果你的流量很低,或者你的广告投放位置不是在战略位置,那么你网站上的广告点击率可能会非常低。然而,许多网站所有者通过优化他们在WordPress中的广告,很快就克服了这一点。 CPM(每百万次成本)或每千次印象成本是根据广告的显示次数来销售的广告。这意味着,无论用户点击与否,在WordPress网站上显示广告都可以获得报酬。 CPM广告通常无法产生与单独使用按点击付费广告产生的收入相同的数额。然而,如果你有一个高流量的网站,而且你不想把广告放在离你的内容太近的地方,它们可能是一个重要的被动收入来源。 广告商尤其热衷于在目标受众中口碑较高的网站上购买CPM广告。 固定费用广告允许您在特定时间段内在您的网站上销售广告空间。你可以根据你的网站平均产生的流量来为你的广告定价。 这种类型的广告为广告商提供了更多的印象和点击量,并让网站所有者准确地知道他们在期限结束时将获得多少收入。 广告商通常在流量较高的网站上购买这类广告,这些网站与他们的目标人群相匹配。你可以通过你的网站直接销售广告,方法是创建一个‘Adverse Here’页面。或者,你也可以加入BuySellAds或DoubleClick by Google等计划。 从属广告也可以称为基于行动的广告。基本上,你向广告商的网站发送流量,但只有当用户完成一项操作时,你才能获得报酬。此操作可以是任何操作,如购买、下载软件、创建帐户等。 会员计划为您提供带有推荐ID的唯一URL。然后,您可以在您自己的网站上使用此URL来创建横幅、图形或直接在您的文章中添加链接。 联盟广告的好处是,你得到的报酬远远高于你每点击一次或每百万次广告的费用。 您可以为您想要推广的不同产品和服务注册联盟计划。每个产品、服务和附属计划都有自己的佣金率、条款和条件。 例如,WPEngine的会员计划允许你从你发送给他们的每一个新注册中赚钱。你的佣金将基于用户第一个月的全部付款或固定的200美元,以较高者为准。 你可以使用Thirstyle Affiliates在WordPress中轻松管理你的代销商链接。您还会发现大量的工具和插件,以促进您的联盟营销。 您需要做的第一件事是安装并激活AdSanity插件。有关更多详细信息,请参阅我们关于如何安装WordPress插件的分步指南。 激活后,只需转到Adsanity?创建广告在您的WordPress控制面板中创建您的第一个广告。 AdSanity允许您创建任何类型的广告。您可以创建自托管广告、本地广告或添加由Google AdSense等广告程序提供的广告代码。 如果您正在运行本地广告,则可以上传横幅图像和图形。如果是第三方广告,则可以继续输入广告代码。 在“发布元”框中,您还可以安排广告在特定时间段内运行,或允许其无限期运行。别忘了点击“发布”或“更新”按钮来保存你的更改。 AdSanity允许你使用小工具和快捷码在网站上的任何地方显示广告。 只需转到外观»小工具页面,并在任何窗口小部件部分点击‘+’图标,如页眉或侧边栏。这将打开窗口小部件块菜单。然后,点击Adsanity Single Ad小部件添加它。 有关详细说明,请参阅我们关于如何使用AdSanity在WordPress中管理广告的文章。 如果你正在寻找AdSanity的替代品,你可能还想看看我们关于如何使用AdRotate在WordPress中管理广告的教程。 我们希望这篇文章能帮助你学习如何在你的WordPress博客上销售广告。你可能还想看看我们的教程,关于如何从你的WordPress博客中选择最好的利基市场来赚钱,以及如何在WordPress中设置谷歌广告转换跟踪。 中国和中国都是如此。

演示翻译-如何在WordPress中将用户重定向到随机帖子
您想将用户重定向到WordPress中的任意帖子吗? 通过随机展示一篇博客文章,你可以鼓励访问者阅读更多你的文章。这可以让他们在你的网站上停留更长时间,并为你带来更多的页面浏览量。 在本文中,我们将向您展示如何轻松地将用户重定向到WordPress中的任意帖子。 要将用户重定向到随机的帖子,只需复制URL,然后将其添加到您想要的任何位置,例如导航菜单或侧边栏小部件。 如果你离开了这个页面或不小心关闭了它,那么以下是重定向到随机帖子的不同查询。您需要将http://www.example.com替换为您自己的域名: Http://www.example.com/?redirect_to=random&;pk_campaign=random.重定向到随机的帖子并跟踪访问。如果你想跟踪WordPress网站的访问者,这是一个很好的选择。 Http://www.example.com/?redirect_to=random&;each_once=rewind.重定向到随机帖子,避免重复,然后重新开始。 Http://www.example.com/?redirect_to=random&;count=10.会重定向到10个最新帖子中的一个随机帖子。 Http://www.example.com/?redirect_to=random&;after=1%20month%20ago.会重定向到不超过1个月的帖子中的一个随机帖子。 您还可以使用以下短代码向任何页面、帖子或小工具可用区域添加“随机发帖”按钮: [redirect_to_post_button] 有关如何放置快捷码的更多信息,请参阅我们关于如何在WordPress中添加快捷码的指南。 当读者点击按钮时,他们会被重定向到你的WordPress网站上的一篇随机的博客文章。 如果使用的是较新的基于块的专题之一,则还可以将此按钮添加到任何模板或模板零件。 要开始,请访问外观»编辑器在WordPress仪表板中。 默认情况下,完整的站点编辑器显示主题的主页模板,但您可以向任何模板或模板部件添加快捷代码,例如页眉或页脚。 若要查看所有可用选项,只需选择“模板”或“模板部件”。 现在,您可以单击要编辑的模板或模板部件。 作为一个例子,我们将在404页面模板中添加“随机发布”按钮,但无论您选择哪个模板,步骤都是完全相同的。 WordPress现在将显示模板或模板部件的预览。 要添加随机发布的快捷码,请继续并单击小铅笔图标。 完成后,点击左上角的蓝色‘+’图标。 在搜索栏中,你需要输入“短码”。 当右侧块出现时,将其拖放到主题模板上。 现在,您可以粘贴或键入[redirect_to_post_button]将短码输入此区块。 在此之后,继续并点击“保存”按钮。 现在,只需访问你的WordPress博客页面,就可以看到随机发布按钮的运行情况。 我们希望本文能帮助您学习如何将用户重定向到WordPress中的任意帖子。你可能也想看看我们关于如何增加你的博客流量的指南,或者我们的专家挑选出你应该使用的最好的WordPress SEO插件和工具。 中国和中国都是如此。

WordPress saml,sso,单点登录 文字详细教程
向WordPress添加单点登录可让您的用户快速安全地登录您的WordPress网站,而无需记住用户名和密码。相反,他们可以使用他们的Google登录名、Okta或许多其他SSO服务之一。 在本教程中,我们将逐步向您展示如何在WordPress中正确设置SAML单点登录。 为什么要向WordPress添加SAML单点登录? SAML SSO是一种开放协议,允许用户使用相同的凭据登录到多个网站。例如,通过单点登录,您可以使用您的Google帐户登录WordPress。 这提高了用户满意度,因为他们不必经历密码重置过程,而是可以使用现有的登录信息。 从网站所有者的角度来看,它可以让您在登录期间通过可信赖的提供商验证用户的身份,从而提高您的WordPress安全性。 单点登录对公司内部网站非常有益。公司管理员/人力资源团队喜欢它,因为它可以轻松地将新团队成员加入多个网站。 下面将分享两个不同的WordPress插件,它们可以帮助您在WordPress中设置SAML SSO。 使用Google Apps Login设置SAML SSO 使用SAML Single Sign On设置SAML SSO 方法 1. 使用Google Apps Login设置SAML SSO 我们建议使用Google Apps Login插件在WordPress中设置SAML单点登录。该插件非常易于使用,可让您的用户、员工或学生选择通过安全的Google账号快速登录。 您需要做的第一件事是安装并启用插件。插件激活后,您需要导航到Google Cloud Platform Console以创建新的API,以便将您的Google帐户和WordPress连接在一起。 要创建新API,首先单击屏幕顶部的“Select a project”下拉菜单。 如果您已经创建了一个Google开发者项目,您的屏幕看起来可能略有不同,但您仍然可以简单地点击相同的下拉箭头来创建一个新项目。 这将弹出一个弹出窗口。在这里,您需要单击右上角的“New Project”按钮。 在下一个屏幕上,您需要在“Project name”框中为您的项目命名。这将帮助您记住项目的目的,但它不会出现在您的访问者面前。您还需要确保“Organization”和“Location”与您网站的域名相匹配。 之后,单击“Create”按钮。创建项目后,会有一个下拉通知菜单显示您的新项目。单击“Select Project”按钮打开项目。 接下来,单击左侧菜单中的“OAuth consent screen”选项。在这里,您有两个选项可供选择。如果您有会员网站或销售在线课程并希望允许您的用户使用Google登录,则“External”选项很有意义。“Internal”选项仅允许您公司内的用户使用Google登录。对于此选项,您需要拥有一个高级Google Workspace帐户,并且您的用户需要被添加为团队成员。 无论您选择内部还是外部,每个需要登录的用户都必须在其Gmail地址下设置一个现有的WordPress帐户。否则,他们将无法登录。下面我们将选择“External”选项为示例,因为这使我们可以更灵活地确定谁可以登录。 之后,单击“Create”按钮。这会将您带到一个屏幕以输入您的应用程序详细信息。首先,您需要输入您的“App name”并从下拉列表中选择“User support email”。 然后,输入您的“App domain”信息。您需要填写所有三个字段。Google需要这些信息来确保您的网站符合在线隐私法规和用户同意。 之后,向下滚动到“Authorized domains”部分。然后,单击“Add […]

WordPress SSL安装,SSL证书,通配符SSL 文字详细教程
在您的网站上安装安全套接字层 (SSL) 证书不再只是一种选择。它是保护您的站点以及确保数据通过HTTPS连接加密和提供服务的重要组成部分。但是,确定使用哪种类型的 SSL 证书可能很棘手,尤其是考虑到有多少种类。 如果您操作多个子域,则使用“通配符”SSL 证书可能最有意义。这使您可以使用单个证书保护所有子域,而不必购买和安装多个单独的证书。 在这篇文章中,我们将讨论什么是通配符SSL证书,以及何时以及为什么可以使用它。然后,我们将通过几个简单的步骤说明如何在您的站点上安装此类证书。 什么是通配符SSL证书(以及它们如何工作) 何时使用通配符SSL证书 从哪里获得通配符SSL证书 如何在WordPress站点上安装通配符SSL证书 什么是通配符SSL证书(以及它们如何工作) 通配符SSL提供了一种使用单个证书保护无限数量子域的方法。通配符 SSL 证书适用于为其提供的基本域名的任何子域。例如,如果您的域名是“yourwebsite.com”,则您的通配符证书还将保护“subsite.yourwebsite.com”和“subsite2.yourwebsite.com”。 在通配符SSL证书上,在您的域名前放置一个星号 (*) 作为占位符,可以解释为任何字符串。您还可以使用这种类型的证书来涵盖域的“www”和非“www”变体。 例如,我们的示例通配符证书可以使用的一些域和子域包括: www.yourwebsite.com yourwebsite.com news.yourwebsite.com blog.yourwebsite.com shop.yourwebsite.com 与单名称证书一样,通配符SSL证书通过一组密钥加密数据。这包括存储在数字证书上的公钥和保存在服务器上的私钥。但是,使用通配符证书,您可以复制私钥并将其上传到任意数量的服务器。 通配符SSL与多域SSL 请务必注意,通配符SSL与多域或主题备用名称 (SAN) SSL证书不同。多域SSL让您可以使用单个证书保护多个域和子域,包括来自不同主机名的域和子域。例如,您可以使用多域SSL来保护各种顶级域,例如: www.yourwebsite.com www.yourwebsiteblog.com www.yourwebsitenews.com 您还可以为这些站点中的每一个创建子域,并在单个证书下保护它们。但是,对于多域SSL证书,您必须在购买时定义子域名。如果您想稍后添加子域,则需要重新颁发证书。 何时使用通配符SSL证书 当您拥有单名称SSL证书时,向您的站点添加新的子域并为其颁发SSL证书并不一定是件大事。但是,如果您计划添加大量子域,这可能很快就会变成一个耗时且成本高昂的过程。 因此,使用通配符SSL的主要好处是它可以为您节省大量时间和金钱。它还提供了比其他选项更大的灵活性。 例如,与使用SAN SSL时不同,您在购买通配符SSL证书时无需定义子域。此外,每当您添加新的子域时,您都不必担心重新颁发证书。 当您有一个包含多个一级子域的单个域(或计划在将来添加它们)时,使用通配符SSL是有意义的。这种证书可以帮助您同时保护所有这些证书。 使用通配符SSL证书最有益的一些常见场景包括: 您是一名经常使用子域测试环境的Web开发人员。 您拥有一家企业,该企业针对组织的不同方面和实体(博客、商店等)使用单独的子域。 您只需要一个顶级域,但计划使用多个子域(现在或将来)。 几乎所有类型的网络浏览器和设备都支持通配符SSL证书,包括移动和台式计算机。此外,通配符SSL证书附带无限服务器许可政策和无限重新颁发政策。这意味着您可以根据需要在尽可能多的服务器上保护您的站点,并根据需要多次重新颁发证书。 从哪里获得通配符SSL证书 通配符SSL可用于域验证 (DV) 和组织验证 (OV)证书。前者使您能够保护您的域名和任意数量的子域,而后者使您可以验证您的业务以及您的域名和子域。 OV证书要求您提交商业文件,并且可能需要几天时间来处理和验证。或者,可以在几分钟内颁发DV证书。请务必注意,通配符SSL在扩展验证 (EV) 证书上不可用。 有多种证书颁发机构 (CA) […]

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

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

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

WordPress CSS自定义,WordPress CSS,额外CSS 文字详细教程
想尝试编辑WordPress CSS,但不知道从哪里开始?使用CSS样式,您可以全局或在某些页面上编辑网站的外观。添加颜色,分隔某些元素,设计布局,并从根本上改变WordPress主题中任何内容的外观。 如果您想更熟悉WordPress的开发环境,或者只是想更好地控制您网站的外观,您需要知道如何在WordPress中添加CSS(以及如何更改已经存在的内容)。 通过编辑您的主题并包含您自己的其他CSS,您将能够优化您网站上的每个视觉元素。今天,我们将仔细研究它。 什么是CSS编辑? WordPress和CSS 如何使用CSS自定义您的WordPress主题 如何在WordPress中添加自定义CSS 在哪里学习CSS 什么是CSS编辑? CSS代表Cascading Style Sheets,它是除了HTML之外最流行的网络语言。两者相辅相成,因为CSS用于设置HTML元素的样式。HTML为网站的外观奠定了基础,而CSS用于进一步设置样式。 CSS代码示例(来源:w3schools.com) CSS使您能够使网站具有响应性、添加颜色、更改字体、修改布局以及总体上微调网站的视觉呈现。与HTML和JavaScript一样,CSS是一种前端客户端语言,这意味着它在用户端执行,而不是在后端服务器上执行。 在深入研究WordPress开发时,HTML、CSS、JavaScript和PHP是您需要了解的语言。这就是核心CMS以及它的许多主题和插件的内置内容。 但是,即使您不是网页设计师或开发人员,也可以选择一点CSS,因为您可以使用它来移动网站上的元素或设置样式,或者对主题进行小的美学更改以更好地适应您。 WordPress和CSS 在WordPress中,CSS有点不同。它由主题控制,主题由模板文件、模板标签,当然还有CSS样式表组成。虽然由您的主题生成,但所有这些都可以由您编辑。 模板文件将您网站的各个部分拆分为多个部分(例如header.php或archive.php),并且模板标签用于调用它们以及数据库中的其他内容。这些文件实际上主要由PHP和HTML组成,但如果需要,您可以添加CSS。 您真正需要的是stylesheet或style.css。要更改您网站的外观,您需要了解如何在此文件中添加和编辑代码。 如何使用CSS自定义您的WordPress主题 如果您想自定义主题并使用CSS更改网站的外观,您需要添加自己的代码或编辑已有的代码。有很多方法可以添加CSS,而无需接触任何主题文件,但要更改现有的主题代码,您必须访问您网站的样式表。 当您进行这些更改时,您应该知道一件事:当您的主题更新时,您对style.css、functions.php或其他主题模板文件所做的任何编辑都将被删除。一般来说,您不应该在不使用子主题的情况下在编辑器中直接更改您的网站。 样式表就像您网站的“指令列表”,准确设置其样式以及CSS代码的处理方式。这是您进行大量编辑的地方,但我们还将向您展示如何访问其他主题模板文件,例如header.php和footer.php。 有两种方法可以访问WordPress网站的样式表:通过WordPress仪表盘或通过FTP客户端。我们将分别介绍这两种方法。 自己做这个不方便吗?考虑聘请WordPress开发人员为您处理该步骤。 在仪表盘中编辑WordPress CSS 访问CSS样式表的最简单、最方便的方法就是在WordPress仪表盘中。无需安装FTP程序或代码编辑器。您可以使用内置的语法突出显示和函数文档直接编辑任何文件。 在对核心文件进行任何重大编辑之前,您应该始终备份您的WordPress站点。如果您是CSS新手,很容易意外犯下可能破坏网站外观的错误,并且可能很难弄清楚如何恢复您的更改。 完成备份和子主题后,登录到您的后端。您可以通过转到菜单并单击外观 > 主题编辑器来找到编辑器。 您应该会看到一个弹出窗口,警告您不要直接编辑这些文件。不用担心,只需单击“I understand”即可。在进行任何重大更改之前,使用子主题并备份您的网站只是一个警告。按照这些步骤操作,就可以安全地进行编辑了。 直接编辑WordPress文件 现在你进来了!默认情况下,您应该在样式表上,但如果没有,请查看右侧的菜单以查看您的主题文件。 除了style.css,您还可以访问functions.php、header.php和single.php等模板文件。所有这些都会影响您网站上某些页面的行为方式。 但是在深入研究这些特定文件之前,您应该熟悉PHP。 在WordPress主题中编辑style.css样式表 请记住:您在此处所做的大多数CSS更改都是全局性的。例如,如果您将H1标题更改为某种字体,它将对您网站上的每个页面生效。您需要使用特殊语法来自定义特定页面的样式。 直接编辑主题文件 如果您无法访问主题编辑器或更喜欢通过FTP进行工作怎么办?使用后端编辑器更容易,但某些主题或插件可能会禁用它。如果是这种情况,您需要通过FTP连接到您的网站。 FTP或文件传输协议允许您远程访问和修改网站的文件。您需要做的第一件事是下载FileZilla或任何其他FTP客户端。 接下来,您应该联系您的主机并询问您的FTP凭据(主机、端口和用户名/密码,如果适用)。如果您的主机有仪表盘,您可以通过登录找到它们。 拥有它们后,启动FTP客户端并输入该信息。如果它不起作用,请尝试将“sftp://”放在主机部分的URL之前。 使用FileZilla 进入后,您可以找到style.css文件,方法是单击wp-content文件夹将其打开,然后单击主题文件夹(如TwentyTwenty主题),然后滚动直到看到style.css。 双击打开它(或右键单击并选择View/Edit)并进行修改。记得保存并上传回服务器。 如果您需要编辑home.php、single.php、archive.php等其他模板文件,您可以在style.css所在的文件夹中找到它们。 编辑您的主题文件,无论是通过FTP还是仪表盘,并不总是必要的。事实上,如果你只是添加一些额外的代码,最好避免这样做。 对于少量添加,这是将CSS添加到WordPress网站的最佳方式。 如何在WordPress中添加自定义CSS 如果您不想编辑现有的CSS代码,而只想添加自己的样式,强烈建议使用以下方法之一:WordPress定制器或使用专用插件。 […]

WordPress 文章修改日期,文章更新日期 文字详细教程
在线发布内容时,您必须向用户展示博客文章、页面或媒体是新鲜的、准确的和最新的。 揭示 内容及时性的一种方法是在WordPress博客文章或页面的某处显示“最近更新”日期 ,例如特色图片、标题或整篇文章的上方或下方。 这样,用户可以看到最近更新的日期以及“发布”日期,或者您可以完全替换发布日期。 简而言之,显示的日期最终会更新,向读者(和搜索引擎)表明您的内容是新鲜的,并且您没有让太多时间过去(这可能导致链接断开、信息不准确或过时的图像)。 在哪里查看发布日期和最近更新日期 在您的网站上显示“最近更新”日期的好处 如何在WordPress中显示最近更新日期 如何判断WordPress文章或页面上次更新的时间 在哪里查看发布日期和最近更新日期 根据您的主题样式,发布日期可能出现在文章、页面或两者上;展示位置最常见于标题之后、内容之前,并且通常以署名作为补充。 旧文章上发布日期的示例 话虽如此,发布日期的样式和位置完全取决于您的主题。您可能会在特色图片上方看到它并带有图标,如下面的主题所示。 二〇二〇主题提供独特的发布日期格式 一些主题甚至将发布日期和最近更新日期放在内容的末尾,就在评论框之前。 此主题的日期显示在内容下方 您还可以通过转到文章列表中的日期列在后端找到发布日期。 日期列显示WordPress仪表盘中的发布日期 WordPress还会在文章编辑器中显示发布日期。 发布日期是在WordPress中编辑文章时显示的唯一日期 在本文中,我们解释了显示“上次更新”日期而不是发布日期的好处。我们还将向您介绍显示上次更新日期的各种方法,同时还演示如何判断网站上次更新的时间。 继续阅读以了解所有相关信息! 在您的网站上显示“最近更新”日期的好处 定期更新您的内容并显示最近更新日期,可为网站所有者、搜索引擎用户以及您网站上的用户带来各种好处。考虑到搜索引擎在确定排名时会考虑新颖性和相关性,这对SEO也很有帮助。 以下是在您的页面和文章上显示“上次更新”日期的主要好处。 最近日期比发布日期更准确,它表明与不久前发布的内容相比,您的内容可能更加新鲜。 用户看到这是一篇更新的文章,而不是认为它是一篇旧文章,这可能会增加您的点击率和用户阅读的总时间。 您的“最近更新”日期使您更有可能脱颖而出,因为搜索引擎会在结果中显示这些日期,并且您的结果会被其他网站的列表正确放置。 它为搜索引擎提供了另一种将文章识别为新鲜的方式。 搜索引擎当然会抓取内容;但这并不总是发生,“最近更新”日期会加强您网站上所做的任何更改。 最近的日期提供了一种信任感,您已经消除了链接损坏、图像损坏以及任何不再真实的内容等内容问题。 当内容(和日期)更新时,搜索引擎往往会更频繁地索引您的网站。这不是硬性规定,但众所周知,搜索引擎会记录内容不断更新的网站,并更频繁地抓取它们。 您增加了获得更高整体搜索排名的潜力,因为您的整个网站都从您更新的文章中受益。 它为您提供了更新内容的视觉借口/提醒,因为您可能会注意到较旧的日期并意识到刷新是有序的。 搜索引擎更喜欢您更新旧内容,而不是每次您获得有关同一主题的新信息时都创建新文章。这消除了重复内容的可能性,并与为什么显示最近的日期最适合改进SEO相关联。 一些出版物(如在线报纸)需要有“最近更新”日期,以便更正和新信息的内容显示在站点提要的顶部。这样用户就不会错过这些更新。 如何在WordPress中显示最近更新日期 默认情况下,WordPress 不显示新内容或刷新内容的最后更新日期,而是显示发布日期。即使在几年后对文章进行了多次更新,该发布日期仍然存在。 一些现代主题提供内置功能,只需单击几下鼠标即可显示上次更新日期。首先检查WordPress Customizer以获取主题中的任何日期自定义设置是一个很好的做法。但不能保证任何东西都可用。 如果您无法在 WordPress 定制器中添加最后更新日期,请使用以下方法添加它: 通过编辑functions.php文件和CSS 通过修改和添加代码到您的主题模板 使用插件 前两种方法要求您访问站点的主题文件,因此如果您还没有经验,请阅读WordPress文件层次结构(以及如何理解它们)。 查看以下三种方法,以了解适合您情况的最佳行动方案。 方法 1:在您的主题中编辑functions.php和CSS 在 WordPress 中添加“上次更新”日期的第一种方法是访问主题的functions.php文件并将代码添加到文件中。作为替代方案,您可以将该代码添加到子主题或特定于站点的插件中,以避免在切换或更新主题时代码消失的任何问题。 所有这些选项都使用相同类型的CSS代码,因此我们将为您提供一些要添加的代码,并向您展示如何将其放置在functions.php文件中。如果使用子主题或特定于站点的插件,只需使用相同的代码并修改这些文件。 首先,转到主题的functions.php文件。访问functions.php的最简单方法是使用FTP客户端连接SFTP。您通常可以通过FTP客户端转到 /www (或者您的网站域名) > /public […]

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

WordPress 图片压缩,无损压缩,有损压缩 文字详细教程
根据HTTP Archive,截至2018年12月,图像占桌面和移动设备平均网站页面权重的40%以上。那是巨大的!当谈到新的移动优先索引和性能时,图像优化对于WordPress网站的加载速度起着至关重要的作用。图像压缩是您可以实施的最简单的优化之一,反过来也会产生最大的影响。从本质上讲,这需要通过使用两种流行的压缩形式来减小图像的文件大小:有损和无损。WEBP支持两种压缩方式! 今天我们将深入研究有损和无损这两种类型的图像压缩,并讨论我们建议您使用哪一种。这可能因您经营的业务类型而异。 有损压缩 无损压缩 哪种压缩方法更好? 如何在 WordPress 中使用有损压缩 有损压缩 第一种压缩形式是有损的。有损压缩涉及消除图像中的一些数据。因此,这意味着您可能会看到性能下降(质量下降或某些人称之为像素化)。所以你必须小心你减少了多少图像。不仅是因为质量,还因为你无法逆转这个过程。当然,有损压缩的一大好处以及为什么它是最流行的压缩方法之一是您可以将文件大小减少很多。 JPEG和GIF都是有损图像格式。 JPEG非常适合需要快速加载时间的站点,因为您可以调整质量级别以获得质量和文件大小的良好平衡。 WordPress自动压缩图像 您知道WordPress在您将JPEG上传到媒体库时会自动压缩它们吗?默认情况下,WordPress会自动将图像压缩至原始大小的90%。但是,从WordPress 4.5开始,他们将这一比例提高到82%,以进一步全面提高性能。如果您想知道为什么您的图像在新安装的WordPress上看起来有点像素化,这就是原因。 虽然自动压缩很棒,但我们通常看到82%远不足以真正影响您网站的性能。因此,如果需要,您可以通过将以下过滤器添加到主题functions.php文件来禁用此选项。请记住,在编辑您的网站之前,请务必先进行备份。 add_filter( ‘jpeg_quality’, create_function( ”, ‘return 100;’ ) ); 如果你想提高WordPress的自动压缩率,你可以添加过滤器并降低原始文件的百分比,例如下例中的70%。 add_filter( ‘jpeg_quality’, create_function( ”, ‘return 70;’ ) ); 请记住,这些不会影响已上传的图像。您需要使用像Regenerate Thumbnails这样的插件才能将其应用到您现有的媒体库中。或者更好的是,我们只是建议您不要理会您的主题,只需使用图像优化 WordPress 插件(我们将在下面进一步介绍)或在上传图像之前进一步压缩图像。 使用Save for Web(软件)压缩图像 您可以使用Adobe Photoshop、Affinity Photo、Affinity Designer或其他图像编辑器等工具来调整图像的质量设置(如下所示)。在大多数工具中,它位于“保存到网络”或“导出设置”下。 更改照片质量 如果我们对有损压缩率进行一些比较,我们可以看到 50% 看起来不错。33% 的一些背景细节开始变得有点模糊(但会很不明显),而5%显然是不可接受的。这只是为什么WordPress中的自动82%还不够的一个例子。您可以而且应该以更高的速率压缩以进一步减小文件大小。 original.JPG 2.82 MB(2,000 像素 x […]

WordPress JavaScript延迟加载,JavaScript解析 文字详细教程
您是否通过性能测试工具运行您的WordPress网站,却遇到了延迟在WordPress中解析JavaScript的指令? 实施此更改可以对您网站的页面加载时间产生积极影响,尤其是对于移动访问者。但是警告可能有点难以理解,这就是为什么我们要准确解释延迟解析JavaScript的含义以及如何在WordPress网站上实现此更改。 以下是您将在本文中学到的内容: 在WordPress中延迟解析JavaScript意味着什么? 如何判断是否需要延迟解析JavaScript 延迟解析JavaScript的不同方法 如何在WordPress中延迟JavaScript解析(4种方法) 如果您只想直接跳到教程,可以单击上面列表中的最后一个链接。 在WordPress中延迟解析JavaScript意味着什么? 如果您曾经通过Google PageSpeed Insights、GTmetrix或其他页面速度测试工具运行过您的WordPress网站,您可能会遇到过延迟解析JavaScript的建议。 但是……这实际上是什么意思?为什么它是一个重要的性能考虑因素? 基本上,当有人访问您的WordPress网站时,您网站的服务器会将您网站的HTML内容传送到该访问者的浏览器。 然后访问者的浏览器从顶部开始,并通过代码呈现您的网站。如果在从上到下的移动过程中找到任何JavaScript,它将停止呈现页面的其余部分,直到它可以获取并解析JavaScript文件。 它会对找到的每个脚本执行此操作,这可能会对您网站的页面加载时间产生负面影响,因为访问者需要在浏览器下载和解析所有JavaScript时盯着空白屏幕。 如果您网站的核心功能不需要某个脚本(至少在初始页面加载时),您不希望它妨碍加载网站更重要的部分,这就是为什么这些页面速度测试工具总是告诉你推迟对JavaScript的解析。 那么延迟解析JavaScript是什么意思呢? 本质上,您的网站会告诉访问者的浏览器等待下载和/或解析JavaScript,直到您网站的主要内容已经完成加载。此时,访问者已经可以看到您的页面并与之交互,因此下载和解析该JavaScript的等待时间不再具有如此负面的影响。 通过加快内容的首屏加载时间,您可以让Google感到高兴,并为您的访问者创造更好、更快的体验。 如何判断是否需要延迟解析JavaScript 要测试您的WordPress站点是否需要延迟解析JavaScript,您可以通过GTmetrix运行您的站点。 GTmetrix会给你打分,还会列出需要推迟的特定脚本: 在GTmetrix中延迟解析JavaScript测试 延迟解析JavaScript的不同方法 有几种不同的方法可以延迟JavaScript的解析。首先,您可以将两个属性添加到脚本中: Async Defer 这两个属性都允许访问者的浏览器在不暂停HTML解析的情况下下载JavaScript。但是,不同之处在于,虽然async不会暂停HTML解析以获取脚本(如默认行为那样),但它会暂停HTML解析器以在获取脚本后执行脚本。 使用defer,访问者的浏览器在解析HTML时仍然会下载脚本,但他们会等待解析脚本,直到HTML解析完成。 与Web一起成长的这张图表很好地解释了这种差异: 图形解释异步与延迟 Varvy的Patrick Sexton推荐的另一种选择是,仅在初始页面加载完成后才使用脚本调用外部JavaScript文件。这意味着在初始页面加载完成之前,访问者的浏览器不会下载或执行任何JavaScript。 最后,您将看到的另一种方法是将JavaScript移动到页面底部。但是,这种方法并不是一个很好的解决方案,因为即使您的页面将很快可见,访问者的浏览器仍会将页面显示为正在加载,直到所有脚本完成。这可能会阻止一些访问者与您的页面进行交互,因为他们认为内容没有完全加载。 如何在WordPress中延迟JavaScript解析(4 种方法) 要在WordPress中延迟JavaScript的解析,您可以采取三种主要途径: 插件——有一些很棒的免费和高级WordPress插件可以推迟JavaScript解析。我们将向您展示如何使用两个流行的插件来做到这一点。 Varvy方法——如果您精通技术,您可以直接编辑您网站的代码并使用Varvy的代码片段。 Functions.php文件——您可以将代码片段添加到子主题的functions.php文件中以自动延迟脚本。 您可以单击上方直接跳转到您喜欢的方法或通读所有技术以找到最适合您的方法。 1. 免费的异步JavaScript插件 Async JavaScript是来自Frank Goossens的免费WordPress插件,他是流行的Autoptimize插件背后的同一个人。 它为您提供了一种使用异步或延迟延迟解析JavaScript的简单方法。 首先,您可以从WordPress.org安装并激活免费插件。然后,转到设置 → Async JavaScript以配置插件。 在顶部,您可以启用插件的功能并在异步和延迟之间进行选择。记住: Async下载JavaScript,同时仍解析HTML ,但随后暂停HTML解析以执行 […]

WordPress Cloudflare,Cloudflare插件,Cloudflare设置 文字详细教程
Cloudflare是一家提供内容交付网络 (CDN)、DNS、 DDoS保护和安全服务的公司。他们在网络性能行业因快速的DNS查找时间而闻名,并拥有由全球100多个不同数据中心组成的强大网络。他们得到了谷歌、微软和高通等业内知名人士的支持。他们的一些客户包括纳斯达克、Digital Ocean、Zendesk和思科。 如果您正在寻找一种简单的方法来加快和增强WordPress网站的安全性,Cloudflare是一个很好的解决方案。大多数客户甚至可以使用他们的免费计划,该计划提供无限的CDN带宽。请按照以下步骤在您的WordPress网站上安装Cloudflare。 注意:如果您使用Cloudflare,则无法使用来自Amazon Route 53的高级DNS。Cloudflare作为完整的代理服务运行,这意味着您必须选择其中一个。如果您想使用我们的高级DNS,您可以使用替代CDN来加速您的网站,例如KeyCDN,它不是一个完整的代理。 安装Cloudflare 常见的Cloudflare问题 如何清除Cloudflare缓存 安装Cloudflare 本教程假设您已经有一个Cloudflare帐户。如果您不这样做,您可以访问Cloudflare网站并注册一个免费帐户。 第 1 步 登录Cloudflare仪表盘,然后单击“+ 添加站点”。输入您的WordPress站点的域名,然后单击“Begin Scan”。(不需要加www或者HTTP/HTTPS,根域就可以了) 将WordPress站点添加到Cloudflare 可能需要一两分钟,然后单击“Continue Setup”。 第 2 步 Cloudflare为您提供了两种选择。您可以使用他们的CDN和protection(加速和保护您的网站),或者您可以简单地使用他们的DNS。大多数客户会想要前者,因为这是您将从Cloudflare提供的一切中受益的地方。为确保您的域已启用,请确保云以橙色点亮。如果您有其他记录,例如电子邮件(MX记录),这些记录应该关闭Cloudflare(灰色)。验证完所有内容后单击继续。您以后可以随时修改这些记录。 验证DNS记录 第 3 步 在下一页上,您需要选择 Cloudflare 计划。我们建议从适用于大多数用户的免费计划开始。然后点击“继续”。您可以阅读有关Cloudflare 计划差异的更多信息。 免费Cloudflare计划 第 4 步 然后,您需要将域上的名称服务器更改为指向Cloudflare(使用它们提供的名称)。因为Cloudflare是一个完整的代理服务,所以基本上它的工作原理是将您的域指向Cloudflare,然后Cloudflare将您的域指向服务器地址。切换名称服务器时没有停机时间。这里有几个指向不同域名注册商的文档链接,说明如何更改它们。 如何使用Namecheap更改名称服务器 如何使用GoDaddy更改域名服务器 如何使用Google Domains更改域名服务器 如何使用Bluehost更改名称服务器 然后点击“Continue”。 更改为Cloudflare的名称服务器 这应该不会花费很长时间,但最多需要24小时才能处理此更改。 第 5 步 如果您的站点尚未指向服务器,则需要更新A记录以指向Cloudflare仪表盘中的服务器IP。单击“DNS”并在A名称记录旁边,将其更改为您的服务器的IPv4地址。 更新Cloudflare A名称记录 就是这样!您的WordPress网站现在已安装Cloudflare。 第 […]

WordPress 浏览器缓存,缓存过期标头 文字详细教程
您是否刚刚通过速度测试工具运行您的WordPress网站,却被告知您需要“Add Expires headers”到您的WordPress网站? 缓存过期标头是让Web浏览器知道是从访问者的浏览器缓存还是从您的服务器加载网页资源(如图像)的规则。这些可以帮助提高您网站的性能。除此之外,它们也是YSlow性能建议的一部分,这意味着它们会影响您在GTmetrix等工具中的性能“分数” 。 在这篇文章中,我们将解释什么是过期标头以及它们如何影响您的网站。然后,我们将向您展示如何使用几种不同的方法在WordPress中添加过期标头。 但首先,我们需要快速绕道讨论另一个主题——浏览器缓存。 什么是浏览器缓存? 什么是过期标头? 如何修复WordPress中的“添加过期标头” 如何测试Expires标头是否正常工作 如何为外部脚本添加过期标头 什么是浏览器缓存? 在讨论过期标头之前,我们首先需要向您介绍浏览器缓存的概念。这很重要,因为过期标头可以帮助您控制和实现浏览器缓存——因此,如果您不了解浏览器缓存,就无法理解过期标头。 简而言之,浏览器缓存让您的网站告诉访问者的浏览器将某些文件保存在访问者的本地计算机上并加载这些本地文件以供后续访问,而不是在每次页面加载时从您的服务器下载它们。 通过消除每次下载文件的需要,您可以加快站点的加载时间并减少带宽使用。 让我们看一个示例——您网站的徽标图像。您的徽标在每个页面上都是相同的,因此强制访问者的浏览器在每次页面加载时重新下载相同的徽标文件是没有意义的。通过浏览器缓存,您可以将该徽标文件存储在访问者的本地计算机上。访问者在第一次访问时仍需要下载您的徽标图像。但是对于后续的页面查看,该文件将从其本地浏览器缓存中加载。 什么是过期标头? 过期标头让您告诉访问者的Web浏览器它是否应该从本地浏览器缓存中加载给定资源(如上所述),或者它是否需要从Web服务器下载新版本。 更具体地说,它允许您在文件“过期”之前为不同文件类型的缓存版本设置持续时间,并且浏览器必须再次从服务器下载它。 让我们看一个例子…… 假设您想控制网站上PNG图像文件的浏览器缓存行为。如果您将PNG文件的过期标头设置为一个月,这意味着访问者的浏览器将: 在初始访问/下载后一个月从缓存中加载已经下载的版本。 一个月后从服务器重新下载该文件。 您可以为不同的文件类型设置不同的过期标头,这使您可以精细控制站点的浏览器缓存。 过期标头与缓存控制 虽然使用过期标头是控制WordPress上的浏览器缓存的一种方法,但它不是唯一的方法。还有另一种称为缓存控制的技术。 缓存控制是一种更现代的技术,为控制缓存行为提供了更多的灵活性。出于这个原因,今天许多网站都使用缓存控制。 但是,过期标头仍然提供大多数站点所需的一切,因此它们是用于浏览器缓存的好选择。您也可以同时使用两者,尽管在大多数情况下您的缓存控制标头将优先。如果同时使用两者,您需要确保在每个中设置相同的时间值。 如果您想了解有关如何在WordPress上实现缓存控制的更多信息,请查看我们的指南,了解如何在WordPress中利用浏览器缓存。 如何修复WordPress中的“添加过期标头” 现在,让我们进入实际的操作方法部分,我们将向您展示如何在 WordPress 中设置过期标头。 您可以为您的WordPress网站添加过期标头。您可以在服务器级别(Nginx或Apache)使用您自己的代码片段或通过一些用户友好的WordPress插件来执行此操作。 当有人第一次访问您的WordPress网站上的网页时,所有文件都会一个一个地加载。浏览器和WordPress托管服务器之间的所有这些请求都会增加网页加载时间。 浏览器缓存将部分或全部文件存储在访问者的计算机上。这意味着他们下次访问该页面时,可以从他们自己的计算机加载文件,从而提高您的WordPress性能。 现在您可能想知道,浏览器如何知道要保存哪些文件以及将它们保留多长时间? 这就是过期标标头的用武之地。 使用expires headers或cache-control headers设置关于保存哪些文件以及保存它们多长时间的规则。在本文中,我们将重点介绍缓存过期标头,因为它们对于大多数用户来说设置起来更简单。 缓存过期标头为浏览器缓存中存储的每种类型的文件设置过期日期。在该日期之后,文件将从您的服务器重新加载,以便为访问者提供最新版本的页面。 如何在Apache Web服务器上使用.htaccess添加过期标头 如果您的Web主机使用Apache Web服务器,您可以使用.htaccess文件添加过期标头,该文件位于您的服务器的根文件夹(与保存wp-config.php文件相同的文件夹)。 这是您需要做的: 在您首选的FTP客户端中使用FTP连接到您的服务器 在根文件夹中找到.htaccess文件 将 .htaccess 文件的备份副本下载到本地计算机。这样,如果出现任何问题,您可以重新上传备份副本以解决任何潜在问题。 在文件顶部附近添加下面的代码片段 ## […]

WordPress jQuery,jQuery Migrate 文字详细教程
jQuery Migrate通过识别不推荐使用的功能,极大地简化了将旧jQuery代码移动到更高jQuery版本的过程。然后它会恢复已弃用的功能和行为,以便旧代码仍能在当前jQuery版本及更高版本上正常运行。 大多数最新的前端代码和插件不需要jquery-migrate.min.js。在大多数情况下,这只会给您的网站增加不必要的负载。如果您启动,您可以看到它正在运行Chrome开发工具控制台. 删除jQuery Migrate的其他原因: 保持你的代码、主题和插件更新比修补支持额外的文件更好。保持您的网站更新也可以防止它受到安全攻击。 如果您正在运行使用旧jQuery代码的插件,最好更新它们或切换到保持更新的替代方案。 如何从WordPress中删除jQuery Migrate? 从WordPress中移除 jQuery Migrate非常简单。您只需要将以下代码行添加到主题functions.php文件中。 //Remove JQuery migrate function remove_jquery_migrate( $scripts ) { if ( ! is_admin() && isset( $scripts->registered[‘jquery’] ) ) { $script = $scripts->registered[‘jquery’]; if ( $script->deps ) { // Check whether the script has any dependencies $script->deps = array_diff( $script->deps, array( ‘jquery-migrate’ ) ); } […]

WordPress 谷歌字体,谷歌字体API 文字详细教程
使用商业主题时,WordPress网站看起来很漂亮。这些高级主题使用缩略图和好看的字体来制作吸引人的外观。然而,酷炫的外观伴随着您作为网站所有者需要承担的一定成本。在本文中,让我们探讨字体问题以及如何在WordPress站点中禁用Google字体。 在WordPress中使用字体 以下是在WordPress中使用字体的流行方式,您可以随时切换使用字体的方式。 使用第三方字体,如Google Fonts 在您的服务器上托管自定义字体 使用系统字体 无论您使用什么方式;您需要以下三件事才能使用任何字体系列: 具有不同扩展名的字体文件,如woff、eot、ttf或svg。虽然主要使用一个文件,但其余文件用于后备和兼容性目的。或者,您可以使用CSS字体文件,尤其是从Google字体网站加载时。 将字体从文件导入到您的站点。CSS字体导入在早期很流行,现在在标题部分链接外部字体文件很常见。 在HTML元素中使用CSS规则来提及字体系列和其他属性。 这是一个使用外部文件链接的示例CSS,用于在标题部分使用具有常规400粗的Roboto系列。 <link href=”https://fonts.googleapis.com”> <link href=”https://fonts.gstatic.com” crossorigin> <link href=”https://fonts.googleapis.com/css2?family=Roboto&display=swap”> 以下是如何在HTML中使用带有H1标题的Roboto字体系列: h1 { font-family: ‘Roboto’, sans-serif; } 据说页面上的每个HTML元素都需要一个字体系列来呈现它在浏览器上的预期显示方式。 WordPress中的谷歌字体 通常为HTML body元素声明字体系列,以便整个页面使用相同的字体。然而,那些好看的主题需要对标题、块引用、预格式化、表格、按钮等元素使用不同的字体系列。为了避免设计多种字体或支付许可费用,许多WordPress主题和插件开发人员使用免费的第三方 -派对字体。谷歌字体的使用与谷歌的流行和CDN的能力一起提供了更接近您网站访问者的字体文件。 谷歌字体 10个商业WordPress主题中几乎有7个使用Google字体并提供自定义主题面板。您可以从1250多种可用字体系列中选择一种。由于有大量的字体可供免费使用,开发人员可以简单地将所需的Google字体文件与标题部分中的系列和重量详细信息联系起来。您可以通过查看您网站的源代码来查看您网站上的Google字体文件。 源代码中的Google字体CSS文件 您可以看到字体是从fonts.googleapis.com服务器加载的。Open Sans和Roboto是字体系列,400/600表示字体粗细。有时您可能还会看到字体是从诸如fonts.gstatic.com之类的Google域加载的。 使用多种和外部字体的问题 在WordPress中使用Google字体会产生以下问题: 任何第三方资源都会影响您网站的页面加载速度。示例包括Google字体、分析跟踪、Facebook像素等。 使用多个字体系列和字体粗细会增加 Google 服务器所需的外部文件数量。这将增加从您的站点发送的 HTTP 请求的数量,从而降低页面加载速度。 在从Google服务器下载所有字体文件之前,浏览器不会加载文本。这可能需要一些时间,在此期间用户将看到空白的空白页面。您将在Google PageSpeed Insights工具中看到警告,以确保在网络字体加载期间文本可见。 您可能需要使用预连接和DNS预取来连接到Google字体域,以加快网站的加载速度。 由于速度是Google搜索中的官方排名因素之一,因此您没有其他选择可以避免使用第三方Google字体。 如何在WordPress中禁用谷歌字体? 现在很明显,您必须在WordPress中禁用Google字体以提高页面加载速度。但问题是当您的主题和插件使用Google字体时,如何在影响或不影响网站外观的情况下做到这一点。以下是可供您选择的选项。 完全禁用Google字体,以便您的网站使用浏览器的备用字体。 将swap参数添加到Google字体文件并继续使用它们。 通过添加自定义CSS或更改主题来使用系统字体。 我们将在以下部分探讨所有这些选项。 […]

WordPress Cloudflare,W3 Total Cache,W3TC 文字详细教程
W3 Total Cache (W3TC) 是您的WordPress网站的顶级缓存插件之一。它将通过流行服务的CDN支持帮助您进行开箱即用的缓存和缩小。另一方面,CloudFlare是Bluehost和SiteGround等大多数托管公司提供的免费CDN。结合缓存和 CDN 的强大功能来提高站点的速度是一个好主意。 在本文中,让我们讨论如何在WordPress站点中设置W3TC以连接CloudFlare CDN。 需要准备什么? 配置W3TC以连接CloudFlare CDN 安装CloudFlare扩展 在CloudFlare帐户中获取API密钥 连接CloudFlare和W3TC 配置CDN设置 通用设置 缓存设置 内容处理设置 SSL设置 小结 需要准备什么? 您需要以下东西才能将CloudFlare和W3TC连接起来: 对WordPress管理面板的管理员访问权限。 W3 Total Cache插件安装在您的站点上。查看我们关于如何在您的站点上设置W3 Total Cache的文章。 免费或高级CloudFlare帐户。 配置W3TC以连接CloudFlare CDN W3 Total Cache不提供CloudFlare CDN设置的任何默认设置。事实上,它推荐StackPath的MaxCDN,这是WordPress用户的另一个流行的CDN选项。您必须在W3TC中启用扩展才能使用CloudFlare。 安装CloudFlare扩展 登录到您的WordPress管理面板并导航到“Performance > Extensions”部分。在这里,您将找到W3TC的所有可用扩展并激活CloudFlare扩展。 为W3TC激活CloudFlare扩展 激活后,单击“Settings”链接转到CloudFlare设置。首先,您应该将您的CloudFlare帐户与W3TC连接并验证连接。 使用W3TC对CloudFlare进行身份验证 单击“Authorize”按钮,系统将提示您输入CloudFlare帐户中的API密钥。 在CloudFlare帐户中获取API密钥 登录到您的CloudFlare帐户并导航到您的帐户设置。向下滚动到“API Key ”部分,然后单击“View API Key ”按钮对“Global API Key ”。将API密钥复制到剪贴板。 从CloudFlare获取Global […]

WordPress WP Rocket,安全模式 文字详细教程
顾名思义,安全模式表示有助于在不完全禁用功能的情况下解决问题。例如,您可以在PC中以安全模式打开Word和Excel文档,通过禁用扩展程序和其他不必要的功能来打开应用程序。现在越来越流行,像WP Rocket这样的WordPress插件也提供安全模式。 在本文中,我们将解释如何在WP Rocket中启用安全模式以及如果这样做会发生什么。 排查WP Rocket问题 作为一个强大的缓存插件,WP Rocket可能会破坏您的网站布局或禁用某些功能。当您启用合并JavaScript、删除未使用的CSS等设置时会发生这种情况。每当您想确认问题是由于WP Rocket缓存引起的,您可以轻松绕过WP Rocket缓存来检查您网站上未缓存的页面。好的部分是您可以在不停用插件的情况下执行此操作。 但是,确认问题后,唯一的选择是停用插件或逐一禁用功能以缩小问题范围。为了使此故障排除更容易并最大程度地减少工作,WP Rocket引入了一项称为安全模式的新功能。使用此功能,您可以在不停用插件的情况下禁用整个站点上的某些功能。 在WP Rocket中启用安全模式 当您遇到问题时,请转到仪表盘中的“插件 > 已安装插件”部分。 找到WP Rocket插件,然后点击插件名称下方的“停用”链接。 停用WP Rocket插件 如果您使用的是3.11.0.3之前的版本,您将看到如下消息。 旧插件版本中的消息 这意味着您必须首先将插件更新到3.11.1或更高版本。之后,您将在停用时看到以下消息。 现在,选择“Yes, apply Safe Mode”选项,然后单击“Confirm”按钮。 您已在WP Rocket 插件中启用安全模式并继续检查问题是否已解决。 WP Rocket中的安全模式选项 安全模式会发生什么? 确认安全模式选项时,WP Rocket将禁用以下功能。 在“Media > Lazy Load”下的图片、iframe和视频的延迟加载选项将禁用。 所有CSS和JavaScript优化,如“File Optimizations”下的最小化、合并、关键CSS生成、删除未使用的CSS、延迟JS会被禁用。 在“CDN”下“Enable Content Delivery Network”选项将禁用。 禁用所有这些功能后,您应该能够使站点恢复工作状态。之后,您可以一一启用这些选项并检查哪个选项造成了问题。 如何禁用安全模式? 这一点很重要,因为WP Rocket不提供任何禁用安全模式的选项。由于它只是禁用一组选项,因此您需要重新启用这些设置以禁用安全模式。这意味着您应该在使用安全模式之前记住之前的设置。否则,您可能会对您之前是否使用过某个功能感到困惑。在这种情况下,我们不建议使用安全模式,除非您知道自己的设置或使用WP Rocket进行了登台/本地主机设置。 小结 在完全停用插件之前,您可以轻松地在WP Rocket中启用安全模式。它可以帮助您在不丢失缓存功能的情况下恢复您的站点。但是,您必须逐个启用这些功能才能恢复以前的手动设置。

关键字(Keyword)和描述(Description)能够帮助您提高网站的SEO排名,以获取更多的流量,潜在客户和销售量。
关键字(Keyword)和描述(Description)能够帮助您提高网站的SEO排名,以获取更多的流量,潜在客户和销售量。 在本教程中,将向详细说明如何在WordPress中添加关键字和元描述。 为什么要在WordPress中添加关键字和元描述? 关键字和描述主要目的在于告诉搜索引擎更多有关文章和页面内容的信息。 关键字是能够帮助人们搜索内容的重要词语或短语。元描述则是页面或文章的简要描述(你可以称之为中心段)。 它是显示在百度搜索结果中的元标题,描述和关键字: 元关键字和元描述是HTML元标记,构成了您网站头部代码的一部分。它们不会出现在您的页面或文章中,即访客不会直接查看到,这些信息主要是提供给搜索引擎和浏览器。 通常,大部分WordPress主题并未提供关键词和描述信息的录入功能。要完善这部分信息,我们需要借助WordPress SEO插件,以实现为文章和页面自动或者手动添加。 对于SEO,关键字和元描述有多重要? 像大多数WordPress用户一样,您可能想知道添加页面关键字和描述将如何改善WordPress网站SEO排名。 虽然搜索引擎不可能公开分配给关键字或描述的权重比例,但SEO专家始终建议添加适当的元描述和关键字以进行页面SEO优化。 元描述被搜索引擎广泛使用。在百度搜索结果中,它们显示在内容标题的下方,搜索词则以粗体高亮显示。 有效的元描述将能吸引搜索引擎用户点击并阅读您的内容。而且可以明确的是,更高的点击率意味着搜索引擎可能会对您的内容进行更高的排名。 现在,对于关键字,大多数现代搜索引擎要么分配权重相对小一些,要么根本不再使用。当然也有例外的,比如国内一些搜索引擎及俄罗斯搜索引擎Yandex。 相反,搜索引擎更喜欢在标题,描述以及整个内容中添加重点关键词。 对元关键字和元描述的建议 我们建议为网站上的所有文章和页面添加元描述,包括WordPress主页,分类页面,标签页面,文章页面及独立页面等。 注意: 现在的搜索引擎会根据搜索查询自定义描述,未必使用设置好的元描述。但是,仍然建议创建一个元描述。它会为大约30%的用户显示,并且可以帮助您进行SEO。 对于meta关键字,是否使用它们取决于您。只能说聊胜于无,但有一点可以明确的,使用与页面标题及内容相关的关键词,肯定有利于搜索引擎优化。 下面让我们步入正题,如何在WordPress中添加关键字和元描述。 使用Smart SEO Tool插件执行优化 在本教程中,我们将使用Smart SEO Tool插件,这是教学博针对国内网站开发的WordPress SEO插件。它使帮助你快速优化WordPress网站以获得更好的SEO。 首先,您需要安装并启用Smart SEO Tool。启用后,即可通过“设置-Smart SEO Tool”,进入插件设置界面。 Smart SEO Tool插件提供TDK优化(即Title、Keyword和Description),图片优化,链接优化,404监测,失效URL,Robots.txt及Sitemap生成等相关功能。但在本教程,我们主要对TDK优化功能进行讲解。 选择TDK优化,并启用TDK优化功能: 填写网站首页TDK信息,即你需要对网站的标题、关键词和摘要进行完善补充。如下图所示: 然后切换至分类标签,继续对每一个分类的标题、摘要和关键词进行补充填写,如下图: 注:当分类较多的情况下,需要对每一个分类的TDK都进行填写。可能会比较麻烦,但我们建议尽可能填写完善。 当你切换到更多标签,你会发现Smart SEO Tool在文章页、标签页、搜索页、作者页和独立页都采用了自动优化的方式。这样做的目的主要在于大大地减少站长的工作量,提升SEO优化效率。 完善上述操作,务必要点击插件设置界面右下方的保存设置按钮。 此外,如果你需要对单个文章的TDK进行优化,也可以在文章编辑界面,单独填写SEO优化的标题、关键词和摘要信息,如下图所示: 当你使用文章编辑页面的SEO信息设置功能,插件设置则对该篇文章不执行自动优化功能。要关闭文章的SEO优化功能,只需要点击文字编辑界面右上方的显示选项,取消选中界面元素的“SEO信息设置”选项。 Smart SEO Tool插件与其他主流的WordPress插件兼容,即时你使用WooCommerce,MemberPress课程等插件,也可以实现SEO优化。

如果您的WordPress网站时一个美食博客,那么您可以使用结构化数据标记在搜索引擎结果中将您的食谱显示为片段。这可以帮助您为您的网站获得更多点击次数和流量。在本文中,我们将向您展示如何在WordPress中添加具有结构化数据的SEO友好食谱。
您是否正在寻找一种将食谱结构化数据添加到WordPress网站的方法? 如果您的WordPress网站时一个美食博客,那么您可以使用结构化数据标记在搜索引擎结果中将您的食谱显示为片段。这可以帮助您为您的网站获得更多点击次数和流量。 在本文中,我们将向您展示如何在WordPress中添加具有结构化数据的SEO友好食谱。 什么是菜谱结构化数据以及为什么要使用它? 配方/菜谱结构化数据标记(或结构化数据)是一种特殊类型的HTML代码,添加到您的WordPress网站,它向搜索引擎提供有关您的内容的更多信息。 此信息不会显示在您的网站上。它已添加到搜索引擎机器人的源代码中以供阅读。 Google、Bing和其他搜索引擎使用结构化数据标记将附加信息显示为特色片段。这些是带有额外信息的突出显示结果,显示在搜索结果页面的顶部。 例如,Google可以在精选片段中显示您食谱中的成分、评级、烹饪时间、营养价值和其他信息。 Google从页面上的菜谱的结构化数据标记中获取这些额外信息。 这就是为什么添加带有结构化数据标记的食谱可以帮助您捕获这些片段并提高您的WordPress搜索引擎优化 (SEO) 的原因。 精选摘要是从自然搜索结果中获得更多网站点击次数和增加流量的好方法。 在WordPress中添加带有Schema的SEO友好食谱 在WordPress中添加菜谱结构化数据标记的最简单方法是使用适用于WordPress的多合一SEO (AIOSEO)插件。它是市场上最好的WordPress SEO插件之一,可帮助您针对搜索引擎优化网站。 注意:您需要AIOSEO Pro版本,因为它包含架构化数据标记功能和其他强大的功能,如站点地图、重定向管理器等。还有一个免费版本的AIOSEO,您可以尝试开始使用。 首先,您需要在您的网站上安装并激活AIOSEO插件。 激活后,您可以从WordPress管理面板转到All in One SEO » Dashboard,然后单击“Launch the Setup Wizard”按钮。 只需按照向导中的步骤在您的网站上正确配置插件。有关更多信息,您可以查看我们关于如何为WordPress设置多合一SEO的教程。 在您的网站上设置AIOSEO后,您现在可以从WordPress管理区域转到AIOSEO » Search Appearance,然后单击“Content Types”选项卡。 在“Content Types”部分下,您可以编辑文章、页面、产品、组、成员资格以及您网站上所有其他类型的内容的架构标记。 继续并为帖子选择“Schema Markup”选项卡。您现在可以单击架构类型下拉菜单并选择“Recipe”选项。 您可以对页面、产品、 自定义文章类型和所有其他内容类型执行相同操作。选择Recipe作为结构化数据类型后,不要忘记保存您的更改。 将架构化菜谱信息添加到文章和页面 下一步是将您的食谱信息添加到您想要在特色片段中显示的每个WordPress文章或页面。 首先,继续编辑现有文章或添加新文章。进入WordPress编辑器后,只需向下滚动到“AIOSEO Settings”元框并选择“Schema”选项卡。 AIOSEO提供多个字段来输入有关您的食谱的详细信息并告诉Google它是关于什么的。您可以首先添加要在搜索结果中显示的菜肴名称、描述、作者和图像。 除此之外,AIOSEO提供了额外的字段来添加有关您的食谱的更多详细信息。填写这些附加字段非常有用,因为Google会针对不同的搜索词显示不同的信息。 您可以输入有关菜肴类型、菜肴类型、所需时间、份量、成分、卡路里、说明、评级等的详细信息。 填写完食谱信息后,请继续发布您的博客文章。 AIOSEO将使用您刚刚提供的数据添加菜谱结构化数据。 您和您的访问者将无法看到您网站前端的差异,但现在搜索引擎机器人将拥有精选片段所需的所有额外数据。 要优化您的食谱以获得更多来自搜索引擎的流量,您可以阅读WordPress SEO终极优化方案。 我们希望本文能帮助您了解如何在WordPress中添加具有架构化数据的SEO友好食谱。enjoy!

更改域一开始似乎是一项艰巨的任务,但并非必须如此。通常,这涉及将流量从旧域名 (olddomain.com) 路由到新域名 (newdomain.com)。许多人最大和最有效的担忧之一是如何在整个过程中保持SEO优势(排名、流量、反向链接),以免损害您的业务。
更改域一开始似乎是一项艰巨的任务,但并非必须如此。通常,这涉及将流量从旧域名 (olddomain.com) 路由到新域名 (newdomain.com)。许多人最大和最有效的担忧之一是如何在整个过程中保持SEO优势(排名、流量、反向链接),以免损害您的业务。 我们在下面汇总了这份深入指南,其中包含您需要了解的有关如何安全更改WordPress域名的所有信息,而不会破坏您所做的所有辛勤工作。 更改域名的原因 您可能想要更改域名的原因有很多。以下是一些常见的例子: 您的企业正在从一个名称重新命名为另一个名称,并且您有一个新的域名与之配套。 也许您正在使用一个不太受欢迎的顶级域 (TLD)(例如.net或.io),并最终为您的企业获得了新的闪亮的.com。 您将多个属性合并到一个域中。 您的旧域正遭受整个站点的惩罚,您需要从头开始。 需要考虑的重要事项 在更改您的域时,需要记住一些注意事项和重要事项。 网址结构 如果您只是更改域名,则建议保持相同的URL结构。示例:olddomain.com/about-us/到newdomain.com/about-us/. 理论上,您可以同时更改名称和结构,但一般来说,在SEO方面,更改越少越好。域更改已经是一个非常重大的更改。 如果您的旧网站可能没有使用漂亮的固定链接 (这对SEO更好),那么最好先更改为您的新域名,等待六个月,然后更改结构。 WordPress固定链接 HTTPS 如果您当前的站点通过HTTP运行,那么现在是迁移到HTTPS的最佳时机。这与更改整个URL结构略有不同,从长远来看,您将获得回报。自2018年7月起,Google Chrome开始将所有非HTTPS网站标记为“不安全”。 HTTPS的其他好处包括加密、更好的推荐数据、 HTTP/2的性能改进,甚至是SEO排名信号。 您可以在更改域名的同时轻松迁移到HTTPS。 此外,如果您的站点已经是HTTPS,那么在继续之前为您的301重定向制定计划非常重要。这是因为客户端在看到重定向之前需要与主机建立SSL连接。跳到我们详细讨论的301重定向部分。 索引和爬网 如果您发现流量暂时略有下降,请在更改WordPress域时不要惊慌。这是正常的,因为Google需要几周时间才能重新索引并抓取您的新网址。 如何更改WordPress域名 请按照以下步骤更改您的WordPress域名。 备份您当前的WordPress网站 创建新站点、克隆或更新现有站点地址 更新所有内部链接和硬编码链接 添加301重定向 更新Google和Bing网络资源 提交新的站点地图文件 更新谷歌分析和谷歌搜索控制台 杂项。发布域更改更新 1. 备份当前的WordPress网站 在更改WordPress域名之前,您应该做的第一件事就是备份您当前的站点。这样,无论发生什么,您都可以在需要时随时恢复。 选项 1 – 宝塔面板一键式备份 如果您是宝塔面板用户, 登陆服务器的宝塔面板,点击左侧菜单“计划任务”: 任务类型-选择备份网站或者备份数据库(都应该添加一个任务); 任务名称-可以网站域名+备份内容命名,如yourdomain.com网站备份(数据库备份); 执行周期-根据自身实际情况选择周或者月备份,数据库一般可以选择周备份;网站则可以考虑月备份(尽可能选择凌晨执行备份任务); 备份网站-即选择你需要备份哪个网站; 排除规则-仅备份网站可以设置,即你可以选择忽略部分文件或者目录,不进行备份。 选项 2 […]

下面这篇文章将向您展示一种新策略“更新旧博客文章内容”,该策略能够在短时间内容将搜索引擎自然流量提高了260.7%。这一策略也导致了来自Twitter、Facebook和博客的大量访问者。
下面这篇文章将向您展示一种新策略“更新旧博客文章内容”,该策略能够在短时间内容将搜索引擎自然流量提高了260.7%。这一策略也导致了来自Twitter、Facebook和博客的大量访问者。 完全必须试试这个 HubSpot博客发布了一篇名为“无人谈论的博客策略:优化旧内容”的文章。 在那篇文章中,HubSpot透露他们更新并重新发布了旧博客文章。 这种方法使HubSpot的自然流量增加了106%。 那么我们是否也可以复制这种策略呢,试试无妨,对不对…… “内容重新发布”的结果 比如下面这个案例,通过这篇文章执行了内容重新修改发布: 两周后,该页面的自然搜索引擎流量猛增了260.7%。 还从社交媒体和博客中获得了巨大的流量: 因为“旧文章更新”让我的内容出现在很多人面前…… …该页面积累了大量新的反向链接。 不用说,这些新鲜的反向链接提高了网站的排名。 事实上,目标关键字(“白帽SEO”)的排名从第7位跃升至第4位: 现在您已经看到了结果,是时候让我逐步引导您完成我使用的过程了。 通过“旧文章更新”获得更高排名和更多流量的过程 内容重新发布有3个步骤: 第 1 步:识别表现不佳的内容 第 2 步:改进和更新该内容 第 3 步:重新发布您的文章 这就是为什么这个策略如此有效的原因: 首先,新读者会看到您的旧内容。 很有可能,90%以上的可能从您的内容中受益的人从未见过它。 但是,当您重新发布内容时,您会为人们创造另一个从您的内容中受益的机会。 其次,你让你的内容更好。 我敢打赌,您的网站上至少有少数过时或平庸的文章。 内容重新发布让您有机会更新和改进该内容。 更好的内容=更多的流量。 第三,您的内容具有内置的社会证明。 当你重新发布一篇博文时,你在第一天就有了社交证明。 例如,我的文章已经有很多评论,Facebook 喜欢我重新发布它的那一天: 有了这个,让我们深入了解一步一步的过程…… 第 1 步:识别您网站上表现不佳的内容 您的第一步是找到要重新发布的内容。 就是这样: 1. 排名#7-#15的页面 您可能已经知道Google的前3名获得了最大的流量份额(来源)。 (事实上,谷歌排名前5的位置获得了所有点击的67.5% ) 这就是为什么您要将排名#7-#15的页面推入前5名的原因。 但首先,您需要找到这些页面。 为此,请前往谷歌搜索控制台并点击“Search Analytics”。 然后,点击“展示次数”和“位置”: 最后,浏览一下结果。留意那些获得大量印象的页面……但排名在#7-#15之间。 […]

我们将解释什么是301重定向,以及什么时候你可能想使用它们。然后,我们将向你展示在WordPress中创建301重定向的四种方法。
有时,你将不得不移动或删除你网站上的某些页面。这是[网站]生活的循环。 但是,如果你真的移动或删除一个页面,用户有可能会出现404错误,使他们无法访问你的内容,往往导致退出。如果你没有正确地设置重定向,你可能会增加你的跳出/退出率,这损害了用户体验(以及潜在的有机排名)。 幸运的是,在WordPress中创建301重定向是很容易的–通过为移动或删除的页面添加一个301重定向,用户(和搜索引擎)将被引导到新的、更新的URL。无论你是使用重定向插件还是编辑你的网站文件,建立301重定向可以有效地修复你网站上的任何断裂链接。 在这篇文章中,我们将解释什么是301重定向,以及什么时候你可能想使用它们。然后,我们将向你展示在WordPress中创建301重定向的四种方法。 重定向简介 要开始,你需要知道什么是重定向。简单地说,任何重定向都会把用户和搜索引擎送到另一个网址上。这将自动把请求的URL重定向到一个不同的位置。 作为一个网站所有者,你可以使用临时或永久重定向来防止你的访问者看到错误页面。这些 “未找到 “的错误,也被称为404错误,干扰了浏览体验,并可能导致访问者退出你的网站。 还有许多其他不同的重定向类型。每一种都会从网络服务器向浏览器发送一个独特的HTTP状态代码。这些代码表明内容是如何被移动的。 以下是最常见的URL重定向类型: 301: 从一个URL永久重定向到另一个。 302: 暂时重定向到一个新的URL。 303: 不可缓存的重定向,暂时取代内容。 307: 通知搜索引擎,重定向可能定期更新。 308: 永久重定向,不允许从POST到GET请求方式的改变。 Meta刷新:客户端重定向,通常以刷新倒计时的方式出现。 到目前为止,最常用的重定向类型是301重定向。这将通知搜索引擎和在线用户,原来的资源已经不再可用。相反,它将永久地重定向到一个新的页面。 每当有人点击原来的链接,他们就会自动被带到一个不同的URL。重定向将无缝地引导用户到你网站上的正确页面,并防止他们看到404错误。 可能使用301重定向的原因 由于有不同的重定向类型,要知道哪种类型适合你的网站是很困难的。幸运的是,301重定向在执行一些基本的管理任务时很有用。 使用301重定向的最常见的原因之一是当你删除旧内容时。如果一个帖子不再相关,但仍然收到流量,你会想把这些用户带到一个更新的资源。 在这种情况下,301重定向告诉搜索引擎,你正在永久地移动URL。由于它将保留你的流量和反向链接,这种重定向可以改善你的搜索引擎优化(SEO)。然而,请记住,搜索机器人可能需要时间来发现新的页面并将其与相同的排名联系起来。 此外,如果你要转移到一个新的域名,你可以实施301重定向。如果你不重定向你的URL,你可能会很快失去你目前的观众。然而,301重定向将无缝地把访问者带到你的新位置。 同样,当从HTTP连接转移到HTTPS连接时,301重定向也很有用。为了确保用户访问你的网站的安全版本,最好是永久重定向你的内容。 你可能还想把单独的文章合并起来。将信息编入一个页面后,你可以将所有的旧链接重定向到新的位置。 如何在WordPress中创建301重定向 现在你知道了301重定向,你可能想把它们应用于你的网站。让我们讨论一下在WordPress中创建301重定向时的一些最佳做法吧 方法1:安装一个重定向插件 扩展WordPress原生功能的最好方法之一是安装一个插件。幸运的是,有许多有用的插件可用于创建和管理你的网站的重定向。 例如,Redirection是一个免费的工具,它为你的网站增加了一个重定向管理器。你可以使用这个插件来设置301重定向,跟踪断开的链接,迁移固定链接,以及更多: 要开始,请在WordPress中安装并激活重定向。然后,导航到工具>Redirection。在这个欢迎页面上,点击Start Setup。 下一步,你需要决定你是否想让 “Redirection” 监控你网站上的permalinks、重定向和404错误。如果是,请启用这些选项并选择Continue: 在这之后,该插件将测试你的REST API,看它是否能与WordPress正常通信。一旦你收到一个 “好” 的评价,你就可以点击Finish Setup。 现在你将能够创建一个301重定向!要做到这一点,找到工具>Redirection>Add New。然后,添加你的源URL和目标URL。 最后,点击齿轮图标,打开其他设置。请确保选择HTTP代码301 – Moved Permanently: 当你完成后,点击Add Redirect。现在,每当用户访问旧的URL时,他们的浏览器将自动重定向到新的资源! 方法2:使用你的SEO插件 […]

如何让WooCommerce启动并运行您的网站?为了回答这个问题,我们整理了一个广泛的WordPress WooCommerce教程。
WooCommerce是WordPress最受欢迎的电子商务解决方案。它拥有超过400万次活跃安装,以及一群快乐、忠诚的数字商店所有者。 此外,截至2019年6月,WooCommerce为大约7%的在线商店和22%的前100万个电子商务网站提供支持。电子商务销售正在蓬勃发展,因此,如果您想在WordPress驱动的网站上开店,那么选择WooCommerce是您可以做出的最佳决定之一。 剩下的唯一问题是:如何让WooCommerce启动并运行您的网站?为了回答这个问题,我们整理了一个广泛的WordPress WooCommerce教程。 请记住,您的最终目标是增加商店的收入。 如何安装和设置WooCommerce 在WooCommerce中添加和管理新产品 如何自定义您的WooCommerce商店 编辑WooCommerce模板 WooCommerce托管 WooCommerce可以免费使用吗? WooCommerce是一个开源购物车插件,可在WordPress网站上免费下载和使用。然而,经营在线商店并不是免费的,因为至少会产生与托管和域名费用相关的成本,以及定制、设计、品牌、营销和广告成本。 如何安装和设置WooCommerce 自然,您需要从安装和激活WooCommerce插件开始。您可以在新的或现有的WordPress网站上执行此操作。在以下步骤中,我们将引导您完成设置插件和配置其设置的过程。 第1步:安装插件 您需要做的第一件事是在您的网站上安装WooCommerce。您可以从WordPress插件库免费下载它,然后将其上传到您的站点。更简单的是,您可以直接通过 WordPress仪表盘安装它。 WordPress插件-WooCommerce 为此,请访问您的WordPress站点并导航到Plugins > 安装插件。使用搜索栏找到“woocommerce”,找到合适的插件后单击立即安装。插件作者应列为 Automattic: 安装WooCommerce 给插件一点时间来安装。然后,单击启用按钮: 启用WooCommerce 此时,该插件将在您的网站上启动并运行! 第2步:访问设置向导 安装WooCommerce后,系统会提示您完成设置向导。它是可选的,但我们建议您通过它来配置一些关键设置。 WooCommerce设置向导的第一页应如下所示: WooCommerce商店设置页面 在这里,WooCommerce提示您输入一些关于您的商店的基本信息。这包括它的地址、您想使用的货币以及您是否计划销售数字产品或实体产品(或两者兼而有之)。 请记住,您在此处(或整个设置向导的其余部分)设置的任何内容都可以稍后在您的WooCommerce设置中进行更改(如有必要)。 第3步:选择您的支付工具 在下一页上,您可以决定为您的在线商店启用哪些付款。默认情况下,您可以使用Stripe和/或PayPal以及支票和现金等离线支付: WooCommerce支付页面 只需选择您想要使用的选项,WooCommerce就会设置它们。您还可以使用扩展程序向您的商店添加更多支付处理器,我们将在稍后讨论。 推荐阅读:如何使用Stripe Radar预防和减少98%的信用卡欺诈 使用Square代替?查看我们的深度比较博文:Stripe vs Square。 第4步:配置您的运输选项 接下来,您将找到Shipping屏幕: WooCommerce运输页面 在这里,您可以决定向客户收取多少运费。您可以为首选区域设置一种费率,为位于其他位置的客户设置另一种费率。如果您愿意,您还可以为一组或两组提供免费送货服务。 第5步:查看可选附加组件 至此,您已经为在线WooCommerce商店配置了所有基础知识。设置向导的下一页为您提供了一些可选的附加组件: WooCommerce推荐页面 所有这些工具都可以派上用场,尽管它们都不是运行您的在线商店所必需的。我们建议至少检查一下Storefront。这是专为WooCommerce设计的WordPress主题,可以让您更快、更轻松地设置您的商店。 第6步:安装Jetpack插件(可选) 以下屏幕还提供了一个可选的附加组件: WooCommerce激活页面 Jetpack是一个方便的WordPress插件,提供了广泛的功能。这包括安全功能、各种分析等等。它可能是对您的WooCommerce商店的有用补充,但不是必需的 – 所以您是否要安装它取决于您。 […]

我们今天的目标是帮助解决这个问题。我们将介绍什么是多SKU商品、变量和属性之间的差异、如何创建WooCommerce多SKU商品以及如何使用插件更好地优化您的多SKU商品。
当您第一次启动WooCommerce商店时,您可能会专注于添加新商品、设置购物车和简化结帐流程等基础知识。但是,设置WooCommerce多SKU商品对您来说可能有点神秘。 或者,至少,这不是最重要的事情。但是当你遇到一个有很多变化的商品时,它突然变得相当紧迫。 值得庆幸的是,在WooCommerce中添加多SKU商品很简单,不需要很多技术知识。但是,如果您是电子商务平台的新手,那么在浏览您的选项时会有些迷失方向是正常的。 我们今天的目标是帮助解决这个问题。我们将介绍什么是多SKU商品、变量和属性之间的差异、如何创建WooCommerce多SKU商品以及如何使用插件更好地优化您的多SKU商品。 什么是WooCommerce多SKU商品? 如何创建WooCommerce多SKU商品 优化WooCommerce商品变化 什么是WooCommerce多SKU商品? WooCommerce多SKU商品可以很容易地定义为具有多种不同类型、样式或变体的商品。变化的例子包括: 颜色 尺寸 风格 材料 这与WooCommerce中的商品过滤器不太一样。即使您过滤商品,您仍然需要选择变量。 当客户访问带有变量的商品页面时,他们需要在将商品添加到购物车之前进行某种选择。许多类型的商店和企业都使用多SKU商品。以下是一些流行的例子: 一家服装店,提供各种尺寸和颜色的商品。 一家比萨店,允许客户在将商品添加到购物车之前从下拉菜单或复选框式菜单中选择配料。 一位艺术家,他在帆布或木材等各种材料上销售定制版画,有多种尺寸可供选择。 家居用品卖家需要客户选择家具物品的材料和/或面料。 而这样的例子不胜枚举。几乎每种类型的商店都会在某些时候需要商品变化。 好消息是WooCommerce可以创建内置的多SKU商品。而且配置起来并不难。但在我们进入关于如何做到这一点的分步教程之前,我们需要首先对变体和属性进行基本区分。 属性与变体 WooCommerce中变体和属性之间最显着的区别是客户可以与变体交互,而属性不能。 首先,属性定义了变化。这些是不同的样式,例如颜色、图案等。您还可以在WooCommerce中按这些属性进行排序。但它们只是提供信息,没有任何功能。 属性还用于定义特定商品的特性。钱包的商品页面可以列出尺寸、使用的面料和把手的材料作为属性。这些是关于商品的陈述事实——它的属性——客户不能根据这些属性做出选择。 另一方面,变体通过多SKU商品使用属性,并允许用户购买具有特定属性的物品。变体还涵盖了这些属性的不同组合,可以创建单独的商品选项。 例如,假设您具有商品的颜色和徽标属性。在这种情况下,这些可以组合成不同的变体,即带有蓝色海豚标志的帽子、带有蝾螈绿色标志的帽子等等。 这里的重点是,作为转换过程的一部分,客户可以在结账前选择变体,而属性则不能。 但是,如果您在设置任何变体之前建立了属性,这将有所帮助。但是,在您出于完全的困惑而奔向山丘之前,请不要担心:这个过程非常简单。 如何创建WooCommerce多SKU商品 现在我们来到了文章的教程部分。在我们开始之前,我们假设您已经安装了WooCommerce并且已经在您的商店中添加了一些商品。 1. 创建商品属性 您的首要任务是创建一些商品属性。您可以转到WordPress仪表盘中的Products > Attributes。 向WooCommerce添加新属性 在本节中,您可以为您的在线商店创建一个新属性。首次安装时,会将默认属性“颜色”添加到WooCommerce。 我们在此处添加了“Size”的附加属性。只需输入属性的名称(Size)、关联的slug(size),然后在完成后单击蓝色的Add attribute按钮。 WooCommerce中的属性 从那里,您可以单击刚刚创建的属性旁边的Configure terms链接。 将“Medium”项添加到“Size”属性中 在本节中,您可以添加尽可能多的术语以与您的新属性相关联。对于“Size”,我们在此处添加了“中”一词。这遵循与添加属性时相同的过程。只需输入名称(在我们的示例中,我们使用“Medium”)、slug(medium)和描述(如果您愿意)。完成更改后,按蓝色的Add new Size按钮。 将术语“Green”添加到“Color”属性中 我们还为“颜色”属性添加了附加术语。您可以看到如上所示的“绿色”。 您可以以这种方式在WooCommerce中为每个您想要的属性和相关术语添加任意数量的属性和相关术语。您添加哪些属性和术语以及每个属性和术语的数量取决于您经营的商店类型和您销售的商品类型。 2. 创建一个可变的WooCommerce商品 下一个任务是创建一个可以应用您的属性的商品页面。为此,您需要转到Products > Add […]

