如何获取WordPress帮助

引言

如果在使用 WordPress 的过程中遇到障碍,你应该怎么做?在本课中,我将指导你在最需要帮助时如何找到支持。

访问支持论坛

如果你遇到格式问题、插件异常或其他小故障,可以首先访问 WordPress.org/support/forums,查看是否有现有帖子与你的问题相关。你的问题答案可能已经在那里了。让我们实际操作一下。前往 WordPress.org,点击“学习”,然后选择“论坛”。在右上角,你可以搜索现有问题。这里,我将输入“网站加载缓慢”,然后查看结果列表。希望我能从中找到答案。

发布提问

如果找不到提供解决方案的帖子,我们可以返回支持论坛页面,然后在其中一个支持论坛(如“修复 WordPress”或“其他 WordPress 问题”)中发布提问。让我们打开“修复 WordPress”论坛。在主题列表右上角,你可以创建自己的主题,然后填写所有相关问题的详细信息。

主题和插件

如果你因特定插件或主题遇到问题,建议直接联系其支持论坛或支持页面。我还想强调,如果问题来自主题或插件,通用支持论坛的人通常会引导你到这些平台。要找到特定插件或主题的支持论坛,请前往论坛页面,向下滚动到“主题和插件”。选择适用的选项,这里我们选择“插件”,然后搜索相关插件。例如,我将选择 Jetpack 插件。然后,点击下载按钮下方的“支持”选项卡。这将打开 Jetpack 插件的支持论坛,你可以在其中搜索旧问题或创建新主题。如果你在自己的网站上,可以通过插件仪表盘访问支持。如果你使用高级主题或插件,可以随时访问其网站并联系支持团队。

文档和 Learn WordPress

最后,你可以访问 WordPress.org 网站上的两个极佳资源,它们提供使用和开发 WordPress 的帮助与指导。首先是 WordPress 文档。你可以从论坛页面访问文档,或者点击“学习”然后选择“文档”。文档页面是一个宝库,包含涵盖广泛主题的指南和文章。你可以使用搜索块搜索主题,或使用下面的链接缩小搜索范围。你可能想了解更多关于更改或自定义网站外观的内容,因此在“自定义”下,我们可以选择“外观”,然后选择一个主题。例如,我们可能想了解更多关于块主题的信息。

最后,我们来谈谈 Learn.WordPress.org。要打开该网站,请点击“学习”选项卡,然后选择“Learn WordPress”。Learn WordPress 是一个教育平台和资源库,提供各种材料,包括视频课程、在线研讨会和课程,旨在帮助个人学习和提升使用及开发 WordPress 的技能。

结论

我相信这些平台能帮你找到所需的答案或资源。我也会在下方描述中添加相关链接。

链接

支持论坛

文档

Learn WordPress

如何使用标题提升无障碍性与SEO

引言

本课程将探讨如何利用标题提升可访问性和搜索引擎优化。你知道吗?在网站、文章和页面中使用标题,可能决定了用户是与你的网站建立联系,还是直接跳出寻找其他网站。在这个例子中,我们有一篇没有标题的文章,读者很难浏览。在下一个例子中,我们添加了合适的标题,帮助读者理解内容,并在实际阅读前了解文章主题。

标题的重要性

标题能组织内容,让读者更容易浏览和定位信息。最重要的是,它们是实现可访问性和搜索引擎优化的关键工具。通过本教程,我们将学会正确使用标题,以提高可读性、可访问性和搜索引擎优化。首先,为什么使用标题来组织内容很重要?因为它能引入新主题或章节,引导读者,让读者快速浏览内容,并让读者对内容有所预期,最后还能将主题分解成更易理解的信息块。

信息层级

标题也用于指示信息的层级结构。你的页面和文章会被分成子标题,例如标题2(H2)、H3,一直到H6。你会注意到,当你添加第一个标题块时,H2会自动被选中。这是因为你的页面或文章标题是主要的标题(H1)。添加标题后,你可以通过列表视图选择相关标题来更改标题类型。然后,在块工具栏中选择显示为H2的选项,从那里你可以在H1到H6之间选择,以确保标题的顺序和层级正确。

大纲功能

你知道吗?你可以使用列表视图下的大纲功能快速检查标题。请确认你的H2标题是否与H1标题相关,H3是否与H2相关,以此类推。如果你不小心跳过了某个标题级别,WordPress也会在这个大纲部分提醒你,帮助你确保标题按顺序排列。你可以检查页面中的错误并快速修正,而无需逐个块查找。在这个例子中,我想确保所有寿司类型都列为H4。

可访问性

标题对可访问性也很重要。错误使用标题意味着很多人无法访问你网站上的信息。当你为可访问性使用标题时,屏幕阅读器可以更好地浏览页面,快速找到相关信息。此外,仅使用键盘的用户可以一键跳转到正确的部分。在这个例子中,如果没有标题,屏幕阅读器必须大声朗读整段文字,没有标题让用户跳转。如果我添加了标题,屏幕阅读器或键盘就能让用户快速导航到相关部分。标题还能帮助视力低下的用户在放大页面时保持结构感。当视力低下的用户放大页面时,不同的文字大小让他们能跟踪自己在网站上的位置。

标题结构

记住将标题组织成逻辑块。例如,这篇关于鹦鹉的文章,标题是H1。我以鹦鹉健康为主题开始写作,使用了H2。鹦鹉健康的一个子主题是鹦鹉营养,然后我们可以继续深入下一个子标题。每个子主题应与上级主题相关,类似于杂志文章的结构。

搜索引擎优化

最后,我们来谈谈标题和搜索引擎优化(SEO)。你可以巧妙地在标题中嵌入关键词,以提高网站在搜索引擎中的排名。你的标题应清晰简洁地总结后续内容,并准确反映该部分的内容。在站点编辑器中,你可以点击样式并打开样式书。在这里,你可以使用右侧的侧边栏设置全局设置标题样式。建议在整个网站中使用相同的标题层级和样式,以创建统一的外观和感觉。最后一个提示:永远不要使用标题块来设置文本样式。如果你想要风格化的效果,请使用其他块,例如引用块,或将标题转换为段落块,并使用右侧的样式设置来相应修改文本。

结论

我相信你会开始使用标题来改善网站的用户体验和搜索引擎优化。

提升SEO排名的方法

什么是SEO?

在本课中,我们将探讨如何提升SEO排名。但什么是SEO呢?搜索引擎优化指的是帮助你的网站在搜索引擎结果中排名更高的技术。目标当然是让更多访问者自然找到你的网站。

搜索引擎会派机器人(爬虫)访问网站,爬取内容并了解页面主题以及链接指向。它们还会检查图片内容、测试网站加载速度,并评估网站布局是否易于访问且适合移动设备。爬取完成后,机器人会从你的网站中提取关键词,并将其记录在搜索引擎数据库中。因此,当用户开始搜索时,搜索引擎会将用户的搜索查询与数据库中的关键词进行匹配,从而推荐最相关的网站。接下来,我们来看一些可实施的技巧。

取消勾选“搜索引擎可见性”选项

首先,进入“设置”页面。点击“阅读”选项,确保你已取消勾选“搜索引擎可见性”框。如果勾选了此框,会阻止搜索引擎索引你的网站,这是我们不希望看到的。此选项仅应在网站仍在建设中时使用。

新鲜内容

第二点需要注意的是,搜索引擎偏爱内容常新的网站,因此请尽可能保持网站内容更新。如果你的首页和其他页面很少变动,建议创建一个博客页面或新闻页面,并定期发布关于产品、品牌、客户及其他各类主题的文章。

优质内容

第三个技巧是确保网站内容质量高。谷歌发布了E-A-T指南,即搜索引擎会关注专业性、权威性和可信度。首先谈谈专业性:撰写你熟悉且充满热情的内容。权威性呢?如果你展现了专业性,当其他网站链接到你的网站、人们在社交媒体上讨论它,以及你在内容中链接到信誉良好的网站时,搜索引擎会认为你的网站具有权威性。最后,“T”代表可信度:确保你分享的信息真实可靠。

这里有一个重要问题可以自问:你的内容是否易于分享?需要考虑的因素包括:内容是否有趣?是否过长?品味是否良好?是否使用通俗语言?是否在开头有摘要或“太长不看”部分?归根结底,就是要确保你的内容值得阅读和分享。

关键词

接下来,我们来谈谈关键词。内容中的关键词和关键词短语能让人们更容易通过搜索引擎找到你的网站。可以说,一个优化良好的网站会使用与受众相同的语言。因此,我们需要了解人们搜索什么,并在页面和文章中包含这些词语或短语。关键词研究能帮助你了解人们在寻找类似网站时使用的关键词。你可以使用WordStream或谷歌关键词规划工具等免费工具,找到适合你内容的关键词。

寻找关键词的方法是:输入与你网站相似的域名。这会提示人们在该网站上搜索内容时使用的词语。确定这些关键词后,将它们用于网站内容中。搜索引擎在决定关键词时,会优先考虑内容的标题。但你也可以将关键词用于摘要、标题和正文中。这里的布局通常反映了使用关键词的优先级顺序。记住要自然使用关键词,避免关键词堆砌或过度使用,否则会损害你的SEO。

链接

我们再进一步谈谈链接。搜索引擎会通过你的链接来了解网站结构并寻找更多内容。链接到网站上已有的其他文章,因为搜索引擎认为被多次链接的页面更重要。同时,记得设置指向信誉良好、具备良好E-A-T(专业性、权威性、可信度)的外部网站的链接,这也能提升你网站的可信度。

元数据

接下来要讨论的主题是元数据。元数据是页面内容中对搜索引擎可见的标签。它隐藏在后台,但为搜索引擎提供了关于你网站的关键信息。你可能不知道,元描述就是每个搜索结果下方显示的信息。WordPress会自动创建元数据,因此不易直接编辑。但大多数SEO插件允许你编辑和修改元数据,使其更贴合你的内容。通常不超过两句话。你可以做的一件事是为文章撰写摘要,因为WordPress会使用这些摘要来生成元描述。建议使用关键词并手动编写这些摘要;否则,系统只会自动提取内容的第一段。

网站速度

接下来,网站速度至关重要。搜索引擎在排名时肯定会考虑网站速度,因此这是SEO的重要部分。以下是一些有助于提升网站速度的注意事项。你的主机在网站速度方面排名高吗?你的主机是否启用了缓存?不过,你也可以使用缓存插件。你的WordPress主题加载速度快吗?一些使用大量插件的花哨WordPress主题可能会大幅改变你的网站速度,所以要小心。你是否优化了图片和视频?你是否安装了构建良好的插件?你的主题和插件能否良好配合?你可以使用GTmetrix或PageSpeed Insights等工具来调查你的网站速度。

图片优化

图片优化是SEO拼图的另一部分。我们先看看在上传图片到网站前可以采取的几步措施。选择好的文件格式,例如PNG、JPEG或WebP。在这个例子中,我使用开源网站Squoosh免费更改文件格式。它还有一些其他设置值得探索。

其次,调整图片尺寸。过大的图片在用户浏览器上显示时会自动调整大小,并影响网站的加载速度。因此,请确保缩小超大图片的尺寸,因为全球大多数显示器的尺寸不超过1920×1080像素。幸运的是,WordPress在上传图片时会自动生成三种不同尺寸的版本,但那张大图仍然会占用服务器空间。

第三,减小图片文件大小。你希望在保持质量的前提下减小图片文件大小。可以使用TinyPNG或Squoosh等程序。最后,重命名图片文件,使其能说明图片内容。

当图片上传到WordPress后,建议添加替代文本(ALT文本)和图片描述。搜索引擎非常重视ALT文本。它们利用这些信息来理解图片的上下文、图片内容以及图片的用途。出于可访问性目的,图片也应包含ALT文本。你还需确保至少有一张图片的ALT标签中包含你的关键词或关键短语。

站点地图

倒数第二个技巧是关于创建站点地图。这是搜索引擎使用的东西。它就像一张地图或路线图,帮助搜索引擎找到你网站上的所有内容。站点地图不会提升搜索排名,但能帮助搜索引擎导航你网站的内容。大多数SEO插件会自动为你的网站生成站点地图,所以如果你不会编码,也不必手动编写。

本地SEO

最后,我们来谈谈本地SEO,以优化你的网站在本地搜索结果中的排名,特别是当你的客户群主要位于同一城市或都会区时。你可以做以下几件事:进行本地SEO关键词研究;在页脚或联系页面添加联系信息;发布本地化内容;获取本地反向链接——即让本地网站引用或链接到你的网站。

结论

祝你在努力提升SEO排名时一切顺利,并记得安装并激活最适合你的SEO插件。

如何备份你的网站

引言

在本课中,我们将讨论管理 WordPress 网站的一个重要部分:备份您的宝贵数据。意外随时可能发生,因此拥有网站备份以防万一至关重要。建议在更新 WordPress 核心、主题或插件之前、安装新插件或主题之前、迁移或移动网站之前以及进行重大内容更新之后,备份您的网站。我们将探讨两种备份 WordPress 网站的方法。第一,使用您的主机公司;第二,使用备份插件。还有一种手动备份网站的方法,但我们将在最后简要提及。

使用主机公司

使用主机公司进行备份可能是最简单的方法。不同的主机公司有不同的界面或备份方式。但您可以了解其工作原理,只需进入主机公司控制面板的备份和恢复页面即可。我将使用我的 Pressable 网站来解释这个过程,因为这是我拥有主机账户的地方。登录控制面板后,我会进入备份和恢复页面。在顶部,我们会看到文件系统和数据库的可用更新。我的主机公司会自动进行这些更新。

您可能会问,文件系统和数据库有什么区别?谈到文件系统备份时,我们指的是备份构成您网站的文件和文件夹。这些文件包括您的 WordPress 核心文件、主题、插件、媒体上传以及任何与网站相关的其他文件。另一方面,数据库备份侧重于备份存储在网站数据库中的数据。在 WordPress 中,数据库存储所有文本内容、设置、用户信息和其他动态数据。它包括文章、页面、评论、用户资料等。

如前所述,我的主机公司会自动更新我的网站。但在自动更新下方,您会注意到我也可以选择立即备份我的网站,这称为按需备份。让我们继续按需更新我的文件系统和数据库。现在我们可以看到最新的按需文件系统和数据库备份。这些备份也会出现在可用的文件系统和数据库备份列表中。因此,如果出现问题,需要将网站恢复到之前的版本,您只需选择备份,然后点击恢复。所以,如果您有网站备份,就永远不必惊慌。

使用插件

接下来,我们将更详细地了解使用插件的方法,如果这是您的首选选项,或者您的主机公司不提供此选项。插件目录中有各种插件可用,例如 Updraft Plus、Jetpack、Duplicator 等。在本演示中,我们将安装并激活 Updraft Plus 插件。激活后,我们可以进入设置页面。在备份和恢复选项卡下方,我们会看到下一次计划备份和现有备份。在右上角,我们会注意到一个大的操作按钮“立即备份”,允许您对文件系统和数据库进行按需备份。我现在就备份我的网站。然后,您还会看到配置备份的选项,用于数据库、文件系统或两者。接着,我们可以选择“立即备份”。

备份完成后,我们会注意到这个按需备份会显示在下面的现有备份中。如果出现问题,您只需在“操作”下方恢复您的网站。当您进入设置时,可以为您的网站设置备份计划。在这个例子中,我会设置我的网站每天更新。在右侧,您可以选择插件要保留或存储的备份数量。在下方,您可以选择备份的存储位置。还有更多选项值得探索,但一旦设置好插件,您就可以放心,需要时会有备份可用。

在云存储服务中存储副本

在此阶段,值得强调备份网站时的一个最佳实践。将备份副本存储在独立于 Web 服务器的位置。像 Dropbox、Google Drive 等云存储服务是不错的选择。这可以确保即使服务器出现问题,您的备份仍然安全。

结论

最后,您还可以选择通过 PHP、phpMyAdmin 手动更新数据库,以及通过 FTP 客户端或主机控制面板中的文件管理器手动更新网站服务器上的文件系统。这些方法更技术性;因此,如果您想了解更多,我们会添加其他资源的链接。选择哪种方法并不重要,但定期执行备份以保护您的网站及其宝贵数据至关重要。

手动备份资源

WordPress 备份

使用 FileZilla

管理网站垃圾信息


引言

我们来谈谈如何管理网站上的垃圾评论。允许用户在网站上评论是与读者或客户建立联系、构建社区的好方法。但不幸的是,允许评论也为垃圾信息发送者打开了大门。我们都收到过关于一夜暴富或购买不需要的产品的信息。当垃圾信息发送者通过博客或内容页面在你的网站上发布评论时,就产生了垃圾评论。在本课中,我们将学习如何利用WordPress的内置功能和反垃圾插件来管理和避免网站上的垃圾评论。

限制允许的链接数量

让我们从内置功能开始。默认情况下,WordPress有一些内置功能可以帮助你防止网站上的垃圾评论,你可以在仪表盘的“设置”->“讨论”页面中找到它们。第一点:限制允许的链接数量。由于垃圾评论通过反向链接运作,并鼓励访问者访问垃圾信息发送者的网站,许多垃圾评论会包含大量链接。通过限制评论中允许的链接数量,你可以捕获一些垃圾评论,将其置于待审核状态或等待管理员批准。请注意,默认链接限制设置为两个链接,但你可以将其降低到每条评论一个链接。不建议将限制设置为零,否则所有评论都将被置于待审核状态。

更新评论审核设置

你可以采取的第二步是更改评论审核设置。除了限制评论中的链接数量外,你还可以在评论审核文本字段中指定特定的词语、短语、用户名、电子邮件等,自动将包含这些元素的评论置于审核队列中。我选择了诸如赌博、保险、赢钱以及加密货币网站的链接等词语。因为这些是垃圾评论中常见的元素,你可以查看之前的评论来标记某些词语。

禁止评论关键词

接下来,你还可以禁止评论关键词,或者换句话说,你可以让包含特定词语或元素的评论自动被删除。这类似于评论审核设置,但在这里,你可以指定词语、短语、用户名、IP地址等,自动将评论放入垃圾箱。这意味着你无需手动将评论从审核队列移到垃圾箱。

禁用引用通知

你可以采取的第四步是禁用引用通知。垃圾评论中很大一部分是引用通知。引用通知和反向引用会通知你另一个博客链接了你的内容,反之亦然。然而,垃圾信息发送者经常滥用此功能,从垃圾网站发送引用通知和反向引用。

额外的内置功能

讨论页面上的最后一步是选择将所有评论设为待审核。你可以通过选择“评论必须经过手动批准”来实现。或者,你可以通过取消选择“允许用户提交评论”来完全不接收任何评论。

将评论标记为垃圾

在我们转向插件之前,让我们看看如何将评论标记为垃圾。转到“评论”,你会看到这里有两个垃圾评论。点击它们两个:“加密货币狂热”和“赢大钱”。转到批量操作,将其标记为垃圾,然后应用。

反垃圾插件

另一种管理和阻止垃圾评论的有效方法是使用反垃圾插件。许多免费和付费插件为你的网站提供垃圾保护,你可以通过WordPress.org插件目录找到它们。一些值得提及的插件包括Anti-spam Bee、Clean Talk和Akismet。插件目录中有多种插件可供选择,所以找到适合你需求的那一款。在这个例子中,我将安装并激活Akismet。转到“插件”,点击“添加新”。选择Akismet,然后点击“立即安装”。等待安装完成,然后点击“激活”。一旦点击激活,你将被重定向到一个页面,要求你设置Akismet账户。Akismet对个人使用是免费的,所以你可以选择支付多少,即使是0美元。我将向右拖动条到0美元,并继续使用个人订阅。激活后,你可以更改一些设置,以决定插件如何管理你网站上的垃圾评论。

验证码

让我们再看看几个可以考虑的安全插件。验证码是一种用于区分机器人和人类的技术。找到合适的验证码插件,因为它能让垃圾机器人很难渗透你的网站。

结论

垃圾评论插件可以阻止并删除大量垃圾评论,但无法阻止垃圾评论者访问您的网站。垃圾评论者提交评论时的大量请求可能会拖慢网站速度,影响性能。使用诸如 All in one WordPress Security and Firewall、WordFence、Sucuri 或 Jetpack 等防火墙插件,可以在这些不必要的请求到达您的网站之前就将其拦截。这些插件能够抵御试图留下评论的自动化机器人和脚本。我相信这些步骤能帮助您保护网站安全,并拦截垃圾评论者。

提升网站安全的7个技巧

介绍

欢迎来到 Learn WordPress。我们来聊聊提升网站安全性的7个技巧。

使用密码管理器

第一点:使用密码管理器,并为你的登录账户设置安全密码。像 1Password 和 Bitwarden 这样的密码管理器值得一试。不幸的是,最常见的安全漏洞之一来自人为因素。任何两个密码都不应该相同,并且确保密码至少包含10到12个字符,包括数字和符号。记住,永远不要使用 admin 作为用户名。密码管理器可以安全地存储你的密码,并让你为每个登录账户生成独特的安全密码,而无需记住每一个。

双因素认证

第二点:使用双因素认证。双因素认证可以通过为登录过程增加一层额外保护,显著提升你 WordPress 网站的安全性。这样一来,即使别人拿到了你的密码,没有第二个因素,他们也无法登录你的账户。双因素认证看似一个小步骤,但它能极大地改善你在线账户的安全性,并帮助保护你的个人信息。

你可以搜索双因素认证插件,例如 WP2FA、Two Factor Authentication,或者 Mini-orange 的 Google Authenticator。一些安全插件也包含双因素认证功能,但我们稍后会详细讨论安全插件。

审查用户基础

第三点:始终审查你的用户基础,移除不必要的用户,并对管理员用户非常谨慎。让我们进入仪表盘中的“用户”部分。像编辑、作者和投稿者这样的用户角色应该受到监控。通常,管理员角色保留给网站所有者。移除不必要的用户将最小化潜在的攻击面或攻击者可以利用的入口点。

安装可信的主题和插件

第四点:只安装来自可信开发者的插件和主题,并卸载你不使用的部分。评估主题或插件的可靠性时,需要检查几件事:查看用户反馈和评价,注意其最后更新时间,查看活跃安装数量,探索其支持和文档,并确认它与最新版本的 WordPress 兼容。

保持插件和主题更新

第五点:保持你的插件和主题更新,并记得在更新前备份你的网站。但你可能会问为什么。保持 WordPress 主题和插件更新对于维护网站的安全性、稳定性和兼容性非常重要。更新通常包含安全补丁,用于修复软件漏洞,以及可能导致网站故障或崩溃的错误修复。攻击者也可能利用这些错误来获得对网站的未授权访问。通过保持网站更新,你可以确保网站免受最新安全威胁的侵害,并顺利运行最新的网络技术。

使用安全插件

第六点:安装一个安全插件,比如 WordFence、Jetpack Security 或 i-Themes,来扫描你的网站是否存在任何已知漏洞。还有许多其他插件,如 PatchStack、All-in-One Security,也可以在插件目录中找到。网站安全插件可以帮助保护你的网站免受常见网络威胁,阻止恶意流量,并提醒你潜在的安全问题。本质上,安全插件将帮助你维护网站的安全性和完整性。

关注安全博客

第七点:适合更高级用户。关注像 PatchStack、WPScan 或 Sucuri(注意拼写中的 u)这样的安全博客,它们会报告任何新漏洞,以及相关的更新和新兴网络威胁。

额外步骤

此外,还有一些其他步骤值得探索。首先,选择可靠的主机服务商。其次,如果你的主机尚未安装 SSL 证书,安装一个可以让你启用 HTTPS,确保信息不以明文形式传输。第三,使用垃圾检测工具,特别是如果你有博客或允许在文章上评论。

结论

祝你在保持网站安全方面一切顺利。

在网站中嵌入媒体和第三方内容

简介

本教程将展示如何快速在您的网站上嵌入媒体和第三方内容。嵌入是一种在网站上显示外部媒体或内容的方式,无需直接上传或托管这些内容。通过嵌入,您可以无缝整合各种类型的内容,例如视频、社交媒体帖子、地图、音频片段等。例如,您可以在网站上显示来自 Spotify 的播客,或者来自您 Tumblr 账户的帖子——我曾在“列”块中通过更改背景颜色来展示这些帖子。最常见的嵌入可能是嵌入来自 YouTube、Vimeo 或其他平台的视频。您甚至可以使用 CrowdSignal 向网站添加调查问卷,或者决定在网站上添加来自 X 的帖子。最后,您还可以显示来自 SoundCloud 的音乐。要添加嵌入块,请点击左上角的“插入器”,然后向下滚动到“嵌入”部分。在这里,您会看到所有可用的不同嵌入块。

嵌入块

首先是嵌入块本身。当您选择嵌入块时,可以显示来自其他网站的内容。现在我已经选择了这个块,它会提示“粘贴您想显示在网站上的内容的链接”。我已经复制了一个我的 X 帖子的 URL,将其粘贴并点击“嵌入”。然后,我们会看到该帖子显示在网站上。您也可以使用为特定第三方服务构建的嵌入块,例如 X、YouTube、WordPress、Vimeo、CrowdSignal、PocketCasts 等,正如左侧列表中所示。与其使用通用的嵌入块,我们也可以使用 X 嵌入块来达到同样的效果。

YouTube 和 Spotify 块

在下一个示例中,我不会点击左上角的“插入器”,而是输入斜杠和块的名称。我想在网站上添加一个 YouTube 视频,所以我会输入斜杠 YouTube,选择该块,然后添加视频的 URL,再点击“嵌入”。但 WordPress 让添加第三方内容变得更加简单。实际上,您甚至不需要添加块。您只需将 URL 直接粘贴到页面或文章中即可。让我们再看另一个例子。我不会插入 Spotify 嵌入块,而是直接将 Spotify 播客的 URL 粘贴到我的页面中。

将嵌入块转换为列块或组块

您知道可以将嵌入块转换为列块或组块吗?转换为这些块之一可以让您更改背景颜色和布局。我想添加一个 TED 演讲,所以我会输入斜杠 TED,选择该块,然后粘贴演讲的 URL。完成后,我会选择块工具栏,并将此块转换为列块。然后,我会打开侧边栏设置,将其从一列改为两列。接着,我会在右侧列中添加另一个 TED 嵌入块,粘贴第二个视频的 URL,然后点击“嵌入”。我会选择列块或容器块,然后在块工具栏中将对齐方式改为宽宽度。然后,您可以进入“样式”,更改块的背景颜色、调整内边距等。但如果嵌入块不起作用怎么办?

HTML 块

这时我们可以使用 HTML 块。例如,嵌入块不适用于 Facebook 或 Instagram 帖子。让我们找到我们的一条 Facebook 帖子。点击三个垂直点,点击“嵌入”,复制 HTML 代码,返回您的网站,输入斜杠 HTML,然后选择自定义 HTML 块。接着,我们可以粘贴代码。我们可以点击块工具栏中的“预览”来查看帖子将如何显示。

结论

我相信您现在已拥有在网站上嵌入第三方内容所需的所有工具。

使用区块模式

简介

我们已经学会了使用和组合区块来构建我们的网站。但你知道吗,有一种更快创建自定义内容布局的快捷方式,那就是使用区块模板。我们并非都是设计师,创建布局也很耗时。区块模板提供了一种解决方案。本课的学习目标是使用和修改现有的预制区块模板,探索区块模板目录,创建你自己的同步和非同步模板,最后利用页眉和页脚模板。

什么是区块模板?

但什么是模板呢?区块模板是预先设计好的区块组布局,可供修改和调整以满足你的需求。它基本上能节省你的时间,同时还能提升创意和设计水平。你无需自己嵌套和组合区块,模板已经为你完成了这些工作。只需点击一下,你就能获得美观且功能丰富的布局,包括行动号召、页眉、列、画廊等等。

添加主题模板

要添加模板,请点击左上角的加号图标(也称为插入器),然后打开右侧“区块”旁边的“模板”选项卡。在顶部,你会看到所有模板。下面是你自己创建的所有同步和非同步模板。同步模板带有紫色图标,非同步模板则没有,但稍后会详细介绍同步和非同步模板。在“我的模板”下方,你会看到你的主题自带的模板。它们按不同类别组织,方便你查找所需内容。点击某个类别后,向下滚动即可预览所有可用的模板。

你也可以选择底部的“探索所有模板”,以概览主题自带的所有模板。你还可以按类别逐一浏览。让我们看一个简单的例子。当你选择一个模板(这里是我“精选”类别中的一个)时,你可以修改该模板以满足你的设计要求。它可以像任何其他区块一样轻松编辑。你可以更改容器区块的对齐方式。你可以编辑标题、更新内容、替换图片,例如,还可以更改模板的背景颜色以及其他样式选项。但所有繁重的工作和布局已经为你完成。你只需选择模板并进行修改,以满足你的需求。

使用模板目录

你的主题自带的模板是有限的。如果你想要更多模板可供选择,可以探索区块模板目录。为此,让我们前往 WordPress.org 网站。点击“扩展”,然后选择“模板”。在这里,你可以搜索并找到适合你网站的新模板。你会注意到有一个选项可以只查看精选模板,或者查看由 WordPress 社区添加的数百个模板。你可以在搜索框中输入内容、按类别搜索,或者浏览所有可用选项,直到找到你想要的。找到你需要的模板后,可以点击“星标”将其添加到收藏夹。当你准备好将模板添加到你的网站时,打开该模板,点击“复制模板”,返回你的网站,然后粘贴。接着,你就可以开始更改和修改你的模板了。这是我根据设计需求调整后的模板样子。

管理模板

当你进入站点编辑器,在侧边视图中会看到一个“模板”选项卡。在这里,你可以管理、编辑和创建所有模板(无论是同步还是非同步),以及你的模板部件。点击“我的模板”后,你会看到所有自定义模板。同步模板带有紫色图标,非同步模板则没有。如果将鼠标悬停在紫色图标上,它会明确显示:“编辑此模板也会更新所有使用它的地方”。在自定义模板下方,我们会看到所有可用的类别以及你的主题提供的模板。还值得注意的是,当你点击主题自带模板的三个垂直点图标时,你也可以复制该模板并将其添加到你的自定义模板区域,当你将其保存为自定义模板后,就可以随意修改它。在底部,你会找到所有页眉、页脚和通用模板部件模板。

自定义模板

让我们从你自己的模式开始。如果你点击“模式”旁边的加号图标,就可以创建自定义的同步或非同步模式。命名后,你可以将其添加到相关类别中,比如这里的“行动号召”类别,然后可以选择是否同步。在这个例子中,我会选择同步模式,底部会显示“在多个位置同步此模式”。现在你可以开始创建同步模式,完成后点击“保存”。要在区块编辑器中创建模式,只需选中设计,点击区块工具栏的三个竖点,然后选择“创建模式”。接着重复之前的步骤,我会再次选择同步模式。所以,如果你喜欢某个设计,可以保存并作为同步或非同步模式重复使用。

模板部分模式

最后,我们来谈谈模板部分。要管理你的页眉和页脚,可以使用模板部分模式。模板用于创建网页设计,通常通过添加页眉和页脚模板部分来实现。我们来看一个例子,打开页面模板。打开页面模板后,我们可以选择当前的页眉,然后点击三个竖点。接着选择“替换页眉”。这时,你可以选择现有的模板部分或主题自带的模式。页脚的操作方式完全相同。在“模式”下方,你可以管理和编辑现有的模板部分。要添加新的模板部分,点击“模式”旁边的加号图标,选择“创建模板部分”。在这里,你可以选择创建通用、页脚或页眉模板部分。要创建新的页眉模板部分,适当命名,选择“页眉”,然后点击“创建”。

结论

然后,你就可以在模板编辑模式下开始构建新的页眉了。我们相信模式也会成为你最喜欢的新工具之一。

嵌套与使用区块创建视觉吸引内容

引言

正如我们所学到的,区块是构建在线家园的基石。你可以将它们视为网站的实体积木。在本课中,我们将基于对区块的了解,探索使用各种类型的区块,以及嵌套和分组区块来创建不同的布局。

嵌套区块

嵌套区块通过在一个区块内部添加多个区块,帮助你创建更复杂的布局。我们通常使用容器区块,如群组区块、列区块、封面区块、媒体与文本区块或行区块,来将内容分组在一起。

提醒一下,当你打开列表视图时,你可以在内容层和嵌套区块之间导航。让我们看看这个主页上的第二个部分,来实际体验一下。我会选择列区块。当我们展开列区块时,会看到内部的所有区块。在左列中,我们会看到一个标题区块、一个分隔区块和一个段落区块。在右列中,我们会看到一个包含四张图片的图库区块。让我们一起来创建一些示例。

群组区块

首先,我将使用群组区块将一些区块分组在一起。但首先,我会添加一个标题区块,并给它起一个合适的名称。在这个例子中,标题是“笑是最好的良药”。然后我按回车键,添加一个列区块,选择两列等宽,然后在左列和右列中添加一些文本。接着,我会在列表视图中按住 Shift 键并点击鼠标来选择这两个区块,这样我就能选择多个区块,然后使用区块工具栏将它们分组到一个群组区块中。

接下来,我想将群组区块的宽度改为宽幅。但在那之前,我必须取消选中“内部区块使用内容宽度”。只有取消选中这个选项后,嵌套区块才能使用内容宽度选项,比如宽幅和全宽。如果我不取消选中这个选项,我就无法将对齐方式改为全宽。正如你所见,什么都不会发生。所以一旦取消选中,我可以返回区块工具栏,将宽度改为宽幅,而不受主题的限制。

接下来,我们可以打开样式标签,进一步为我们的区块设置样式。我首先要做的是更改群组区块的背景颜色。请注意,如果你愿意,也可以为群组区块添加背景图片。点击排版旁边的三个垂直点,查看所有可用选项。接下来,我会添加一些内边距,为区块内容创造更多空间。你可以决定进一步为群组区块设置样式。

当页面上有多个内容层时,你可以使用群组区块来重命名部分。所以,在上面的例子中,我们会看到第一个部分叫做“我们的故事”,现在我可以选择下面的群组区块并重命名它。在这个例子中,重命名为“推荐语”。因此,群组区块的这个功能将允许你构建和组织内容。

媒体与文本区块

在下一个示例中,让我们使用媒体与文本区块来分组区块。所以,让我们添加媒体与文本区块。然后,在左侧,我们可以从媒体库中添加一张图片。在右侧,我们可以开始添加内容。在顶部,我会添加一个标题,命名为“寿司是艺术”。按回车键,然后添加一些文本。在底部,我想添加一个行动号召,或者在这个例子中,是一个按钮区块。然后我会写上“了解更多”,并使用区块工具栏将文本加粗,并添加相关的 URL。接着,我会在列表视图中选择父区块,并将对齐方式改为宽幅。如果你想要更改并让图片显示在右侧,也可以使用区块工具栏。在设置下方,我会将媒体宽度改为 40。然后,我会打开样式标签,在内容周围添加一些内边距。最后,我会将图片的垂直对齐方式改为底部对齐。

列区块

在下一个示例中,我们将使用列区块。列区块是创建复杂布局或设计最有效的区块之一。所以,让我们添加一个列区块,然后选择三列等宽。在左列中,我会添加一些文本,命名为“拼盘”,按回车键,然后添加一个段落。在下面,我会添加一个图片区块,并从媒体库中选择一张图片。然后,我会选择顶部的文本,将其加粗并放大字号,接着将两个段落的文本居中。一旦居中对齐,我会选择图片区块,将宽高比改为正方形。然后我会选择主要的列区块或父区块,将对齐方式改为宽幅。

之后,我会进入样式设置,为区块内容添加内边距,并在三列之间设置区块间距。完成样式调整后,我会选中左侧列并复制两次。复制完成后,我们就可以删除空白列。接着,我们可以根据需要自由修改内容。

封面区块

在最后一个示例中,我们将使用封面区块。封面区块允许你在图片或视频上方显示文字及其他内容,非常适合用于页眉和横幅式展示。那么,我们直接添加封面区块。你会看到可以选择颜色叠加层。不过我会从媒体库中选择一张图片作为背景。然后添加一些文字,接着添加一个按钮区块。我会输入”下单”并修改行动号召按钮的背景色和文字颜色。接着选中这两个区块,用堆叠区块将它们组合在一起。这样就能同时自定义这两个区块。然后将堆叠区块居中对齐,选中封面区块并将对齐方式改为宽幅。别忘了取消勾选”内部区块使用内容宽度”。现在我们可以进行进一步调整。我会放大”享受八折优惠”的文字和按钮区块。我还想让按钮区块的文字加粗,别忘了添加你的网址。然后选中封面区块,请注意在区块工具栏中可以切换全屏高度。但我们也可以手动缩小或放大尺寸。接着打开样式选项卡,将叠加层透明度改为30使其更淡。这样我的封面区块就准备好了。相信你现在对嵌套和组合区块已经更有信心了。

创建并自定义页眉和页脚

引言

在本课中,我们将创建并自定义页眉和页脚。区块主题允许我们使用区块构建整个网站,包括页面、文章、模板和模板部分。我们已经探讨了嵌套区块和使用区块模式。在本节中,我将使用主题自带的模式创建并自定义网站的页眉和页脚。页眉和页脚模式为您提供了坚实的基础,大部分布局已经为您完成。

静态首页和文章页

在开始之前,我想强调一下,我使用的是 Twenty Twenty-Four 区块主题。如果我进入“设置”->“阅读”,您会注意到我设置了静态首页和文章页。因为我已经这样做了,如果我们进入“页面”并打开首页,我们会注意到首页已分配到默认页面模板,与导航菜单中的其他页面相同。

页眉和页脚模式

让我们开始吧。我们将进入站点编辑器,在这里我们可以编辑和更新模板。请注意,在此阶段,所有模板共享相同的页眉和页脚。例如,如果我们打开页面模板,会注意到它与 404 模板和单篇文章模板相同。但这意味着什么呢?这意味着如果我们自定义当前的页眉和页脚模板部分,它将自动更新所有使用它的模板。但如果我在某个模板上替换了页眉或页脚,我也需要手动在其他所有将使用它的模板上进行替换。

添加页眉模式

那么,事不宜迟,我将打开页面模板,开始自定义页眉和页脚。让我们从页眉开始,打开列表视图。我想替换页眉,所以点击三个垂直点,然后选择“替换页眉”。现在,我可以从主题自带的一系列模式中进行选择。我将选择“全宽背景图像中的页眉”。选择后,我将开始修改。我会确保选择封面区块,然后用我已上传到媒体库中的图像替换背景图像。接下来,我将选择站点徽标区块,并上传一个我已保存为媒体库中徽标的透明图像。然后,我将再次选择封面区块,打开样式,并将不透明度改为零,因为我选择了一张浅色图像。完成后,我将选择站点标题区块,并选择一种较深的文本颜色。然后点击排版旁边的三个垂直点,选择字体系列并选择一种新字体。我还想放大站点标题,所以我会设置一个自定义大小。

然后,我们可以继续处理导航区块。选择导航区块后,我将打开样式,更改文本颜色,更改字体系列,并通过设置自定义大小来放大导航菜单。最后一步,我想在行区块周围添加一些内边距。所以,我将打开样式和下方的尺寸设置,添加更多内边距以在文本周围创造更多空间。然后,我们的新页眉就完成了。下一步是保存,然后使用我通过模式创建的这个新页眉更新其他模板。例如,让我们打开 404 模板并替换页眉。现在您会在下方看到:现有的模板部分。我们可以保存,然后对所有其他相关模板执行相同操作。

自定义页脚模式

现在,我们可以返回页面模板,继续处理页脚。在这种情况下,我不会替换页脚,而只是更新现有模式,然后它会自动更新所有其他模板。首先,我将放大站点徽标区块,并在站点标题下方的站点标语区块中添加我的站点标语。现在,我们可以处理右侧的三列。我将选择中间区块的标题,并将其改为“快速链接”。然后,我将选择已添加了虚拟内容的导航区块。在侧边栏设置中,在“菜单”旁边,点击三个垂直点,然后选择页眉导航。我还会打开设置选项卡,再次确认方向是垂直的。现在,我们可以继续处理下一列;这次,我将用新的导航菜单替换虚拟内容。所以,我将点击“创建新菜单”,然后选择我已创建的隐私政策页面以及条款和条件页面。在最后一列,我将确保更新指向我社交媒体平台的链接。目前是虚拟内容,因此我将用正确的链接替换井号。现在,我的页脚完成了,当然,我还可以进行进一步修改。保存后,我们可以前往其他模板,例如 404 模板,我们会看到页脚已自动更新。这是当我访问联系页面时前端的视图。

结论

我相信页眉和页脚模式将为您提供助力,并为您的页眉和页脚设计提供坚实的基础。