任何问题请联系WX:uu16853

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

购买更多有优惠!

如何过滤WooCommerce产品(分步教程)

您是否正在寻找一种在您的WooCommerce商店中按属性过滤产品的方法? 通过按属性筛选您的WooCommerce产品,客户可以更轻松地找到他们想要购买的商品。它有助于节省客户的时间,使购物体验更加无缝。 在本文中,我们将向您展示如何在您的在线商店中使用WooCommerce按属性设置进行筛选。 添加筛选器可以帮助增强用户体验、改进搜索功能并降低在线商店的退货率。 他们还可以通过让客户看到他们感兴趣的产品的所有可用选项来增加销售额,帮助他们进行更明智的购买。 话虽如此,让我们看看如何轻松地过滤您的WooCommerce商店上的产品。我们将向您展示如何按属性和自定义属性筛选WooCommerce产品。 如何按属性过滤WooCommerce产品如何按自定义属性过滤WooCommerce产品 一旦你到了那里,你就可以从在“预设名称”框中输入过滤器的名称开始。 请记住,预设名称不会显示在您的商店中,仅供您参考。 下一步,只需选择‘水平’作为预设布局,然后点击底部的‘+添加一个新的过滤器按钮’。 如果你使用的是免费版本的插件,那么这个选项对你是不可用的。取而代之的是,你将拥有“默认”的预设布局。 现在,您可以开始为您的WooCommerce产品创建过滤器了。 为WooCommerce产品创建筛选器 首先,您需要在“筛选器名称”选项旁边键入筛选器名称。 例如,如果您正在创建一个帮助客户对产品类别进行分类的筛选器,那么您可以将其命名为“按类别筛选”。 接下来,您可以从“Filter For”下拉菜单中选择过滤器的参数。请记住,该插件的免费版本只提供产品类别和标签的过滤器。 要了解这些选项之间的更多差异,您可以阅读我们关于如何向WooCommerce添加标签、属性和类别的指南。 如果要创建按不同价格范围对产品进行排序的筛选器,则必须选择“价格范围”选项。同样,如果您想要根据受欢迎程度或平均评分对产品进行排序,则需要选择“排序依据”选项。 如果您想要过滤产品标签、类别、颜色、大小、材料、样式等,也可以选择“分类”选项。在本教程中,我们将使用此选项。 完成此操作后,必须从筛选器的分类选项中进行选择。例如,如果要按颜色过滤产品,则需要从下拉菜单中选择该选项。 当我们为产品类别创建筛选器时,我们将选择“产品类别”选项。 接下来,您必须在您的网站上的“选择条款”部分中输入所有产品类别。 之后,你可以从“过滤器类型”下拉菜单中选择你想要的过滤器在商店前端的显示方式。 您可以将滤镜显示为复选框、下拉菜单、文本、色板等。在本教程中,我们将选择“选择”选项来添加下拉菜单。 接下来,如果您想要启用下拉菜单中的搜索框,则需要切换“显示搜索字段”开关。 您也可以通过激活“显示为切换”开关将您创建的过滤器显示为切换。然后,客户将能够打开和关闭过滤器。 完成此操作后,只需从“排序依据”下拉菜单中为筛选出的术语选择默认顺序即可。筛选器类别将按您选择的顺序显示。 您可以使用名称、术语计数或插件对过滤器类别进行排序。您还可以按升序(ASC)或降序(DESC)为筛选出的术语选择“排序类型”。 最后,点击底部的“保存过滤器”按钮保存你的过滤器。 现在,重复该过程以创建多个筛选器。 完成此操作后,返回顶部并切换到“常规设置”选项卡以配置一些设置。 配置常规设置 在这里,你必须从选择“过滤模式”选项开始。你可以选择是使用AJAX实时应用过滤器,还是想在你的网站上显示“应用过滤器”按钮。 接下来,您还必须在显示保存按钮或立即显示筛选结果之间做出选择。 完成后,选择是要使用AJAX在同一页面上显示筛选结果,还是要在新页面上重新加载结果。 接下来,如果你不想显示空的过滤词条,你需要向下滚动到“隐藏空词条”选项并打开开关。 例如,如果你在你的WooCommerce商店里添加了一个“马克杯”类别,但它目前没有任何商品,那么它就不会显示在“按类别过滤”列表中。 之后,如果您不想在搜索结果中显示缺货产品,请继续切换“隐藏缺货产品”开关。 您可以将其他设置保留为默认设置,也可以根据自己的喜好进行配置。 做出选择后,请单击“保存选项”按钮以存储您的更改,并切换到顶部的“自定义”选项卡。 配置自定义设置(仅限高级插件) 注:如果你使用的是免费版本的插件,“定制”标签将不可用。 从这里,您可以选择您的WooCommerce过滤器的标签样式颜色、文本术语颜色、色样大小、过滤器区域颜色等。 添加颜色可以帮助您的WooCommerce滤镜看起来更美观,并与您的在线商店的品牌相匹配。 一旦你做出了选择,点击“保存选项”按钮,从顶部切换到“搜索引擎优化”标签。 配置搜索引擎优化设置 一旦你在那里,切换到‘启用搜索引擎优化选项’开关,以激活设置。 现在,您可以从下拉菜单中添加元标签,以便在过滤后的页面上使用。这将改善您的网站的搜索引擎优化。 要了解更多细节,你可能想阅读我们关于WordPress元数据和元标签的文章。 您还可以通过切换“Add”NOFLOGLE“to Filter Anchors”开关,自动将NOFLOGLE属性添加到所有过滤锚点。这将告诉搜索引擎在对您的页面进行排名时不要使用过滤器锚。 一旦你满意了,点击“保存选项”按钮来保存设置。 将WooCommerce筛选器添加到产品页面 […]

如何在WordPress上更改默认的Gravata(简单教程)

您想更改WordPress站点上的默认Gravata吗? 如果访问者没有Gravata,那么默认情况下WordPress会显示相同的灰色“神秘人”。通过用你选择的图片替换这张库存图片,你可以给你的评论区打上品牌,让它脱颖而出。 在本文中,我们将向您展示如何更改WordPress上的默认Gravata。 您可以将此默认Gravata更改为您选择的任何其他图片。例如,您可以使用代表您公司的图像,例如您的网站徽标。这有助于强化你的品牌形象。 话虽如此,让我们看看如何更改WordPress网站或博客上的默认Gravata图像。只需使用快速链接即可直接跳转到您想要使用的方法。 方法1:使用不同的内置WordPress Gravata(快速而简单)方法2:使用代码片段(创建完全定制的Gravata) 在“默认头像”下,你会看到WordPress可以使用的所有不同的内置头像,当没有与此人的电子邮件地址链接的Gravata时。 开箱即用,WordPress默认使用神秘人,但你也可以在这一部分使用任何其他图像。 只需点击你想要在你的WordPress博客上使用的图片旁边的单选按钮。然后,滚动到屏幕底部,点击“保存更改”。 选择一张图片后,继续并点击它旁边的“编辑”链接。 WordPress现在将打开该文件进行编辑。在这个屏幕上,滚动到“文件URL”部分。 请记下此URL,因为您将在下一步中使用它。 现在,您需要向您的WordPress站点添加一些代码。通常,教程会要求您将定制代码片段添加到主题的unctions.php文件中。然而,我们不建议这样做,因为即使是代码中的一个小错误也会导致许多常见的WordPress错误或完全破坏您的网站。 这就是我们推荐使用WPCode的原因。这是在WordPress中添加自定义代码的最简单、最安全的方法,而不必编辑任何核心WordPress文件。 您需要做的第一件事是安装并激活免费的WPCode插件。有关更多详细信息,请参阅我们关于如何安装WordPress插件的分步指南。 激活后,请转到代码片断»添加代码段在您的WordPress仪表板中。 在这里,你会看到所有不同的片段,你可以添加到你的WordPress网站。其中包括允许您完全禁用WordPress中的评论、将SVG文件上传到您的站点等的代码片段。 由于我们要添加自定义代码片段,请将鼠标悬停在“添加您的自定义代码”上,然后单击“使用代码片段”。 首先,输入自定义代码段的标题。这可以是帮助您识别WordPress仪表板中的代码片段的任何东西。 之后,你需要打开“代码类型”下拉菜单,点击“PHP Snippet”。 完成此操作后,只需将以下代码片段粘贴到代码编辑器中: 一旦你这样做了,你需要滚动到屏幕的顶部,然后点击“非活动”切换,这样它就变成了“活动”。 最后,继续并点击“保存”以使Gravata片段实时显示。 要开始使用这个Gravator,请转到设置?讨论佩奇。 在“默认化身”部分,选择新的“默认化身”选项。 在此之后,请确保您点击“保存更改”来存储您的设置。 现在,如果你访问你的网站,你会看到新的默认Gravata图像直播。 我们希望这篇文章能帮助你学习如何在WordPress上更改默认的Gravata。你可能还想看看我们关于如何允许用户在你的WordPress网站上注册的指南,或者我们的专家挑选出最好的WordPress会员插件。 中国和中国都是如此。

如何在WordPress中显示随机帖子(简单教程)

你正在寻找一种在WordPress中显示随机帖子的方法吗? 显示随机帖子可以鼓励用户浏览您网站上的不同文章,从而获得更多的页面浏览量和更高的用户参与度。 在本文中,我们将向您展示如何在WordPress中轻松显示随机发布的帖子。 这将把您带到‘Create Custom Code’页面,您可以从输入代码片段的名称开始。代码片段标题仅供您参考,不会显示在网站的前端。 之后,你必须从屏幕右下角的下拉菜单中选择‘PHP代码片段’作为‘代码类型’。 接下来,只需将以下代码复制并粘贴到“代码预览”框中: 接下来,滚动回到顶部,将“非活动”开关切换为“活动”。 之后,只需点击“保存代码片断”按钮即可存储您的更改。 在WordPress页面或帖子上显示随机帖子 一旦保存了代码片段,就可以使用此方法在网站页面或帖子上显示随机帖子。 首先,您需要从WordPress管理侧边栏打开一个新的或现有的页面/帖子。 接下来,点击屏幕左上角的‘+’按钮,打开区块菜单。 从这里,找到快捷码块并将其添加到WordPress页面或帖子中。 在此之后,只需将以下快捷代码复制并粘贴到块中: [wpb-random-posts] 最后,点击顶部的“发布”或“更新”按钮保存您的更改。 现在,你可以访问你的WordPress网站,查看随机发布的帖子。 在边栏中将随机帖子显示为小工具 如果你正在使用一个经典的主题,那么这个方法就适合你。 首先,您需要访问外观»小工具WordPress管理侧边栏中的页面。 一旦你到了那里,只需点击屏幕左上角的‘+’按钮,就可以打开块菜单。 从这里,您必须在“侧边栏”选项卡中找到并添加快捷码块。接下来,将以下快捷代码复制并粘贴到块中: [wpb-random-posts] 最后,点击顶部的“更新”按钮保存您的更改。 现在,您可以访问您的站点来查看WordPress侧边栏中显示的随机帖子。 在块主题中显示随机帖子 如果要将基于块的专题与完整的场地编辑器一起使用,则此方法非常适合您。 您可以从访问外观»编辑器WordPress管理侧边栏中的页面。 一旦进入,您需要点击屏幕左上角的‘+’按钮。接下来,只需找到快捷码块并将其添加到您在网站上的首选位置即可。 之后,将以下快捷代码复制并粘贴到块中: [wpb-random-posts] 最后,点击顶部的“保存”按钮保存您的更改。 现在,你可以访问你的网站来查看随机的帖子列表。 一旦你这样做了,切换到左侧栏中的“帖子”标签。 从这里,您可以选择要在您的网站上显示的帖子的类型、帖子状态和顺序。 接下来,向下滚动到“Orderby”下拉菜单,并选择“Random”选项。如果您不配置此设置,则阻止将只显示您网站上发布的最新帖子。 在此之后,您还可以通过在“限制类别”部分中选择这些类别来将帖子限制在特定类别。 您还可以通过切换到块中的其他选项卡来配置缩略图、摘录、自定义CSS等的设置。 最后,点击顶部的“更新”按钮保存您的更改。现在,您可以访问您的网站查看WordPress侧边栏中显示的随机帖子。 我们希望这篇文章能帮助你学习如何在WordPress中显示随机的帖子。你可能还想看看我们的初学者指南,关于如何为你的网站选择最好的域名注册商,以及我们为小企业提供的最好的电子邮件营销服务。 中国和中国都是如此。

如何轻松批量删除所有WordPress评论(简单教程)

是否要删除WordPress站点上的所有评论? 这种情况很少见,但有时你可能需要删除WordPress网站上的所有评论。如果你有很多评论,那么手动删除它们可能会花费你大量的时间和精力。 在本文中,我们将向您展示如何轻松批量删除所有WordPress评论。 该页面将显示您的WordPress网站上的评论总数,并允许您选择删除它们。 您可以选择删除所有WordPress评论、挂起的评论、垃圾评论或已在垃圾桶中的评论。 若要删除所有WordPress评论,请继续并选择“所有评论”,然后点击“立即删除”按钮。请注意,该插件不会给你一个改变主意的机会,所以如果你确定要永久删除WordPress网站上的所有评论,请只选择‘Delete Now’。 在phpMyAdmin中,您需要找到您的WordPress数据库。 之后,您将看到一个页面,其中显示了您的所有WordPress数据库表。 您只需选中wp_comments和wp_commentmeta桌子。请注意,备注表格的名称可能会因安装WordPress时选择的表格前缀而有所不同。 在选择Comments表之后,找到表列表下方的‘With Selected:’下拉菜单。然后,从下拉菜单中选择‘Empty’。 PhpMyAdmin现在将询问您是否确实要执行该查询,这将永久删除您的评论。 如果您乐于继续,请单击“是”。这将删除您WordPress网站上的所有评论。 我们希望这篇文章能帮助你学习如何轻松删除WordPress中的所有评论。你可能还想看看我们的专家精选的最佳联系人表单插件和终极WordPress安全指南。 中国和中国都是如此。

如何修复WordPress RSS提要错误(分步教程)

你在WordPress网站上看到RSS提要错误了吗? RSS订阅帮助用户使用Feedly等新闻阅读器应用程序订阅您的博客。然而,由于RSS提要是以XML标记语言发布的,提要中的一个微小错误可能会使其不可读,用户将无法在其新闻提要中看到新的内容。 其他应用程序也依赖于从你的WordPress RSS订阅源获取内容更新。例如,如果你使用IFTTT自动分享你的新帖子,那么它也会停止工作。 在本文中,我们将向您展示如何轻松修复WordPress中的RSS提要错误。我们还将讨论导致这些错误的原因以及未来如何避免它们。 接下来,检查您的RSS提要中的错误。如果错误消失,那么你的WordPress网站上安装的某个插件就是罪魁祸首。 你现在可以一个接一个地重新激活你安装的插件,并在激活每个插件后检查你的RSS提要。这样,您就可以准确地找出是哪个插件导致了问题。 一旦你找到了插件,你就可以联系该插件的支持人员进行更新,或者找到一个可以做同样事情的替代插件。 看看我们精选的最佳WordPress RSS提要插件,以找到合适的替代插件。 默认主题包括二十三、二十二等。 如果你的网站上还没有安装,那么你可以点击“添加新的”按钮来安装并激活它。有关如何安装WordPress主题的详细说明,请参阅我们的指南。 切换到默认主题后,检查您的WordPress提要是否有错误。您可以在浏览器窗口中访问提要,也可以使用提要验证器工具测试提要。 如果错误消失,那么这意味着您的WordPress主题导致了问题。你可以联系主题作者寻求支持,或者为你的网站找到一个新的WordPress主题。 我们希望这篇文章能帮助你修复网站上的WordPress RSS提要错误。你可能也想看看我们关于如何增加你的网站流量的指南,以及我们的专家为WordPress挑选的最佳社交媒体插件。 中国和中国都是如此。

WooCommerce变得简单:分步教程[+参考资料]

你想用WooCommerce开始一项电子商务业务吗?对于非科技用户来说,需要一个简单易懂的WooCommerce教程吗?如果是这样的话,你来对地方了。 WooCommerce是全球最受欢迎的电子商务平台。它非常灵活,性价比高,即使对于初学者来说也很容易管理。 然而,许多初学者对自己创办WooCommerce的想法感到有点害怕。大多数用户很难找到如何开始使用WooCommerce,以及设置WooCommerce的正确方式。 在这份终极WooCommerce教程中,我们将逐步指导您如何设置WooCommerce。我们还将分享WooCommerce资源,如最佳WooCommerce主题、WooCommerce SEO提示和其他有用的资源,帮助您发展您的商店。 接下来,您将被要求为您的托管帐户选择一个方案。基本计划和高级计划在许多用户中很受欢迎,请记住,您可以随时升级以在以后需要时获得更多资源。 单击以选择计划并继续。 在此之后,您将被要求注册一个新的域名或使用您已经拥有的现有域名。 这里有一些为你的WooCommerce商店选择完美域名的快速提示。 在您的域名中使用关键字。例如,如果您想销售园艺用品,则在您的域名中使用它作为关键字。在您的域名中使用您的品牌名称Stick to.com扩展名不要在您的域名中使用数字或连字符。这使得它们很难发音和拼写。 有关更多提示,请参阅我们的指南,指导如何为您的企业选择完美的域名。你甚至可以使用域名生成器来提供帮助。 花时间为你的企业选择合适的域名是很重要的,但不要想太多,否则你永远不会超过这一步。 选择域名后,请单击下一步按钮继续。 现在,您将被要求提供帐户信息并最终确定计划细节。在套餐信息部分,我们建议选择36个月的套餐,因为这是最划算的。 在此下方,您将看到可选的附加选项。我们建议取消选中所有这些选项,因为它们会增加您的成本。当需要时,您可以随时从您的主机仪表板添加它们。 之后,填写您的信用卡信息,然后点击提交按钮完成购买。 一旦您付款,Bluehost将向您发送一封电子邮件,其中包含登录到您的虚拟主机仪表板的详细信息。仪表板是您管理网站的地方。 您可以随时使用此快捷方式作为您的WooCommerce登录,而无需输入密码。 现在您将看到WordPress仪表板。 现在,在我们安装WooCommerce之前,让我们首先设置基本的WordPress设置。 转到设置WordPress管理区域中的页面,并更改您网站的标题,还可以选择提供标语(描述)。 Bluehost会自动为您的域名安装一个SSL证书。确保您的网站URL显示的是HTTPS而不是http。 如果显示的是http,那么您需要查看我们的教程,了解如何在WordPress中启用免费的SSL。 接下来,您需要查看网站管理员电子邮件地址。此电子邮件地址是您将接收WooCommerce通知和密码重置请求的地方,因此请确保它是正确的。 之后,稍微向下滚动并选择您网站的时区设置。 现在,您可以再次查看所有设置,然后单击“保存更改”按钮保存它们。 完成后,您现在就可以安装WooCommerce了。 WordPress现在将获取插件文件并为您安装WooCommerce。 一旦完成,你需要点击‘激活’按钮开始使用它。 激活后,WooCommerce将启动WooCommerce设置向导。 首先,您需要输入您的商店位置。之后,点击“继续”按钮。 在接下来的步骤中,您需要选择您的行业、产品类型和其他业务详细信息。 安装向导还会询问您是否要将推荐的业务功能添加到您的商店。这些功能都是免费的,所以你可以选择安装它们,然后点击‘继续’按钮。 在最后一步中,您可以选择一个新的WordPress主题或继续您的活动主题。 我们建议您现在继续使用当前主题,因为您可以随时更改主题。我们还将推荐您可以在本文后面使用的最佳WooCommerce主题。 一旦您点击‘继续我的活动主题’按钮,安装向导将保存您的所有WooCommerce设置。 然后,你会被重定向到网站上的WooCommerce仪表板,在那里你可以完成商店的设置。 首先,选择“添加我的产品”任务。 在WooCommerce中添加产品 WooCommerce使您可以非常轻松地将产品添加到您的商店。您可以使用模板添加您的第一个产品、手动、通过CSV导入或从其他服务导入。 在本教程中,我们将向您展示如何使用模板添加产品。 接下来,您可以为实体产品、数字产品或可变产品选择模板。 一旦你点击‘Go’按钮,你将被带到产品编辑。或者,您也可以通过转到产品»添加新项WordPress菜单中的页面。 首先,您需要为您的产品提供标题,然后提供详细的描述。 之后,点击右栏中的“添加新类别”链接。您可以为要添加的产品创建新类别。 产品类别允许您的客户轻松浏览您网站上的产品。 在此之后,您需要向下滚动到“产品数据”框。您将在这里选择产品类型、添加产品定价、运输成本、分组产品和其他信息。 接下来,您将看到一个产品简短描述框。此描述将用于您网站的不同产品页面。你需要添加一个朗朗上口、信息丰富的简短描述,帮助你获得更多的点击。 没有什么比产品图片更能让产品页面更有用了。WooCommerce使得添加产品形象甚至产品形象图库来搭配每个产品变得超级简单。 首先,您需要添加主产品形象。这将是整个商店的商店页面上使用的主要产品图像。 在下面,您可以添加多个图像来创建产品图片库。 现在查看您到目前为止添加的所有产品信息。如果一切看起来都很好,那么你就已经准备好让这个产品出现在你的商店里了。 点击屏幕右上角方框中的“发布”按钮,发布您的产品。 现在,您可以重复该过程,将更多产品添加到您的网站。 […]

塔克网整站模板 安装使用指南-UpdraftPlus恢复版

※ 塔克网tadke.com WordPress主题模板安装使用说明! 1.主题压缩包里提供了:说明文档,插件,数据库,主题文件等。 2.针对WordPress,由于部分主题文件很大(超过PHP.INI限制的4MB),无法通过主题选项上传,请解压主题或模版文件夹,将该文件夹通过FTP上传到主题文件夹! 3.WordPress安装环境要求:至少2G的虚拟空间或更多,PHP 7.0或更高的版本,MySQL 5.6或更高的版本! 云服务器vps的要求,双核处理器,1G以上内存,装宝塔面板,宝塔里面选择Nginx+Mysql5.6+php7.0或者以上     (文字版)如何使用updraftplus塔克网的WordPress整站演示数据包? 如何使用updraftplus塔克网的WordPress整站演示数据包?   <<<—————————————————>>> 域名解析教程! https://www.tadke.com/wangzhan-jiaocheng/wordpress-jiqiao/29/22406.html <<<—————————————————>>> ※ (必看)塔克网,宝塔面板,updraftplus网站数据恢复教程! https://www.ixigua.com/7299641870450328114 ※ (必看)塔克网,cPanel主机,updraftplus网站数据恢复教程! https://www.ixigua.com/7298600685564592666 <<<—————————————————>>> → (必看)如何修改Wordpess后台用户密码?←← 图文说明请浏览:https://www.tadke.com/wangzhan-jiaocheng/wordpress-jiqiao/29/5447.html <<<—————————————————>>> → 网站打开慢?安装使用禁止谷歌字体插件。←← 图文说明请浏览:https://www.tadke.com/wangzhan-jiaocheng/wordpress-jiqiao/07/5783.html <<<—————————————————>>> → WordPress网站mysql数据库导入错误的解决方法。←← 图文说明请浏览:https://www.tadke.com/wangzhan-jiaocheng/wordpress-jiqiao/27/12642.html <<<—————————————————>>> → (选看)WordPress基础安全设置。←← https://www.tadke.com/wangzhan-jiaocheng/wordpress-jiqiao/27/21791.html <<<—————————————————>>> → 广告插入教程与技巧,编辑文件插入广告方法。←← https://www.tadke.com/wangzhan-jiaocheng/wordpress-jiqiao/18/12242.html <<<—————————————————>>> 如何把前台和后台改为中文或者英文界面? https://www.tadke.com/wangzhan-jiaocheng/wordpress-jiqiao/13/13187.html <<<—————————————————>>> 安装整站模板,数据库链接错误解决方法。 https://www.tadke.com/wangzhan-jiaocheng/wordpress-jiqiao/27/23622.html <<<—————————————————>>> WordPress 修改管理员邮箱的几种方法! https://www.tadke.com/wangzhan-jiaocheng/wordpress-jiqiao/08/23840.html <<<—————————————————>>> […]

想在你的WordPress网站中使用摘要?在本教程中,我们将向您展示如何在不编写任何代码的情况下定制WordPress摘录。

你想自定义你的WordPress摘录吗?摘要是你文章中的一小段,你可以显示在博客文章列表或你网站的其他关键页面上。 在本文中,我们将向您展示如何在不编写任何代码的情况下自定义WordPress摘录。 何时以及为什么你应该在WordPress中使用摘录 首先,让我们讨论一下何时使用摘录是有意义的,以及为什么这样做是一个好主意。 默认情况下,WordPress会在你的主页、博客页面和网站档案中显示完整的文章。 这会使您的站点变慢,并且还会引起搜索引擎的问题,因为这意味着您的站点上将有重复的内容。 使用摘要将使您的页面加载速度更快,因为您将只加载每篇文章的一小部分。你可能想在以下地方使用摘要: 许多WordPress主题默认配置为在主页等地方使用摘要。使用高级WordPress主题,您可以选择是否要显示完整的文章或摘要。 要了解更多细节,请参阅我们关于全文与摘录的文章,了解更多使用摘录的原因。 为什么你可能想自定义你的摘录 如果你的WordPress主题默认使用摘录,那么WordPress将自动为你生成摘录。默认情况下,WordPress使用你文章的前55个单词,尽管许多主题会显示更多的单词。 那么这有什么问题呢? 问题就出在这里了。自动生成的摘录将以文章开头的任何文本开始。这在某些情况下可以很好,但是如果你在开始你的文章之前有任何 这里有一个例子,来自一个使用核糖体主题的网站: 正如你所看到的,摘录显示了文章最开始的文本。这包括特色图片信用加上关于帖子最近更新时间的说明。这看起来不太好。 如果你的主题不能很好地处理摘要,那么你可能需要自定义它们,使它们更容易阅读,并帮助你获得更多的帖子点击。 话虽如此,让我们来看看在WordPress中定制摘录的不同方法。您可以使用以下链接跳转到您想要的任何方法: Video Tutorial It’你可以在这里输入你的自定义帖子摘录。我们只是简单地复制了我们帖子的第一段。 注意:如果你还在使用旧的经典编辑器,点击右上角的Screen Options选项卡。然后,在‘摘录’盒子。现在,您将在撰写文章的框下方看到一个用于摘录的空格。 您的WordPress主题现在将使用这篇文章的自定义摘录。 可以看到,Read More链接没有显示在节选之后。根据您使用的主题,自定义摘要可能没有此链接。 读者仍然可以点击帖子标题或帖子特色图片来阅读你的完整帖子。 2。 如果你想改变你的网站摘录的长度,你可以使用免费的WPCode插件。它不仅是向站点添加自定义代码的最简单和最安全的方法,而且还附带了一个大型的预配置代码片段库。 今天我们将使用其中一个内置代码段。 首先,您需要安装并激活WPCode。要了解更多细节,你可以查看我们关于如何安装WordPress插件的分步指南。 一旦激活,你可以去Code Snippets» 添加片段在你的WordPress管理面板和搜索‘摘录。’ 将鼠标悬停在标题为‘然后点击‘Use Snippet’按钮。 插件将为您插入以下代码片段。 一旦你设置了你想要的摘录的长度,你只需要将开关切换到‘Active’并单击“更新”。按钮。 现在,当您访问您的网站时,缩短的摘要在您的主题显示它们的地方。 下面是使用2222主题并设置WPCode片段显示5个单词的示例。 注意来自WPCode的代码片段只适用于WordPress生成的默认摘录。 修改自定义摘要的长度 如果您想要更改自定义摘录的长度,您将需要在WPCode中添加一个单独的自定义片段。将代码片段复制并粘贴到WordPress中非常容易,由于我们使用的是WPCode,因此需要遵循许多与上面相同的步骤。 首先,导航到Code Snippets» Add Snippet。只需将鼠标悬停在‘Add your Custom Code (New Snippet)’然后点击‘Use Snippet’按钮。 接下来,您可以看到‘页面。 现在需要给新代码段一个标题,然后将以下代码粘贴到‘code Preview’字段。 […]

WordPress BackWPup,Dropbox,WordPress备份,数据备份 文字详细教程

对WordPress进行备份,虽然WordPress插件市场有很多备份插件可用,笔者首推“BackWPup”的插件。 有些服务器提供商也提供备份服务(大部分都是付费服务),而且这些服务也不能保证100%,因此有必要自己也执行一份备份数据。 在本文中,笔者将详细介绍如何使用BackWPup插件进行备份。 没有人知道何时服务器发生错误导致WordPress数据消失。因此,如果您还没有备份,请认真阅读本文并进行备份。 安装BackWPup 你可以通过WordPress仪表盘,插件>安装插件>搜索“BackWPup”>现在安装>启用,实行安装。 首先,点击WordPress仪表盘“插件”菜单上的“安装插件”,在插件列表右上角搜索框输入“BackWPup”搜索。 当出现“BackWPup”搜索结果,点击“现在安装”,稍等片刻,点击“启用”激活插件即可。 如何使用BackWPup备份WordPress WordPress备份数据分以下两种。 文件备份 数据库备份 必须具备这两部分数据才可以成功恢复你的WordPress网站。 备份文件 成功安装BackWPup后,会在你的仪表盘菜单添加BackWPup入口,单击“Add new job”来创建一个备份任务。 (1)General常规设置 首先,输入备份文件名,你可以以博客域名+数据类型+时间命名,示例:yourdomain_filedata_YYMMDD;选择备份任务类型为File backup。 备份文件名及文件格式,使用默认的即可,如下图所示: 最后选择备份文件存储路径,插件提供文件夹、邮件发送、FTP、Dropbox、亚马逊S3服务器、Microsoft Azure、Rackspace云存储和SugarSync等方式。如果你拥有Dropbox账号并且能够正常使用的话,我建议你选择Dropbox。特别要提醒的是,如果选择FTP或者文件夹的形式,务必在备份结束后将备份文件下载到你的其他云盘或者你本地电脑。最后点击“Save changes”。 (2)备份计划 单击插件选项卡上的“Schedule”后,选择“WordPress cron”来执行任务(使用WordPress任务计划来执行备份事项)。 然后是你需要设置备份任务的执行频次及时间,个人建议选择Basic及weekly(每周备份),备份时间选择凌晨(网站访问人数比较少的时候)即可,最后点击“Save changes”。 (3)Dropbox设置 如果你选择了Dropbox来存储你的文件备份数据,你还需配置你的Dropbox账号,连接上WordPress博客。 单击插件上的“To:Dropbox”选项卡,如果您没有Dropbox帐户,请点击“Create Account”创建一个帐户。 如果您已有帐户,点击“Get Dropbox App auth code”来获取BackWPup插件访问Dropbox的授权。 跳转到Dropbox关联界面,使用Google账号或者你的Dropbox账号登陆; 成功登录后,单击“允许”,如下图所示。 复制显示授权代码,如下图所示。 然后回到刚才的BackWPup插件的Dropbox设置界面,在“App Access to Dropbox”填入授权代码。 继续往下,你还可以设置Dropbox的备份路径文件夹名称,输入一个方便你区分的名字即可,最后点击保存。 注:如果你的网站文件包含大量文章和图像,备份文件会很大。Dropbox的文件大小有一个上限,因此在达到上限之前请适度删除旧备份。 备份数据库文件 那么,接下来是数据库备份的设置。与备份网站文件的操作类似,单击“Add new job”来创建一个数据库备份任务。。 (1)General常规设置 首先,输入备份文件名,你可以以博客域名+数据类型,示例:yourdomain_mysqldata;选择备份任务类型为Database backup(数据库备份)和Installed plugins […]

WordPress Sucuri,WordPress安全插件,网站安全 文字详细教程

在WordPress安全插件方面,Sucuri处于领先地位。每个WordPress网站都应该安装一个安全插件,安装Sucuri扫描插件不会出错。该插件为那些需要额外覆盖的人提供高级订阅,但对于许多WordPress用户,免费版本足以保持他们的网站基本安全保障。在这篇文章中,我们将带您了解Sucuri的主要功能并查看插件的总体情况,以帮助您确定它是否是您网站的最佳安全插件。 设置Sucuri安全插件 安装 Sucuri 非常简单。前往WordPress.org插件库上的Sucuri页面并下载它。或者直接转到WP管理面板 插件 –安装插件。启用后,会出现一个名为Sucuri Security的新菜单选项, 并带有弹出菜单。 Sucuri对网站的首次检测 首先,我们建议查看您的Dashboard。在更改任何设置之前,我们认为最好先查看您的仪表盘,看看Sucuri告诉您有关站点基本安全性的信息。 上图是一种最坏的情况。Sucuri立即注意到自2011年(2)以来就存在的安装(1)问题 。幸运的是,(2)告诉我们我们服务器的PHP和WP版本是最新的。 单击(1)中的Review False Positives链接并将其与(3)中的列表进行比较 。对我们来说,他们很匹配。这意味着这些文件(可能)不是恶意的,因为Sucuri的数据库将它们标记为误报,这些误报也符合扫描标准(修改后的WP核心文件)。 在这种情况下,大多数修改的文件来自TinyMCE插件(这是引入古腾堡/块编辑器之前经典编辑器的基础软件)。考虑到这一点,我们觉得可以删除它们。特别是因为修改日期很久以前。 在那之后……瞧!然后,Sucuri让您回顾刚刚发生的一切。 您应该会看到一个干净且安全的站点以及哪些文件已被删除。您还将看到专门针对Sucuri扫描的内容,并且您的网站没有被任何服务列入黑名单,因为它已被入侵。这是最好的情况。 如何使用Sucuri 在熟悉仪表盘后,是时候运行完整的站点扫描了。您将需要生成一个API密钥。其按钮位于Sucuri仪表板的最顶部。 然后,您需要查看并确认您的信息,以便Sucuri生成密钥。 完成后,您的站点将注册到他们的数据库中,并且您的仪表盘将根据Sucuri的密钥验证进行相应更新。 然后,您可以单击仪表盘中的“Refresh Malware Scan”链接重新检查上次扫描,但要进行新扫描,您需要访问Sucuri的SiteCheck网站。只要您的API密钥处于活动状态,您就可以输入匹配的URL以开始扫描。 请注意,这是远程扫描,Sucuri只能通过API访问您的文件。这不像服务器端扫描或扫描,因为它可以在本地访问所有文件。但它非常彻底,可以发现对您网站健康的主要和次要威胁。 由于是远程扫描,Sucuri确实提供了来自其专家团队的优质完整扫描。这绝对是一种追加销售,但免费扫描对于大多数网站所有者来说绝对安全且足够深入。 Sucuri的高级和基本功能 让我们回顾一下用户可以从免费版Sucuri获得的其他主要功能。Login Tracking绝对是最重要的。针对WordPress网站的暴力攻击很常见,密码和用户名泄露也同样危险。 您可以在WP管理面板中的Sucuri Security – Last Logins下找到登录保护和跟踪 。密切关注这一点对于完全安全是绝对必要的。 此外, Website Hardening在防止不必要的入侵和恶意软件注入方面非常有用。基本上,Sucuri将规则写入您的站点和 .htaccess代码,以防止发生潜在危险的操作。例如/wp-content目录中的PHP文件 。 强化与阻止和过滤外部入侵的Web应用程序防火墙 (WAF) 不同,但它确实在您的网站周围放置了一个外壳,以防止潜在危险的东西不受阻碍地滑入。另外,如果它导致问题,您可以随时恢复原样。 付费Sucuri增强功能 购买Sucuri订阅的主要好处是Web应用程序防火墙(WAF)。 WAF是大多数站点用来抵御黑客和攻击者的主要防御措施,它是一种规则集和反动插件,可实时防止不必要的访问。Sucuri不会免费提供此服务,而是将其包含在他们的Premium平台中或作为独立订阅提供。Solo,您可以以9.99美元到19.99美元的价格获得防火墙支持。 尽管9.99美元的套餐不包括SSL支持,因此几乎每个站点都需要购买19.99美元的Pro订阅,因为如今每个站点几乎都需要SSL 证书。 此外,对于其他高级功能,例如CDN集成、恶意软件移除和清理、6-12小时扫描间隔和声誉监控,价格将增至每年299.99美元。虽然Sucuri提供199.99美元的年度计划,但它也不支持SSL证书,我们认为这使它成为一个非入门者。 请记住,如果您每月支付WAF,您将支付大约240美元,其中每年支付约60美元的额外保护。那,我们认为对于包含的附加功能来说是值得的增加。 Sucuri适合谁? 最后,Sucuri是一个非常可靠的安全平台。该插件的免费版本为用户提供了对其站点的扫描,其中包含手动删除威胁并保持站点运行顺畅所需的所有工具。登录监控几乎是每个人都必须的,而点击一次的网站强化规则在WordPress安全插件中很少见。对于那些需要快速更新并检查其网站的人,Sucuri可以做到这一点。 如果您有预算,Sucuri高级平台绝对值得。那些需要完整安全解决方案(例如大型网站和电子商务店面)的人,包括实时DDoS预防和辅助删除以及改进的支持,将在Sucuri中找到。相信他们的团队不会错。 小结 […]

WordPress WordFence,WordPress安全,WordPress安全插件,网站安全 文字详细教程

如果您是WordPress用户,那么站点安全应该是您的首要任务。作为这个星球上最受欢迎的CMS,它的黑客、机器人和坏人的比例远远超过WordPress网站。您不希望恶意软件(挂马)潜入您的网站,也不希望不速之客闯入您的登录界面。您可以从许多不同的解决方案中进行选择来保持您的站点的边界被锁定,但WordFence是目前最好的选择之一,在这篇关于WordFence文章中,我们将详细介绍它可以为您做什么,以便了解它对于您网站的正确安全选项。 设置WordFence安全插件 与大多数WordPress安全解决方案一样,WordFence可从WordPress.org插件库中下载使用。您可以随时升级到高级版本以获取附加功能和支持,但WordFence的免费版本功能足够强大,基本上能够满足大部分站长的需要。 安装和启用插件与安装任何其他插件一样 –在您的WordPress仪表盘中安装插件。完成该步骤后,您的左侧边栏中将有一个新的WordFence菜单项。 WordFence对新用户来说似乎有点不知所措,但实际上,他们在简化上手方面做得非常出色。在主仪表板中,您会看到很多信息。但它简单易消化。我们将带您了解这一切意味着什么,并为您的第一次站点扫描做好准备。 如何使用WordFence 仪表盘为您提供了上次扫描时站点当前状态的良好概览。顶行包含具有当前保护百分比的框(基于启用的WordFence功能)。我们要注意的是,免费版本是不可能看到100%出现的。要在任何保护指标上获得100%评分,您需要成为高级订阅者。 需要记住的是,这些百分比几乎没有“Notifications”框中的扫描结果那么有意义。或者您在底部Firewall Summary框中看到的绝对数字。 考虑到所有这些,WordFence具有非常可定制的设置。但我们建议您的第一步实际上是使用默认设置运行扫描。它们开箱即用,即时结果将帮助您了解插件可以提供的功能。 如何使用WordFence运行扫描 使用WordFence扫描您的网站很简单。只需转到WP管理面板中的WordFence – Scan (1)。 只需按 Star New Scan  (2)即可让插件开始执行它在您网站上进行的 (3)系列检查。您会注意到其中一些已为高级用户锁定。但是,大多数都对免费安装开放。完成后,您将在“Results Found”(4)选项卡中看到站点可能存在的问题的完整列表。这些优先级范围从低到高,并使用绿色/黄色/红色编码。 查看WordFence扫描的结果 对于严重威胁,例如隐藏的恶意软件或未知文件,请按“Delete all Deletable Files”(5)按钮删除所有可删除文件,我们将为您处理这些问题。 其余的非常简单,因为WordFence描述了每个是什么以及如何修复它。升级插件或主题,由于安全漏洞而更新WordPress,等等。如果您意识到问题,您甚至可以忽略它们,但出于某种原因需要推迟处理它们。 高级WordFence安全功能 WordFence提供的最突出的高级功能是WAF,即Web应用程序防火墙。您可以在WordFence – Firewall菜单选项下找到此功能。 这是WordFence的一些真正力量,尤其是对于免费用户。WAF可让您设置网络上的爬虫和其他机器人和脚本可以使用多少站点资源。这意味着在您可以扫描(来自恶意软件)甚至某些针对 WordPress 服务器进行暴力攻击的站点之前,可以防止可能安装的脚本。 您还可以阻止整个IP范围访问您的站点。正如您在上图中所看到的,WordFence也可以自动处理此问题。该插件捕获了这些IP并自行阻止了它们。 您可以深入挖掘并设置白名单、黑名单、可以抓取网站的服务,并自行设置特定规则以确保您的网站在您需要时被围起来。 大多数用户不需要摆弄这些设置。这些绝对是高级选项,可让您完全优化您的网站。但是,如果您从事敏感行业或有成为攻击目标的历史,这些都是不可思议的。 这些相同类型的深入选项和规则可用于速率限制和WordFence安全性的所有其他部分。它如此可定制是它如此受欢迎(和有效)的一个重要原因。 此外,WordFence具有内置的双因子身份验证 (2FA)。这令人难以置信,因为2FA是确保您的网站安全的最佳方式之一。 在WordFence – Login Security下,您可以选择一个用户,然后将其设置为通过Google Authenticator、FreeOTP、Authy和其他流行的2FA应用程序接收登录代码。如果您的WordPress站点上尚未启用2FA,那么单独为此安装WordFence是值得的。 相关阅读:如何为WordPress网站添加二步认证Two-Factor Authentication WordFence高级安全功能 WordFence高级版确实比免费版提供了许多好处。但是,典型用户(博主、内容创建者、小型电子商务商店等)可能不需要它们。但对于那些这样做的人来说,它们是无价的。或者,从技术上讲,99美元。 对于您所获得的,与安全妥协可能使您损失的人时、收入、页面排名和社会资本相比,这只是杯水车薪。 但是您从WordFence溢价中得到了什么?首先,您可以获得实时更新。这意味着虽然免费用户在插件更新时获得它们(这仍然经常发生),但高级订阅者可以实时获得它们,因为WordFence可以照顾它们。随着恶意软件、不可信IP和其他漏洞的审查和修复,WordFence保护您的站点免受它们的侵害。马上。 此外,WordFence会在已知的受感染和危险站点数据库中监控您站点的声誉。他们还为高级用户提供国家/地区屏蔽服务。一旦发现恶意攻击,该服务就会启动,以便覆盖您的站点。他们吹嘘他们的响应时间是1/300,000 秒。这段时间快得不可思议。 如果您问我们,高级支持就物有所值。当您因为WordPress网站的安全问题而需要支持时,优先购买您的票可以节省网站。 是什么让WordFence与众不同? 由于其WAF,WordFence是一个非常强大的选择,专门针对免费用户。该插件会发送每日警报并提供实时监控、自动阻止规则以及有关提高安全性的建议。对于绝对nada的价格。 许多其他安全插件提供类似的站点扫描功能,可帮助清理恶意软件并修复安全漏洞。但WordFence因其对您网站的免费预防性护理而脱颖而出。当您添加高级升级功能时,WordFence是顶级的,并确保您的网站保持围栏。 […]

WordPress AIOWPS设置,安全插件 文字详细教程

安全性是运行WordPress网站的重要因素之一。幸运的是,有许多免费和付费服务可用于保护您的网站并防止黑客和恶意攻击。 在本文中,我们将讨论如何使用All in One WP Security & Firewall插件保护您的WordPress网站。 为什么All in One WP Security & Firewall插件? 有许多流行的安全插件可用,但“All in One WP Security & Firewall”是唯一一个完全免费提供大部分所需功能的插件。 该插件有超过400k的活动安装。 定期更新并与最新的WordPress版本兼容。 来自450多名用户的近5星评级。 论坛上体面的在线支持。 安装和激活插件 导航到WordPress管理仪表盘上的“插件 > 安装插件”部分,然后搜索“All in one WP Security”以找到插件。 查找All in One WP Security & Firewall插件 安装并激活插件后,它将创建一个名为“WP Security”的菜单项。它在不同类别下提供详尽的选项来保护您的WordPress网站。 仪表盘 设置 用户帐户 用户登录 用户注册 数据库安全 文件系统安全 WHOIS查询 黑名单管理器 防火墙 蛮力 垃圾邮件预防 […]

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 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 Advanced Custom Fields,自定义字段 文字详细教程

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

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

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

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

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

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

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

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

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

WordPress functions.php,函数文件 文字详细教程

不知道WordPress的function.php文件是什么,或者你能用它做什么? 简而言之,WordPress的function.php文件为你提供了一个向你的网站添加代码段的方法。你可以以各种有用的方式使用这些代码段,所以了解function.php文件的工作方式可以帮助你建立一个更好的WordPress网站。 在本教程中,我们将深入研究WordPress函数文件。我们将讨论它的工作原理以及您可以在哪里找到它。最后,我们将向您展示一些可以对functions.php文件进行的有趣的调整。 要参与WordPress开发,您首先需要了解平台最重要的文件是如何工作的。WordPress可以很容易地开始修改您的网站。然而,可能很难知道从哪里开始——或预测您的更改实际上会做什么。 一个完美的学习场所是functions.php文件,它也被称为functions文件。这是进行更改和向WordPress添加代码的常见位置。通过编辑此文件,您可以完成一些有用的事情,例如将Google Analytics统计代码添加到您的站点、创建自定义菜单或显示文章的估计阅读时间。 什么是functions.php文件? 如何安全地使用functions.php文件? 更好的function.php文件替代方案 如何访问编辑function.php文件 使用WordPress函数文件的一些小Case 组织你的functions.php文件的最佳做法 什么是functions.php文件? WordPress functions.php文件是一个主题文件,你可以用它来向你的网站添加自定义代码段。你可以使用这些代码片段来修改你的网站的不同区域的功能,或添加新的内容/代码到你的网站。 尽管被包含在你的主题中,WordPress的function.php文件并不局限于对你的主题进行定制。 在WordPress Codex这样描述的功能文件: 您可以使用它来调用函数,包括PHP和内置WordPress,并定义您自己的函数。您可以通过向WordPress插件或通过WordPress主题功能文件添加代码来产生相同的结果。 简单来说,函数文件使您能够向站点添加自定义代码。它允许您以自定义方式创建新函数或引用现有函数。正如Codex指出的那样,这使得函数文件非常类似于插件,但两者之间存在一些差异。 你可以对你网站的任何部分进行调整,类似于插件的工作方式。 最重要的区别是函数文件属于特定主题。如果您要更改主题或更新到更新版本,您所做的更改将会消失。出于这个原因,您应该考虑创建一个子主题并将新代码添加到子主题的函数文件中。这样,您可以在不丢失更改的情况下更新父主题。 下面是一些你可以使用WordPress functions.php文件进行调整的常见类型: 改变WordPress的核心行为,例如在搜索结果页上显示多少个帖子,或者在你的网站的RSS提要中包括什么内容。 创建你自己的自定义短代码。 在您的网站上添加新的内容或脚本,例如在某些页面上注入您的即时聊天服务的脚本或编辑您网站的页脚。 这仅仅是表面上的东西… 因为function.php文件允许您在您的网站上添加自定义的PHP代码段,而不是静态HTML,当涉及到您可以做的修改类型时,天空是无限的。 WordPress的functions.php文件位于哪里? WordPress的functions.php文件位于你的活动主题的文件夹中,和其他主题文件一起。要找到这个文件,你可以用FTP或文件管理器工具连接到你的服务器,然后浏览到…/wp-content/themes/[active-theme-name]/functions.php。 例如,如果你使用流行的OceanWP主题,function.php文件将位于…/wp-content/themes/oceanwp/functions.php。 是选择使用函数文件还是创建插件完全取决于您,具体取决于您的需要。现在让我们看看编辑函数文件的不同方式。 如何安全地使用function.php文件 因为使用WordPress的functions.php文件涉及到向你的网站添加代码,所以在你开始做任何编辑之前,遵循一些最佳做法是很重要的。 即使是像缺少逗号或撇号这样简单的事情,也会在你的网站上引发错误,例如WordPress白屏死亡。 在最近的WordPress版本中,WordPress在以更优雅的方式处理这些错误方面已经做得更好了,比如显示 “您的网站发生了一个严重错误” 的信息,或者在保存您的修改之前检查PHP错误。 但是–为了避免任何问题的发生,我们总是建议遵循这些最佳实践… 在暂存网站上测试你的functions.php代码 在添加任何function.php代码片段到你的WordPress网站之前,我们总是建议先在你网站的暂存版本上测试它们。这可以让你检查任何潜在的错误,并验证代码片段是否按预期工作。 在进行function.php修改前备份你的网站 除了在暂存站点上进行测试之外,你还需要在将代码片段添加到你的真实站点的 functions.php 文件之前备份你的真实站点。 这是编辑任何WordPress文件时要遵循的一个很好的最佳做法。 如果代码片段出了什么问题,你可以恢复到这个备份点,让你的网站立即恢复工作。 现在大部分云服务器都提供自动备份你的网站的服务,你也可以在任何时候手动创建一个备份。如果你服务器不提供自动备份服务,你可以阅读我们关于如何备份WordPress网站的指南。 建议使用子主题编辑function.php文件 因为WordPress的function.php文件位于你的WordPress主题的代码中,当你更新你的主题时,你的主题将覆盖function.php文件。 为了避免你对主题的 functions.php 文件所做的修改被覆盖,你应该始终使用一个 WordPress […]

WordPress 延时加载,延时加载js,异步加载,异步加载js,渲染阻塞 文字详细教程

每次页面渲染时,WordPress都会加载一系列外部引用JavaScript。 这些包括由WordPress添加的标准脚本以及由使用wp_enqueue_scripts函数的主题和插件添加的一些脚本。 根据脚本的类型,它可能位于网页的头部,正文或页脚部分。 位于页面头部和主体部分内的脚本可能会导致页面加载延迟,因为浏览器甚至在页面内容之前尝试加载和执行这些脚本。 这就是为什么这些脚本被称为渲染阻塞javascripts。 解决此问题的最直接的方法是将所有脚本移动到页面的页脚,但如果这种办法不可行,则可以考虑为这些脚本添加延迟或异步属性标记,就是我们常常挂在挂在嘴边的延迟加载、异步加载。 让我们深入了解这些属性以及它们如何帮助您改善页面加载时间。 什么是异步和延迟属性? 以下是async和defer属性的作用: 异步属性:async属性即异步加载脚本。 换句话说,确保脚本与页面的其他相关内容一起异步加载。 延迟属性:延迟属性即延迟加载脚本。 它确保仅在页面的所有内容完成加载后才执行脚本。 所有现代主流浏览器都支持这两个属性,包括Firefox,Chrome和Internet Explorer。 自IE10以来,Internet Explorer也已经添加了对这些属性的支持。 具有async和defer属性的脚本标记示例如下: <script src=’http://sitename.com/js/scripts.js’ async=’async’ type=’text/javascript’></script> <script src=’http://sitename.com/js/scripts.js’ defer=’defer’ type=’text/javascript’></script> 将“异步/延迟”属性添加到阻塞渲染脚本 在这个章节中,我们将介绍三种不同的方法,将这些属性添加到阻塞渲染javascripts中。 这些方法如下: 方法1:向所有脚本添加延迟/异步。 方法2:向大部分脚本添加延迟/异步,部分例外。 方法3:仅向选择性脚本添加延迟/异步。 (最灵活的方法,因为它允许因地制宜地为脚本添加延迟或者异步属性。) 您可以根据自己的实际情况使用适合您的方法。 方法1:向所有脚本添加延迟/异步属性。 如果您想毫无例外地将async或defer属性添加到所有脚本,则可以使用以下代码。 打开主题的functions.php页面,将此代码添加到页面底部。 /*function to add async to all scripts*/ function js_async_attr($tag){ # 添加异步加载属性到所有js脚本 return str_replace( ‘ src’, ‘ async=”async” src’, […]

WordPress Autoptimize,Autoptimize设置,WordPress优化,WordPress优化插件 文字详细教程

Autoptimize是一个免费的WordPress优化插件。除了HTML,CSS和JavaScript优化之外,Autoptimize还包括针对WordPress网站其他方面的优化功能。 在本文中,我们将分享Autoptimize插件设置教程,以帮助站长提高WordPress网站的性能和页面加载速度。 为什么选择Autoptimize? JS,CSS和HTML优化选项设置 图片优化选项设置 其他优化选项设置 为什么选择Autoptimize? 在深入探讨Autoptimize插件设置之前,让我们先了解下Autoptimize之所以成为众多站长选择的优化插件的三个原因。 Autoptimize的免费版本拥有优化你的WordPress网站的完整功能集。 Autoptimize严格来说是一个优化插件,不执行任何HTML页面缓存。这意味着它与所有Web主机兼容,甚至包括具有自定义页面缓存配置的Web主机。 Autoptimize在WordPress插件市场有超过一百万的激活安装,并持续更新(发布新功能及修复bug)新功能。 JS,CSS和HTML优化选项设置 HTML,CSS和JavaScript是Autoptimize的基础。与其他优化插件一样,深入了解Autoptimize广泛的功能集和设置可能是一项艰巨的任务。为了使事情变得简单,我们已经整合了最佳的“Autoptimize”设置,以提高您网站的性能。 JavaScript选项设置 Autoptimize之JavaScript优化项. (1)Optimize JavaScript Code(JavaScript代码优化) 我们建议启用此选项。启用“optimize JavaScript code”后,Autoptimize将最小化您的JavaScript文件。 (2)Aggregate JS Files(JS文件合并) 启用Autoptimize插件的“aggregate JS files”选项,会将网站所有JavaScript文件合并为一个文件。过去,合并JS和CSS文件是WordPress优化的关键一步。但需要注意的是,现在很多服务器提供商使用支持并行下载和多路复用的HTTP/2服务器 -这意味着合并文件不再像以前那样重要,因为HTTP/2允许同时下载多个文件。话虽如此,聚合CSS和JS文件仍然可能会提升某些类型的WordPress网站的速度,因此我们建议在启用和禁用此选项的情况下测试您的页面速度,再决定是否启用该选项。 (3)Also Aggregate Inline JS(聚合内联JS) “also aggregate inline JS”选项可提取HTML中的内联JS,并将其与Autoptimize的优化过的JS文件合并在一起。由于此选项会导致Autoptimize的缓存体积瞬间增加,因此,除非您有特定的原因要启用它,否则我们建议禁用此选项。 (4)Force JavaScript in(强加载JavaScript) 在大多数情况下,我们不建议强行将JavaScript文件加载到您网站的HTML的 <head> 元素中。强制JS提早加载可能导致渲染阻止元素,这可能会降低您的页面加载速度。如果您有需要在 <head> 元素中加载的JavaScript文件,建议您将这些脚本文件设为Autoptimize排除列表。 (5)Exclude Scripts from Autoptimize(JS优化例外列表) 此选项可设置特定目录和JavaScript文件例外列表(列表内容不进行合并)。默认情况下,Autoptimize排除以下脚本或者目录。 wp-includes/js/dist/ wp-includes/js/tinymce/ js/jquery/jquery.js 请注意,默认情况下,添加要排除的脚本只会影响合并。除非未选中“Misc Options-其他选项”下的“minify excluded CSS and JS […]

WordPress DEFLATE压缩,Gzip压缩,htaccess,缓存插件 文字详细教程

Gzip压缩可以减少了HTML文件,JavaScripts,CSS样式表和XML文件的大小。 通常,使用WordPress插件启用(使用)Gzip压缩可以减少60%到80%的站点大小。 在WordPress中通过.htaccess启用Gzip压缩可以减少服务器响应时间和服务器发送到Web浏览器的数据量。 当然,压缩页面大小有助于减少传输的响应和数据。 启用压缩的最佳方法是在WordPress站点服务器的 .htaccess文件中使用mod_gzip或mod_deflate。 你只需要通过在您网站的WordPress安装目录下的 .htaccess文件中添加一个简单的代码来启用Gzip压缩。 如果您不想通过.htaccess文件启用压缩,我们还可以使用一些插件来实现,比如如W3 Total Cache,WP Super Cache插件均支持启用WordPress中的Gzip压缩。 文章阅读导航 什么是Gzip压缩? Gzip压缩如何工作? WordPress的DEFLATE压缩和Gzip压缩 开始之前 通过Web服务器配置开启WordPress的Gzip压缩 在Apache服务器上压缩 在Nginx服务器上压缩 应用压缩后的结果 使用W3 Total Cache缓存插件实现Gzip压缩 使用WP Super Cache缓存插件实现Gzip压缩 写在最后 什么是Gzip压缩? Gzip是一个文件压缩器,用于压缩和解压缩文件。 它提供了压缩文本文件(如CSS样式表,HTML和JavaScript文件)的最优版本。 在网站上启用时,Gzip会在从服务器传输文件之前压缩文件。 因此,它改善了页面速度,加载时间并且还节省了用户请求的数据量。 如果您希望进一步了解更多有关Gzip压缩的信息,请查看这些链接 [1, 2]。 Gzip压缩如何工作? Gzip压缩的概念非常简单。 它使用的算法仅在一个位置组织重复的字符串,而不是一次又一次地保存那些相同的字符串。 并且它在压缩和从压缩文件中检索数据时管理具有位置值的字符串。 Gzip压缩适用于样式表和网页,因为这些资源文件都有许多重复的字符串。 由于其压缩技术,Gzip能够将文件大小减少70-90%。 让我们看一下以下的例子来理解Gzip压缩…… 假设你的HTML文件内容是这样的…… <h3>Enable Gzip Compression in WordPress </h3> 然后,经过压缩后的版本为如下示例。 Hkg6dkGhJkjsdHkgHjL 但是,如果您的HTML文件内容重复字符串如下… <h3>Enable Gzip […]

WordPress WP Rocket,WP ROCKET配置,缓存插件 文字详细教程

Forrester Consulting的一项研究表明“ 47%的消费者希望网页在两秒钟或更短的时间内加载”。可悲的是,许多站长没有意识到加载缓慢的网站不仅使人们感到沮丧,而且还可能对网站搜索排名产生负面影响,并影响网站收入! 好消息是有一些方法可以加快网站的加载时间,本教程将详细介绍如何配置目前较为主流的WordPress缓存插件WP ROCKET,以提升网站速度和性能。 本教程主要分为以下三大部分: 下载和安装WP Rocket 如何使用推荐参数设置WP Rocket 哪里可以获得帮助并找到官方文档 什么是WP ROCKET?WP ROCKET是一款主流的WordPress缓存插件,对提升网站的加载时间非常有效。 WP Rocket计划和定价: $49/年–一年的支持和更新(单网站). $99/年–一年的支持和更新(三网站). $249/年–一年的支持和更新(无限网站). WP Rocket是作为众多站长首选的WordPress高级缓存插件。WP Rocket入门非常容易,只需安装一些建议的设置即可完成即插即用。 优点:最小配置/页面缓存/缓存预加载/静态文件压缩 缺点:对于国内站长来说,价格并不低。 不像大多数其他WordPress高速缓存那样,各种令人困惑的选项和设置。后续我们将会抽空介绍一下WP Rocket的最佳免费替代品. 一.下载和安装WP ROCKET 首先,前往WP Rocket网站并购买WordPress插件。 根据自身的需求选择最适合付费套餐并完成下订单所需的步骤。 接下来,wp-rocket.me将会向您的帐户发送一封包含登录信息的电子邮件。点击附带的链接登录网站,然后进入“My Account”即可找到下载链接,点击下载并将zip文件保存到您的计算机。 接下来,登录到您的WordPress网站并前往插件–>安装插件–>上传插件。只需上传插件压缩包即可安装WP Rocket。 最后,去激活WP Rocket,即完成插件的最终安装。 二. WP ROCKET最佳配置 下面我们一起来看看WP Rocket最佳配置,当然实际上,还需要站长根据自身情况而定。所谓最佳配置,更多是一个参考作用。 在WordPress网站管理后台的设置–> WP Rocket,进入插件设置页面。您需要配置和调整以下10个标签或部分的设置,及其他一些配置选项及说明: 我的帐户(默认标签页) 缓存设置 CSS和JS文件优化设置 媒体设置 预加载设置 高级规则设置 数据库设置 CDN设置 附加组件(Cloudflare) 工具 […]

WordPress css压缩,html压缩,js压缩,代码压缩 文字详细教程

在本教程中,我们将向您介绍WordPress压缩(minification),并且引荐其中两个最好的插件以帮助您实现WordPress文件瘦身压缩。 随着您的网站随着工具和内容的增多而变得越来越大,文件的数量可能会扩大到降低网站速度的程度。 速度在互联网上很重要,因此加载缓慢的网站是一个大问题。 解决这个问题的一种方法是通过压缩。Minification,即不影响其功能下通过压缩某些文件(例如 CSS、JavaScript和HTML文件)以缩小其大小的过程。最好的部分是缩小您的文件,您甚至不需要任何编码知识。 什么是Minification(以及为什么它很重要) 互联网上的每一秒都很重要。随着网站变得更加优化,人们已经准备好期待快速的加载时间。事实上,几乎一半的互联网用户希望网站在两秒或更短的时间内加载。 当一秒钟的延迟会导致转化率减少7%时,停留在缓慢的网站上可能会被判死刑。幸运的是,有一些补救措施可以帮助您加快网站速度,特别是压缩。 这是指压缩层叠样式表 (CSS)、JavaScript和HTML 代码以缩小文件大小而不影响其功能的过程。您可能没有意识到这一点,但许多让您的网站保持运行的文件也可能是您加载时间更长的原因。 从表面上看,这个过程可能听起来过于技术性,但它非常简单。它只涉及从代码中删除不必要的字符。 让我们看一个例子。以下是一个未经压缩的CSS片段: #bluetext { font-size: 2em; color: blue; } #redtext { font-size: 1em; color: red; } 经过压缩后代码如下: #bluetext{font-size:2em;color:blue;}#redtext{font-size:1em;color:red;} 如果您检查压缩后的代码,您会看到所有必需的信息仍然存在,但换行符、空格和一些字符已被删除。这些元素不是计算机理解代码所必需的,它们的存在只是为了使代码对人类更具可读性。 这种微小的更改似乎不会产生很大的影响,但请考虑一下您在站点的引擎盖下运行了多少行代码。缩小可以显着减小每个文件的大小,从而使您的网站加载速度更快。如果您的站点包含大量文件、脚本和插件,则尤其如此。 我们现在将研究两种可用于压缩代码的方法,手动和使用专用插件。 如何手动压缩CSS和JavaScript 手动压缩可让您使用专用应用程序快速压缩CSS和JavaScript代码。这使您能够首先编写易于阅读和解释的代码,然后在几秒钟内使用工具将其压缩。 我们建议使用工具,例如CSS Minifier或Clean CSS。与JavaScript 类似,虽然Minify是一个很好的起点,但还有其他选择,例如JSCompress和JavaScript Minifier。 这些工具都将以相同的方式工作。例如,使用Clean CSS,您将原始代码粘贴到相关字段中,然后单击CSS Minify。您将在另一个字段中看到结果,可以进行复制和粘贴。 但是,我们建议分别保存两个版本的代码;否则,您可能会丢失原始代码。当然,原始版本比缩小版本更容易进行故障排除和编辑。 如果您对自己的编码能力有信心,您也应该只使用手动缩小。如果您没有很多经验,我们建议您改用WordPress压缩插件,,下面我们将推荐其中的两个。 WordPress文件压缩插件 我们还可以使用WordPress插件来压缩保持网站运行的CSS和JavaScript文件。由于这些文件属于网站前端加载极其重要的部分,您应该确保只使用受信任且安全的插件。 1.Fast Velocity Minify Fast Velocity Minify是新手和有经验的用户的绝佳选择。默认情况下,它会自动压缩您网站上的所有CSS、JavaScript和HTML代码,并且不需要额外的配置。但是,如果您想修改细节,它还提供了大量其他选项。 需要最少的配置并实时自动运行。 为高级用户提供广泛的选项。 出色的结果和可靠的支持。 最为重要的一点是,Fast […]

WordPress CDN加速,Pingdom,浏览器缓存,网站性能,网站测试 文字详细教程

今天我们想深入探讨如何更好地使用和理解流行的网站速度测试工具Pingdom的数据。您可以使用它对您的WordPress网站进行我们所说的瀑布分析。这可以帮助您快速诊断性能问题,并且不会误诊问题。 很多时候我们看到WordPress用户在Pingdom速度测试工具中解释数据错误,这导致有时将网站配置为比以前更糟糕的状态。请记住,所有此类工具都将用作指南,它们永远不会100%准确。重要的是在所有测试中保持一致并使用相同的工具。 Pingdom Pingdom是一家总部位于瑞典的公司(现归SolarWinds所有),提供各种不同的服务,例如正常运行时间监控、页面速度监控、交易监控、服务器监控和访问者洞察 (RUM)。他们最著名的事情之一可能是他们的免费网站速度测试工具。它是WordPress 社区中最受欢迎的性能测试工具之一。 为什么如此受欢迎?嗯,首先,它可能是最容易使用的速度测试工具!并非每个人都是网络性能专家,因此对于典型的WordPress用户来说,其他一些替代工具可能会让人不知所措。有时正如他们所说,少即是多。毕竟,您只关心两件事:您的网站有多快以及如何使其更快。 Pingdom网站速度测试 Pingdom 目前允许您测试来自全球7个不同地点(5大洲)的任何网站的速度: 亚洲 – 日本 – 东京 欧洲 – 德国 – 法兰克福 欧洲 – 英国 – 伦敦 北美 – 美国 – 华盛顿特区 北美 – 美国 – 旧金山 太平洋 – 澳大利亚 – 悉尼 南美洲 – 巴西 – 圣保罗 注意:我们注意到有时并非所有测试位置都可用。这很可能是因为它因维护而停机,或者由于太多人试图对其进行测试而使其过载。如果您一直使用的测试站点位置不再存在,请在一两个小时后回来查看。很有可能它会再次出现。 您选择的测试位置实际上非常重要,因为它与您的网站实际托管的物理位置有关。这就是一个叫做网络延迟的小东西 发挥作用的地方。但我们将在下面更详细地介绍这一点。 使用Pingdom速度测试工具进行瀑布分析 网页由不同的资源组成,例如HTML、JavaScript、CSS、图像和视频。这些中的每一个都会生成请求以呈现您在网站上看到的内容。通常,您的请求越多,您的网站加载速度就越慢。情况并非总是如此,但大多数情况下确实如此。 下面我们将分解每个Pingdom部分,并更详细地解释信息的含义,因为它与您网站的整体性能以及如何进行瀑布分析有关。 Pingdom摘要 性能洞察 响应代码 按内容类型划分的内容大小和请求 按域划分的内容大小和请求 […]

WordPress 延迟加载,延迟加载插件,懒加载,懒加载插件 文字详细教程

如果您的WordPress网站严重依赖视觉内容,您可能需要为其添加懒加载功能。此WordPress功能有助于提高网站的页面速度和性能,使其对您的SEO工作至关重要。 根据HTTP Archive,网页平均体积为3719 kB,其中图像和视频占总体积的近78%。 这对于网站访问者的浏览器下载和渲染来说是很多字节,并且未来的趋势网页越来越大及使用更多的图像或者视频内容。 在共享媒体和将媒体文件整合到网站设计中时,WordPress正在引领潮流。 使用WordPress,可以轻松地将图像和视频集成到文章,页面甚至主题的背景中。 但是,过多的媒体资源使得网页加载变得非常缓慢,因为用户在查看网页之前必须等待下载大文件(包括最初未显示的文件)。 这是为什么我们要对WordPress做图片或者视频懒加载(延迟加载)的原因。 什么是懒加载以及它如何工作? WordPress懒加载的优缺点 为什么要做图像懒加载? 如何为您的WordPress添加懒加载 懒加载对SEO的影响 WordPress延迟加载技巧 什么是懒加载以及它如何工作? 延迟加载(又称懒加载)是一种加载可见内容的优化技术,即延迟下载和呈现在首屏下方需要显示的内容。延迟加载不是一次加载所有图像,而是仅下载用户屏幕上可见的图像。它用占位符图像或空白区域替换所有其他图像。当用户向下滚动时,您的网站会加载在浏览器查看区域中可见的图像。 这也是谷歌极力推广的网页优化策略“缩减首屏内容的大小”,如果您的WordPress文章和页面包含大量嵌入式视频和高分辨率图像,这是一种应该考虑的技术。 延迟加载的工作方式如下: 浏览器在不下载图像和预加载视频下构建网页DOM而。 JavaScript用于确定要下载哪些图像以及根据页面加载时最初可见的内容预加载哪些视频。这些图像和视频会根据需要下载和预加载。 下载和呈现其他视频会延迟,直到网站访问者向下滚动页面并且其他内容进入视图。 最终结果是,在实际需要之前,不会下载图像和加载视频。这可以为包含大量高分辨率图像和嵌入视频的网站实现显着的性能提升。 延迟加载对您的WordPress网站非常有利。 它减少了初始网页加载时间,因此用户会更快地看到您的网站 它通过仅提供可查看的图像来节省带宽,并可节省托管成本 WordPress 5.5的发布添加了延迟加载作为默认功能。 但是,如果您想自定义图像延迟加载和背景图像延迟加载的方式,则需要使用WordPress插件。 注意:虽然延迟加载有助于提高网站加载速度,但在上传到WordPress之前,您应该始终针对网络优化图像以获得最佳性能。 WordPress懒加载的优缺点 如果您仍然想知道是否应该在WordPress中实现图像延迟加载,以下是该功能的优缺点: 优点: 减少带宽使用,降低托管成本。 提高网站速度,使访问者的浏览体验更好。 提升移动体验。 优化最大内容绘制分数 改进SEO工作,提高您网站的搜索排名。 缺点: 导致内容缓冲,影响加载速度。 减慢快速滚动。 为什么要做图像懒加载? 延迟加载您的WordPress图片可以加快您的网站速度并提供更好的用户体验。 没有人喜欢慢速网站。事实上,一项性能研究发现,页面加载时间延迟一秒会导致转化次数减少7%,页面浏览量减少11%,客户满意度降低16%。 任何搜索引擎也不喜欢加载缓慢的网站。这就是速度越快的网站在搜索结果中排名越高的原因。 与其他网络元素相比,图像在您的网站上加载所需的时间最长。如果您在文章中添加大量图片,那么每张图片都会增加您的页面加载时间。 处理这种情况的一种方法是使用CDN服务,例如又拍云CDN。CDN将让用户从离他们最近的Web服务器下载图像并降低网站加载速度。 但是,您的图像仍将被加载并影响整体页面加载时间。为了解决这个问题,您可以通过在您的网站上实现延迟加载来延迟图像加载。 如何为您的WordPress添加懒加载 与许多其他网站性能问题一样,WordPress延迟加载也是可以通过插件来解决。 实际上,WordPress插件库有许多插件可用于懒加载图像和视频。 这样的插件林林总总,我们从中挑了五个可以显着提高网站性能的插件。 如果您已准备好实施懒加载,可以考虑这五个插件。 图像和视频真的会让网站变慢吗? 首先,在将任何图像上传到WordPress之前,请确保已经执行了优化(关于图片体积优化,可以参考文章《如何做到Google […]

WordPress CartFlows,漏斗分析 文字详细教程

经营在线业务最困难的方面之一是将您的访问者转变为付费客户。涉及的因素太多了,错过一两步是可以原谅的。然而,如果您要使用WordPress创建漏斗,那么赢得客户的机会就更大。 在创建销售渠道方面,对我们而言,WordPress胜过竞争对手。无论您是初创公司还是企业,它都具有可扩展性、灵活性和适合您的预算。 在这篇文章中,我们将向您展示如何使用WordPress创建漏斗分析。我们将概述您需要的所有工具,并引导您完成整个过程。 ClickFunnels快速入门 在我们真正进入文章之前,值得花几分钟谈谈ClickFunnels。这是创建可重复且有效的销售渠道的领先解决方案。成千上万的用户使用该工具产生流量、客户和收入。 在纸面上,它具有许多令人兴奋和创新的特性和功能。例如: 有一个可靠的漏斗构建器,具有拖放功能。 它提供内置于平台的内容营销。 社区丰富而专注。 “哎呀,是的!”中还有更多内容。用于选择ClickFunnels的列。即便如此,它并没有捕获100%的用户群。 为什么你想找到一个ClickFunnels替代品 鉴于ClickFunnels提供的出色功能,它并不是市场上唯一的解决方案。以下是几个原因: 价钱。ClickFunnels价格比较贵的,这是无可避免的。最低级别是每月97美元,这不像每月297美元的计划那样功能齐全。 ClickFunnels的生态系统。虽然封闭源代码的多合一托管平台非常适合入门,但您永远被锁定在ClickFunnels中。换句话说,没有办法让您的业务脱离ClickFunnels的系统。 功能。ClickFunnels是一个“万事通”。因此,虽然某些功能是一流的,但其他功能需要一些工作。 它的外观和设计。就像WordPress网站过去有某些“告密”元素一样,所以ClickFunnels网站也会大声疾呼它的名字。 为了进一步讨论最后一点,如果您查看ClickFunnels网站的任何模板或默认设置,它们都具有与整个销售渠道相关联的过时外观: 所以,ClickFunnels有一个“垃圾邮件”的默认设计,尽管我们承认它是一个成功的设计。无论如何,您想要使用WordPress创建漏斗的原因会有一个独特的组合——所以让我们接下来讨论一下。 为什么你应该使用WordPress创建漏斗 在构建任何类型的网站时,我们认为WordPress排名第一,这不应该让人感到震惊。我们总结一下关键方面: WordPress核心软件是免费的。它不仅下载和使用成本为零,而且是开源的。这意味着您几乎可以控制网站的各个方面,而无需锁定。 它可以伴随您的整个业务旅程。WordPress非常适合作为博客平台使用。它也是一个功能齐全的内容管理系统 (CMS),适用于每月点击数百万次的企业级网站。 WordPress可以通过数以千计的主题和插件进行扩展。事实上,很多都是免费的。我们将在整篇文章中讨论的主题和插件还有一个丰富的高级市场。 WordPress社区强大、多样且知识渊博。有易于访问的支持渠道和丰富的开发人员网络,以确保WordPress始终在发展和改进。 以上只是冰山一角。即便如此,不是每个人都会在不调查竞争对手的情况下使用WordPress创建漏斗。接下来我们将重点介绍这一点。 使用WordPress创建漏斗的替代解决方案 任何产品或服务之间的竞争都是有益的。销售漏斗也不例外。我们过去曾介绍过登录页面,在许多情况下,它们可以与更“传统”的漏斗构建器竞争。 尽管如此,我们建议有两个工具更接近WordPress,第一个是我们已经提到的。 1. ClickFunnels 我们将不再讨论相同的细节,因为我们已经在本文和其他文章中讨论了ClickFunnels。无论如何,值得总结一下ClickFunnels的吸引力: 这是一个多合一的漏斗构建器平台。 社区旨在帮助您取得成功。 您将获得一个经过验证的系统来创建、利用销售渠道并从中获得成功。 更重要的是,启动和运行起来轻而易举。完成注册过程后,您将执行以下步骤: 导航到您的仪表盘,然后单击构建漏斗按钮。 从弹出的对话框屏幕中,选择要使用的漏斗类型。 使用漏斗生成器中的启动清单创建您的销售漏斗。 这里的最后一步涉及设计挤压和销售页面、订单表格、确认和感谢页面。这一切都布置得很好,您很快就会准备好您的漏斗并等待访客。 2. Systeme 另一个解决方案是Systeme。 这将自己定位为ClickFunnels的直接竞争对手,并且具有许多相同的功能: 拖放式漏斗构建器,也可兼作网站构建工具。 电子邮件和内容营销功能。 用于销售订阅和课程的内置工具。 强大的联系人管理。 在我们的评论中,我们认为Systeme与ClickFunnels接触的用户不同。后者专注于核心概念,而Systeme希望成为您整个业务的中心。 因此,入门步骤比ClickFunnels更加多样化: 单击“创建”按钮以构建新渠道。 为您的渠道选择最终目标,例如捕获电子邮件或举办网络研讨会。 使用模板构建订单表格和感谢页面。 根据您的要求自定义每个页面。 使用内置页面构建器进一步设计您的渠道。 […]

WordPress OSS配置,对象存储,阿里云OSS 文字详细教程

在本文中,我们将深入解析阿里云OSS对象存储的原理和特点,同时通过详细的步骤指导您如何配置和使用阿里云对象存储服务。我们将从对象存储的基本概念出发,讲解其特性、阿里云对象存储的配置,以及如何将其与CDN服务结合使用。 什么是对象存储 对象存储是一种分布式存储架构,它以对象的形式存储数据。每个对象都包含数据、元数据和唯一标识符。与传统的文件存储和块存储相比,对象存储具有更高的可扩展性、易用性和成本效益。对象存储主要用于存储非结构化数据,如图片、视频、音频、文档等。 对象存储有何特征 对象存储具有以下特点: (1) 可扩展性:对象存储可以方便地进行水平扩展,以满足海量数据的存储需求。在需要增加存储容量时,可以快速添加更多的节点,而不影响系统的性能和稳定性。 (2) 数据冗余和容错:对象存储通过数据副本和纠删码技术来保证数据的可靠性和持久性。即使某些存储节点发生故障,也能够确保数据不会丢失。 (3) 低成本:对象存储通常采用廉价的硬盘设备,通过软件定义存储技术来实现高性能和高可用性。这使得对象存储在成本方面具有很大的优势。 (4) 高可用性:对象存储支持跨地域的数据同步和访问,确保数据在不同地域之间的高可用性和低延迟访问。 阿里云对象存储配置 创建OSS Bucket 下面将详细介绍如何配置阿里云对象存储: (1) 创建存储空间(Bucket):登录阿里云控制台,进入对象存储OSS服务,点击创建Bucket,输入名称、选择地域和存储类型。这里的名称需要保持唯一,用于区分不同的存储空间。 创建Bucket,需要重点关注以下填写的信息: Bucket名称:可以考虑用域名-存储内容类型,比如domain-media; 地域:建议选择有地域属性,且地域与服务器所在地一致,因为相同区域内的产品内线互通,速度更快; 存储类型:如果用于作为网站静态资源,且提供网站用户访问,则选取标准存储,一般站长也是这样用OSS的; 存储冗余类型:选本地冗余存储就好; 读写权限:切记选择公共读,除非您的OSS存储资源不是作为网站公开资源; 所在资源组:选择默认分组即可。 完成Bucket相关信息填写和设置后,点击“确定”进入下一个步骤。 (2) 设置访问控制(ACL):创建Bucket后,可以设置访问控制 权限,包括公共读、私有和公共读写。根据实际需求选择合适的访问控制权限。 (3) 配置跨域访问(CORS):在Bucket的设置中,可以配置CORS规则,以允许特定的来源、HTTP方法和HTTP头部访问您的对象存储。这对于构建Web应用程序尤为重要,因为浏览器通常会对跨域请求施加限制。 (4) 设置生命周期规则:通过配置生命周期规则,可以自动对过期或不再需要的对象进行删除或转换存储类型,以节省存储成本。例如,可以将长时间未访问的对象自动转换为低频访问存储类型。 (5) 上传和管理对象:在Bucket中,可以上传、下载和删除对象。此外,还可以对对象的元数据和访问控制权限进行管理。上传对象时,可以选择是否开启服务器端加密,以保护数据的安全性。 第(2)-(5)点,对于一般站长来说,无需关注。我们只需要在完成Bucket创建后,在WPTurbo插件完成阿里云OSS配置信息填写。 配置OSS对象存储访问域名 (1)不使用CDN域名 为前面创建的Bucket创建一个访问域名,您只需要进入所创建的Bucket后,点击“Bucket 配置”-“域名管理”,然后点击“绑定域名” 然后,在弹窗出窗口输入一个您网站的子域名,比如oss.yourdomain.com,如果您的域名解析在阿里云,开启自动添加cname记录,即可完成域名绑定。否则,您还需要到第三方域名解析完成CNAME记录的添加。 最后,完成提交即可。 (2)使用CDN域名 如果您希望使用CDN域名作为阿里云OSS对象存储的访问域名。则可以访问CDN控制台,进入你需要绑定为OSS对象存储的CDN域名管理界面,点击“新增源站信息”。 然后在新增源站信息,选择OSS域名,并且选择您需要使用CDN域名访问的OSS对象存储Bucket对应的域名,优先级设为主,权重和端口为默认即可,最后点击“确定”。 温馨提示:当您将OSS域名设为源站信息的主域名,则需要将源站域名设置为备。 配置WPTurbo插件对象存储设置 首先,进入WPTurbo插件,选择“对象存储”标签,打开对象存储开关,将服务商选中为阿里云,然后点击“配置API”; 然后,进入配置API页面,您需要填写一堆信息; ACCESSKey ID:登录阿里云工作台>点击主账号头像>AccessKey管理,创建生成。 AccessKey Secret:在创建ACCESSKey ID生成时一同生成。 […]

WordPress CDN,阿里云CDN,阿里云CDN配置 文字详细教程

本文旨在为读者提供一个关于阿里云CDN的简要教程。我们将介绍阿里云CDN的基本概念、资源加速步骤、同步资源设置以及与阿里云OSS对象存储的结合。希望通过这篇教程,读者能够更好地了解和利用阿里云CDN服务,为自己的互联网服务提供优质的用户体验。 什么是阿里云CDN 阿里云CDN(Content Delivery Network,内容分发网络)是阿里云提供的一种专门用于加速网络内容传输的服务。通过将用户请求的内容分发至全球范围内的边缘节点,实现访问资源的就近原则,从而有效缩短用户访问资源所需的时间,提高访问速度和用户体验。 全局CDN与局部CDN 全局CDN(Global CDN)和局部CDN(Regional CDN)是两种不同的内容分发网络类型,它们之间的主要区别在于覆盖范围和应用场景。 全局CDN(Global CDN): 覆盖范围:全局CDN拥有遍布全球的数据中心和边缘节点,可以为全球范围内的用户提供优化的内容传输服务。 应用场景:全局CDN适用于具有国际用户群的网站或应用,可以有效降低全球范围内的延迟,提高用户体验。 优势:全局CDN能够应对大范围的地理分布和网络状况,具有更强的抗攻击能力和容错能力,能够在各种复杂环境下保持稳定的服务质量。 局部CDN(Regional CDN): 覆盖范围:局部CDN主要针对特定地区或国家的用户提供内容分发服务,其边缘节点通常集中在某个地区或国家范围内。 应用场景:局部CDN适用于主要服务对象为某个特定地区或国家的用户的网站或应用,可以在有限的覆盖范围内提供更快速、稳定的服务。 优势:局部CDN可以针对特定地区的网络状况和用户需求进行优化,对当地网络环境有更深入的了解,从而提供更佳的用户体验。 全局CDN和局部CDN的区别主要在于覆盖范围和应用场景。全局CDN适用于具有国际用户群的网站和应用,可以在全球范围内提供优化的内容传输服务;而局部CDN则更适用于主要服务对象为某个特定地区或国家的用户的网站和应用,可以在有限的覆盖范围内提供更快速、稳定的服务。根据实际业务需求,可以选择适合自己的CDN类型,为用户提供更好的访问体验。 常见全局CDN服务商 典型的全球范围内的CDN服务商包括: Akamai:Akamai 是全球最大的 CDN 服务商,拥有遍布全球的边缘节点,为众多知名企业提供内容分发服务。 Cloudflare:Cloudflare 是一家知名的 CDN 服务商,提供全球范围内的内容分发、安全防护以及网站优化服务。 Amazon CloudFront:Amazon CloudFront 是亚马逊 AWS 提供的全球 CDN 服务,与 AWS 的其他服务紧密集成,拥有广泛的覆盖范围。 Fastly:Fastly 是一家专注于高性能和低延迟的 CDN 服务商,拥有遍布全球的边缘节点,为许多知名企业提供服务。 Limelight Networks:Limelight Networks 是一家全球 CDN 服务商,拥有遍布全球的数据中心,提供内容分发、视频传输和云存储服务。 StackPath:StackPath 是一家提供全球 CDN 服务的公司,提供内容分发、Web 应用防火墙和 […]

为什么要为WordPress网站的图像添加标题和alt标签?标题是简短的文字说明,通常鼠标移至图像上方展示;alt标签为图片的文字提示,一般在图片没有完全加载又或者图像丢失了,暂时该信息。因此,无论是图像标题或者alt标签,对于用户体验及搜索引擎来说都起到积极的作用,尤其是对于搜索引擎,能够帮助蜘蛛识别图像内容。

为什么要为WordPress网站的图像添加标题和alt标签?标题是简短的文字说明,通常鼠标移至图像上方展示;alt标签为图片的文字提示,一般在图片没有完全加载又或者图像丢失了,暂时该信息。 因此,无论是图像标题或者alt标签,对于用户体验及搜索引擎来说都起到积极的作用,尤其是对于搜索引擎,能够帮助蜘蛛识别图像内容。 通过WordPress内置功能或者第三方插件,可以轻松为每个图像添加标题和其他元数据,包括标题和alt替代文本标签。 为WordPress图像添加标题及alt替代文本 在古腾堡编辑器,点击编辑器右上角的“+”添加区块符号,选择“图像”块。 添加图像区块 在文章编辑区域新增一个图像区块,如下图: 古腾堡编辑器上传图片 然后,您可以通过上传、媒体库和URL插入三种方式,添加图像,这与传统编辑器的方式相似。 添加图像后,图像将放入编辑器中,并在其下方带有一个标记为“编写说明…”的文本框,即为图像添加标题,而在右侧的区块信息,你还可以填入Alt文本属性(替换文本),如下图所示: 古腾堡编辑器图片标题&ALT设置   完成后,您可以通过单击“发布”或“更新”按钮来保存文章。 为WordPress画廊添加标题 WordPress编辑器还附带一个画廊区块,站长可以上传多个图像,以网格布局显示多个图像。 要创建画廊,文章发布界面单击“+”添加区块图标,选择Media下方的“画廊”。 古腾堡编辑器创建画廊 在画廊添加到文章/页面编辑区域,即可上传图片,或者从媒体库中选择预先上传的图片,为画廊添加一张或者多张图像。 古腾堡编辑器画廊上传图片 为画廊上传图像后,你可以通过点击某一图像,在下方的“编写说明…”为该图像添加标题,点击整个画廊下方的“编写画廊说明…”为画廊添加标题。 画廊说明文字 如果从媒体库中选择了预添加的图像,则可以通过右侧的“附件详情”为图片添加替代文本(alt标签)和标题。 相册图片标题&Alt 通过媒体库添加WordPress图像标题和Alt替代文本 那么平日我们通过媒体库直接上传图片时,如何为图像添加标题和alt标签替代文本呢?其实,在上一章节已经稍微提及,下面是更详细的教程: 首先,在WordPress仪表盘访问“媒体»添加”页面。 媒体库上传图片 通过拖放或从计算机中选择一个图像来上传图像。 成功上传后,在“上载新媒体文件”框下方即可看到上传图像,点击图像对应的“编辑”链接。 媒体库上传图片编辑 将会在新标签页中打开“编辑媒体”页面,支持编辑图像标题,添加图像元数据,包括标题,alt属性替代文本和描述。 图片标题/ALT信息编辑 你也可以通过媒体库,对已上传的图片进行逐一添加标题、alt属性替代文本。并且通过媒体库为图片添加标题、alt标签替代文本及描述的信息后,在文章或者页面编辑添加这些图片不需再次添加相关信息。 使用WordPress经典编辑器添加图像标题和alt替代文本 如果WordPress网站使用旧的经典编辑器,图像添加标题和Alt替代文本标签的方式与古腾堡编辑器稍有不同。 点击编辑器上方的“添加媒体”按钮即可上传图片或从媒体库中选择图片。 经典编辑器上传图片 图片上传后,即可填写图片相关元数据,例如标题,替代文本属性和图片描述。 图片元数据填写 单击“插入至文章”按钮,将图像添加到文章或页面中。 使用经典编辑器添加相册图片标题、Alt 使用“ 经典编辑器”创建画廊时,还可以为图像添加替代文本属性、标题、说明和图像描述等信息。只需上传并选择多个图像,然后单击左列中的“创建相册”链接。 相册图片详细 之后,您需要单击弹出窗口右下角的“创建新相册”按钮。 创建新相册 使用插件批量自动添加图片标题&Alt替代文本 上述方法,均是使用WordPress内置的功能来为图片添加标题和Alt标签替代文本等信息。 但如果需要批量添加所有图片的标题和alt标签属性,这将是一个巨大的工程。这时候我们则需要借用插件的帮助了。 首先,你得安装并启用我们提供的Smart Seo Tool插件。 然后,通过WordPress仪表盘“设置-Smart Seo Tool”,进入插件设置界面,选择图片SEO优化,将图片优化启用,并选择适合您的图片Title和图片Alt属性描述规则,最后“保存设置”即可按规则为你的网站图片添加标题和alt替代文本。 注:插件仅对不存在标题和alt设置的图片生效,不影响已设置标题和alt的图片! […]

100% Secure Checkout

PayPal / MasterCard / Visa