如何备份你的网站

引言

在本课中,我们将讨论管理 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 模板,我们会看到页脚已自动更新。这是当我访问联系页面时前端的视图。

结论

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

设置页面、文章、网站标志和导航菜单

引言

在本课中,我们将应用目前所学的内容,设置页面、文章、网站标志和导航菜单。

设置页面

首先,我们来创建页面。我将进入页面,点击“添加新页面”,然后就可以添加或选择主题自带的模板。我使用的是默认的 Twenty Twenty-Four 主题。我会选择一个喜欢的模板,并将其命名为“首页”。发布后,我返回页面,添加下一个页面。这次我不选择模板,将这个页面命名为“博客”。接下来,我会创建一个“关于”页面,并选择相应的模板。最后,我还会创建一个“联系”页面,不选择模板。现在,我的页面已经就位了。

设置首页显示

接下来,我进入“设置”,点击“阅读”。对于首页显示,我会选择“静态页面”,并将“首页”设置为静态首页,将“博客”页面设置为文章页。提醒一下,如果你选择了“最新文章”作为首页显示,那么你需要修改博客首页模板来展示这个首页或主页,因为没有创建具体的页面。请注意,当我们打开静态首页并打开设置侧边栏时,会注意到这个页面被分配给了“页面模板”或默认页面模板,而我的博客页面或文章页被分配给了“博客首页模板”,并且这个不能更改。然后,我们还会注意到,我的其他页面也被分配给了通用或默认页面模板,和我的首页一样。

设置文章

接下来,我们把注意力转向文章。你会注意到,我已经创建了两篇文章,以及分类和标签。提醒一下,分类用于将内容归类到主要主题或部分,而标签就像标签一样,提供关于内容的特定细节。举个例子,我来添加一篇新文章。这篇文章是关于纽约的,我会添加一些虚拟内容。然后,我会打开设置侧边栏,选择相关的分类,这里选择“旅行”,并添加一个新标签,即“城市”。最后,我会设置特色图像或文章缩略图。特色图像当然是文章的代表性图片,设置好后,我们可以点击发布,然后查看我们的三篇文章及其相关分类和标签。

设置导航菜单

接下来,我们仔细看看导航菜单。进入“外观”,点击“编辑器”。这将打开站点编辑器,我们会看到右侧的首页。如果打开首页,我们会看到创建页面时添加的虚拟内容或模板。顶部是主题提供的页眉模板。如果我们尝试编辑这个页眉,会看到一条消息说“编辑模板以编辑此区块”。我们点击“编辑模板”。现在,我们可以编辑页面模板的页眉。请注意,这个页眉也会出现在博客首页模板中。所以,如果我们对页面模板中的页眉做了任何更改,它也会自动更新到博客首页模板中。如我们所见,右上角有导航菜单,很棒的是,这个导航菜单是在我们创建页面时自动添加的。当我们选择导航菜单并打开列表视图时,会注意到导航项仍然是页面列表的一部分。所以,要更改这一点,请在设置侧边栏中点击“编辑”以分离页面列表,这样你就可以单独管理导航项。分离后,你可以使用列表视图重新排序导航项。或者,你可以使用导航区块工具栏的箭头将项目重新定位到你想要的位置。

接下来,我决定在导航菜单中添加社交链接。所以,当我点击导航区块的插入器时,我会插入一个社交图标区块,然后选择相关的社交媒体平台。这里选择 X 和 Instagram。别忘了添加相关的 URL。当你选择导航区块时,可以点击设置侧边栏中的三个垂直点来创建新菜单或选择现有菜单。当你选择“设置”时,可以更改导航菜单的对齐方式以及方向。在下面,你还可以选择汉堡菜单,当你的网站在较小设备上查看时会显示。当你点击“样式”时,有多种选项可以进一步样式化你的导航菜单。

设置网站标志

接下来,我们来谈谈网站标志区块。你会注意到,主题提供的页眉模板包含一个网站标志区块。点击网站标志区块,从媒体库添加新图像或直接从电脑上传。我会上传一个已经放在桌面上的标志。然后,我会稍微放大它。

将导航菜单添加到页脚

接下来,我还想将导航菜单添加到页脚。当我们向下滚动时,会注意到快速链接下方有一些示例内容,这些内容是我主题自带的默认页脚模板的一部分。因此,当我打开列表视图并选择导航区块时,可以点击设置侧边栏中的三个垂直点,然后选择相关的导航菜单。

选择样式

现在,我的导航菜单已经分别放置在页眉和页脚中。如前所述,当我们进入博客首页模板(即我的文章页面模板)时,会看到页眉和页脚是相同的。当所有这些元素都就位后,我们需要为网站确定整体风格。因此,当我们进入样式设置时,可以自定义网站的排版、颜色和布局。或者,如果点击浏览样式,就能以缩略图方式查看主题附带的所有不同样式组合。我将以 Rust 风格为例进行选择。

添加内容

现在,我们已经设置好了页面、文章、导航菜单、网站徽标和样式,接下来可以为页面添加内容,并修改已添加的一些模板。对于像联系我们这样没有模板的页面,我们可以从头开始构建。要调整文章的显示方式,我们需要进入博客首页模板。打开博客首页模板后,我们可以自定义博客页面以及查询循环区块,从而决定博客文章或动态内容的显示方式。

使用模板部件

简介

在本课中,我们将更深入地了解如何使用模板部分。通过本教程的学习,你将能够描述模板部分是什么以及它们如何工作,编辑模板部分,并在模板中替换它。如果你访问一个设计良好的网站,你会注意到其优势之一就是一致性。网站的页眉、页脚和侧边栏通常包含相同或相似的内容,以便访问者无论身处网站的哪个位置,都能轻松找到所需信息。

为了达到这种效果,网页设计师是否需要在每个网站页面上从头构建页眉、页脚和侧边栏?简短的回答是:不需要。使用 WordPress 区块主题,你将使用一个称为模板部分的功能。

什么是模板部分?

首先,什么是模板部分?模板部分是一组区块,你可以用它们来创建模板中重复的部分,比如页眉、页脚和侧边栏。让我们在 WordPress 仪表盘中实际操作一下。前往“外观”,然后点击“编辑器”。这将带我们进入站点编辑器,然后我们打开其中一个模板,本例中是博客首页模板。

我们在模板中创建和修改页眉和页脚模板部分。一些区块主题提供更多或更少的选项,但几乎所有主题都预装了页眉和页脚,就像你在 Twenty Twenty-Four 主题中看到的那样。WordPress 通过提供现成可用的页眉和页脚模式,使操作更加简单。因此,当你点击页眉模板部分的三个垂直点并选择“替换页眉”时,你首先会看到现有的模板部分。这些是我已经创建的模板部分。然后,在下面,我们会找到页眉模板部分模式。你可以选择主题附带的任何模式。如前所述,某些主题可能提供更多,某些则更少。页脚的操作方式完全相同。

编辑模板部分

让我们从编辑页眉模板部分开始。当你在博客工具栏中点击“编辑”时,你可以在编辑模式下专注于页眉模板部分,而不会受到其他干扰。首先,让我们打开“列表视图”。然后,我将继续向页眉模板部分添加我的站点徽标。选择“站点徽标”区块后,我可以从媒体库或计算机上传图像。

接下来,我将选择“站点标题”区块,并添加此网站的站点标题。然后,我将保存我的页眉模板部分,并返回博客首页模板。提醒一下:模板部分是同步的,并且会在所有使用它们的地方更新。你会注意到紫色表示模式已同步。让我们在其他模板中实际验证一下。例如,当我们打开页面模板时,会看到页眉完全相同。或者当我们打开 404 模板时,会看到更改也已应用到这里,因为模板部分是同步的。

如果你希望首页有不同页眉,而网站其余部分使用标准页眉,该怎么办?在这种情况下,你需要创建一个新的页眉模板部分,或者用模式替换页眉,并将其添加到博客首页或首页模板。我将修改我的博客首页模板,因为我已将文章页面选为首页显示。所以我会确保选中页眉,点击三个垂直点,然后选择“替换页眉”。现在,你可以使用模式或现有模板部分替换首页页眉。我将用一个现有的页眉模板部分替换页眉,这个部分我已经创建好了,叫做“横幅页眉”。现在,我的首页将拥有自己独特的页眉。保存后,我们可以查看其他模板,确认它们仍然使用标准页眉。

从头创建模板部分

最后,我们来谈谈从头创建模板部分。前往“模式”,然后向下滚动到“模板部分”。你可以在这里查看所有现有的页眉、页脚和通用模板部分。要创建新的模板部分,请点击“模式”旁边的加号图标,然后选择“创建模板部分”。在这里,你可以选择不绑定到特定区域的通用模板部分、页眉模板部分或页脚模板部分。在本例中,我们将创建一个页脚模板部分。

首先,我们需要给它取一个合适的名称。这里就叫“四列页脚”,然后点击“创建”。这会再次进入专注模式;从这里开始,我们可以从零开始构建。为了省事,我会从“模式目录”中快速获取一个现成的模式。前往 wordpress.org,点击“扩展”,选择“模式”。在这里,你可以从数千个模式中进行选择。我会选择“社区贡献”,点击“页脚”,然后搜索合适的模式。一旦找到喜欢的模式,你可以复制它,返回你的网站并粘贴。现在你可以开始修改它以满足你的需求。更新完成后,我们可以返回模式区域,你会注意到新的页脚已成为现有模板部件的一部分。你可以将其添加到任何模板中。当选择“管理所有模板部件”时,你可以重命名和删除自定义模板部件,或者清除主题提供的模板部件的自定义设置。我相信你现在已经能够自如地编辑模板,并为你的网站创建页眉和页脚了。

使用页面模板

学习成果

在本课中,我们将更深入地探讨模板。在本教程结束时,我们希望能够区分页面和模板,知道如何修改我们的基础模板之一,如何添加新模板,以及最后如何将自定义模板分配给页面或文章。

定义

模板提供了页面显示的结构。这通常包括一个头部模板部分、一个内容区域和一个底部模板部分。我认为从一开始就澄清以下信息很重要。模板不是用来发布内容的;模板用于文章或页面,通过文章内容块显示您的内容。顾名思义,模板是可以应用于单个或多个页面和文章的设计模板。

探索模板

要访问模板,请前往外观并点击编辑器。这将带您进入站点编辑器。编辑器可用于自定义整个站点的样式、编辑页面、修改模板以及管理站点上所有不同的模式。当您开始构建新网站时,您可以编辑现有模板或添加新模板,而您使用的主题将决定哪些现有或内置模板可供使用。

首先是页面模板,它创建了显示单个页面的结构。接下来是单篇文章模板,它显示单篇博客文章。索引模板显示文章,而404模板则在未找到内容时显示。当然,这些模板都可以根据您的喜好进行修改。还有其他值得探索的内置模板,例如空白模板。要添加新模板,请点击模板旁边的插入器或加号图标。会出现一个模态框,您可以在其中选择不同的模板选项。例如,您可以为特定页面创建模板,为所有文章分类或单个分类创建模板。您甚至可以创建自己的自定义模板,该模板可以应用于任何文章或页面。当您创建新模板时(在本例中是自定义模板),并且在命名之后,系统会询问您是否要选择一个模式,如果您想从空白开始,只需选择跳过。

编辑模板

接下来,我们如何编辑模板?选择相关模板后,您可以点击侧边栏中页面旁边的编辑图标,或右侧模板屏幕上的编辑图标。一旦模板打开,您就可以开始编辑头部和底部模板部分。

让我们暂停片刻反思一下。当您编辑模板时,必须记住区分动态部分和静态部分。动态部分是内容部分,对于使用该模板的每个页面或文章都会发生变化。正如您在此示例中看到的,页面或文章的内容将显示在已添加到模板中的文章内容块所在位置。静态部分是模板中保持不变的可重用部分,例如头部和底部。因此,我们不会向模板添加任何内容。因此,站点编辑器明确区分了编辑页面内容及其模板,使您更容易在两种模式之间切换并在适当的上下文中查看它们。

让我们看看实际操作。让我们继续打开我们的一个页面。在本例中,是我的示例页面。一旦我们打开页面,我们也可以继续打开列表视图。当我们选择文章内容块时,我们会注意到我们添加的所有内容都已添加到文章内容块中。您也会在右侧的设置侧边栏中看到这一点。

但是,如果我尝试编辑头部和底部会发生什么?让我们继续点击头部尝试修改它。您会看到弹出消息,提示您需要编辑模板才能编辑此块。底部也是如此。如果我们尝试编辑底部,系统会提示我们前往模板。因此,要执行此操作,我们可以点击右侧设置侧边栏底部的编辑模板。这将带您进入已分配给相关页面的模板。现在,我们可以继续更新头部和底部。我们还会注意到文章内容块只是一个占位符。我们不能在此处添加任何内容。

接下来,我将选择我的底部,点击三个垂直点,然后用我现有的一个底部模板部分替换此底部。完成后,我将点击保存。我现在已经更新了我的页面模板。如果您想返回页面,请点击工具栏上的返回。这将带您返回页面,以便修改内容。您可以单独编辑模板。当我们回到侧边视图侧边栏中的模板时,我们会注意到最底部有一个管理所有模板的选项。当您选择此选项时,您将能够重命名和删除您创建的自定义模板,或者清除您修改过的内置模板的自定义设置。

分配模板

在下一节中,我们将讨论如何为页面或文章分配不同的模板。现在,我们正在示例页面的前端,并且已经将此页面分配给了页面模板。我提前创建了一个自定义模板,其中包含新的页眉和页脚。

要分配新的自定义模板,我们可以点击顶部的“编辑页面”,或者进入仪表盘,打开“页面”,选择相关页面,在本例中是示例页面。打开页面后,我们会看到内容,但当我们打开右侧的侧边栏设置时,会发现此页面已分配给了默认的页面模板。如果点击模板名称,你会注意到可以从此处添加新模板。你可以编辑分配给页面的模板,或者如果点击下拉菜单,可以选择或为此页面分配一个新模板。我将选择我创建的自定义模板。完成后,我会点击更新。我们可以在新标签页中预览页面,现在会看到此页面有了新的页眉和页脚,这是因为我已经为此页面分配了自定义模板。

页眉和页脚模板部件

最后,让我们简要讨论一下用于设置模板的页眉和页脚模板部件。你可以直接在模板中编辑页眉或页脚模板部件。在这个例子中,我正在编辑我的页眉模板部件,并将我的站点标题和站点标语块堆叠在一个组合块中。然后,我还会确保打开设置侧边栏,移除两个块之间的一些间距。当你选择页眉或页脚模板部件时,会看到一个“编辑”选项。选择“编辑”后,你可以在模板编辑模式下无干扰地编辑模板部件。

另一个选项是进入站点视图侧边栏中的“模式”。选择“模式”后,你可以滚动到底部,在这里可以查看和修改你的页眉、页脚和通用模板部件。要添加新的模板部件,请点击“模式”旁边的加号图标,然后选择“创建模板部件”。你可以在通用、页眉和页脚模板部件之间进行选择。通用模板部件不绑定到任何特定区域;记得给你的模板部件起一个描述性的名称。当你点击模板部件下方的三个水平点时,可以重命名、复制或删除它。当你选择模板部件时,可以在编辑模式下无干扰地修改它,如前所示。

结论

我们希望你现在对模板的工作原理有了更好的理解。回顾一下,模板提供了内容显示的结构,这通常通过页眉和页脚模板部件来实现。模板可以分配给单个或多个页面。