站点编辑器入门

简介

让我们探索一下站点编辑器,它允许你使用区块设计网站上的所有内容,从页眉到页脚以及中间的所有部分。让我们进入“外观”并点击“编辑器”。这将打开站点编辑器。左侧是站点视图侧边栏,这个精巧的工具让你可以深入了解网站的关键部分,包括导航、样式、页面、模板和模板部件。本教程旨在让你深入理解这些元素。

导航

让我们从顶部的导航开始。在这里,你可以快速查看和调整所有菜单。它是你管理菜单的指挥中心。你可以直接进行简单的编辑,比如重新排序。当你点击菜单项名称旁边的三个垂直点时,可以根据需要重命名、复制和删除该项目。如果在编辑模式下打开,你可以不受干扰地进行某些更改。更新会同步到整个网站。当你点击加号图标时,可以添加新页面或其他菜单项。你会注意到导航区块在此区域被锁定。如果你想设计导航菜单的样式,必须打开它所属的模板或模板部件。

样式

接下来,我们来谈谈样式。当你选择“样式”时,你将能够浏览主题附带的各种不同样式组合。当你点击“编辑样式”时,可以在此处浏览样式,然后更改网站的排版、颜色和布局。让我们看看它是如何工作的。当你点击“排版”时,可以管理文本、链接、标题、说明文字和按钮的排版设置。一个很棒的新功能是,你现在还可以访问字体库。在“字体”下方,我们会看到已添加到主题中的字体。但当我们点击“管理字体”时,我们可以安装、移除和激活本地字体和 Google 字体,使其适用于任何区块主题的整个网站。当你点击“安装字体”时,可以在网站上安装任何 Google 字体;如果你想从电脑上传字体,可以点击“上传”。请确保你拥有上传字体的使用权限。在“排版”下方,我们会看到“颜色”。在这里,你还可以更改网站上不同全局元素的颜色。当我们进入“布局”时,会注意到你甚至可以控制内边距和区块间距等元素。

样式手册

如果你再往下看,可以为整个网站自定义特定区块的外观。要查看编辑这些区块时它们会如何变化,请前往网站的“样式手册”。你会注意到顶部有一个小眼睛图标。样式手册允许用户预览可以插入到网站中的每个区块。它为你提供或展示了一个快速预览,让你了解全局样式将如何影响显示的区块,而无需用户将这些区块插入到模板中。同样重要的是,区块的样式可以在样式手册中进行调整。例如,让我们更新“按钮”区块,通过更改背景颜色和将字母大小写改为大写。如果你喜欢看到的效果,可以继续点击“保存”。另请注意,在样式手册中更改单个区块的样式会优先于你设置的全局样式。

样式修订

在这里,我们还需要谈谈样式修订。让我们继续点击样式手册图标旁边的“样式修订”。当你在样式手册中编辑模板时,样式修订会打开。样式修订功能提供了一种可视化方式,让你可以浏览样式随时间的变化,如果你找到更喜欢的样式或想恢复到之前的版本,可以轻松地回退到先前阶段。你只需选择版本,然后点击“应用”。在这个例子中,我正在编辑一个模板,并将遵循相同的过程。我会打开样式修订,选择一个之前的样式,然后点击“应用”进行回退。当你点击样式旁边的三个垂直点时,可以重置样式并添加额外的 CSS。

页面

在“样式”下方,我们可以进入“页面”来创建和发布页面。要添加新页面,请点击页面旁边的加号图标并创建草稿。当然,你也可以在仪表盘或 WP 管理后台中创建新页面。接下来,让我们打开一个现有页面,比如我的“关于”页面。当你打开一个页面时,重要的是要记住向“内容”区块添加内容。换句话说,“内容”区块是所有内容的容器。第二件要记住的事情是,在编辑页面时,你不能自定义页眉和页脚。这属于管理模板的一部分。如果你点击页眉,会收到一条消息,提示“编辑你的模板来编辑此区块”。如果你想修改分配给此页面的模板,可以点击“编辑模板”。在这个例子中,这将带你进入页面模板。在这里,你可以修改页眉和页脚。你不能向模板添加内容。内容当然会添加到文章和页面中。在此上下文中,“内容”区块只是一个占位符。

模板

这就引出了我们的下一个主题,即模板。模板为内容的显示方式提供了结构。当你选择模板时,会注意到主题自带的一系列模板,也就是内置模板。例如,显示单个页面的页面模板、作为备用模板的索引模板,或者显示单篇文章布局的单篇文章模板。而在最底部,我们会看到任何自定义模板。当你点击模板旁边的加号图标时,可以添加各种新模板,甚至是可以应用于任何文章或页面的自定义模板。让我们打开页面模板,以便更好地理解模板的工作原理。模板提供结构。一个模板通常包含一个头部模板部分和一个底部模板部分。

文章内容块会从分配给模板的页面或文章中提取内容。因此,模板仅用于修改页面的布局或设计,即头部、底部,甚至侧边栏。因此,站点编辑器明确区分了编辑模板和编辑页面。你可以在模板中修改头部和底部。你还可以选择点击三个垂直点,然后选择“替换头部”。这样,你就可以将当前头部替换为现有的头部模板部分或主题附带的头部模式。另一个选项是选择你的头部,然后点击“编辑”。这允许你在模板编辑模式下修改头部或底部,而不会受到其他干扰。

分配模板

要为页面或文章分配新模板,请打开相关内容,在本例中是我的“关于”页面,然后打开右侧的侧边栏设置。在“模板”旁边,点击模板名称,选择“交换模板”,然后你可以选择一个自定义模板分配给页面或文章。

管理模板

值得一提的是,当你点击“管理所有模板”,然后选择“批量编辑”时,你可以通过表格或网格视图浏览和筛选模板。当你再次选择“批量编辑”时,会有更多筛选选项。请注意,你可以以完全相同的方式浏览和筛选页面及模板部分。

模式

最后,我们来谈谈模式。在顶部,你可以查看所有可用的模式。当你选择“我的模式”时,可以创建和管理自己的自定义同步和不同步模式。在“我的模式”下方,我们可以查看所有自定义模式以及主题附带的模式,它们按相关类别排列。在“模板部分”下方,我们还可以创建和管理头部、底部及通用模板部分。模板部分本质上就是模式。它们是同步的可重用组件,可以在整个站点中使用。

自定义模式

让我们从“我的模式”开始。要创建自定义模式,请点击模式旁边的“插入器”,然后选择“创建模式”。命名后,你可以选择将其添加到相关类别,然后决定是否同步模式。同步模式会在整个站点中同步,这意味着如果你在一个地方更改了模式,它会在任何使用该模式的地方更新。如果你更喜欢使用不同步模式,也可以关闭此功能。不同步模式只是常规模式,可以独立编辑。当你返回自定义模式区域时,会注意到同步模式有一个紫色图标,而不同步模式则没有。接下来,你会注意到主题附带的模式是锁定的,你无法编辑它们。但是,当你点击某个模式下方的三个垂直点时,可以将其复制到“我的模式”区域。

模板部分

在底部,我们可以创建和管理头部、底部及通用模板部分。这里有两个选项。你可以创建自定义头部和底部,或者自定义主题附带的模板部分模式。要创建自己的模板部分,请点击顶部模式旁边的加号图标,然后选择“创建模板部分”。当你添加新的模板部分时,可以选择通用、头部和底部模板部分。通用模板部分不绑定到任何特定区域,所以记得给它们起一个描述性的名称。当你从这里打开一个模板部分时,你将能够在模板编辑模式下修改和编辑模板部分,而不会受到干扰。你还可以打开相关模板,在本例中是我的自定义模板,然后从模板内部修改头部或底部模板部分。如前所述,你可以轻松地将头部或底部替换为模式或库中的现有模板部分。

命令面板

最后,我还想重点介绍一个非常实用的功能——命令面板,它能帮你节省大量时间,让你更高效地在站点编辑器中操作。命令面板让你能快速完成任务并在站点编辑器内导航。例如,输入”新建”即可创建页面或模板,或直接输入你想前往的区域名称,比如输入”模板”来管理所有模板。你可以通过 Mac 上的快捷键 command+K 或 Windows 上的 control+K 打开命令面板,也可以在站点视图侧边栏中点击搜索图标找到它,或者直接点击标题栏即可。

总结

以上就是关于如何使用站点编辑器实现各项功能的简要概述。

区块编辑器与站点编辑器的区别

学习成果

我们将尝试回答一个问题:区块编辑器和站点编辑器有什么区别?我们会比较区块编辑器和站点编辑器,并探索站点编辑器的工具。最后,我们将能够自信地将两者结合使用,创建整个网站布局。话不多说,让我们开始吧。

区块编辑器与站点编辑器

站点编辑让你可以自由地构建 WordPress 网站的每个方面,从页眉到页脚,利用站点编辑器功能中的区块。但什么是站点编辑器?它和我们习惯的区块编辑器有何不同?我们如何在站点编辑器中使用模板来创建整体结构?

让我们通过仪表盘来回答这些迫切的问题,并比较两者。区块编辑器是网站内容的基础,用于向页面和文章添加内容。让我们回顾一下如何添加页面和文章内容。在仪表盘中,如果你要创建静态页面,请前往“页面”;如果是动态内容(如博客文章),请前往“文章”。当你点击“添加新”时,你就在为该页面或文章创建内容。

相比之下,站点编辑器允许我们做什么?站点编辑器允许我们统一编辑网站。页面和文章仅用于使用区块添加静态或动态内容。另一方面,站点编辑器使用区块通过模板创建网站的整体外观和感觉。但它也允许我们添加和编辑页面,以确保无缝的站点编辑体验。如果你已经安装了像 Twenty Twenty-Four 这样的区块主题,可以通过“外观”然后点击“编辑器”来访问站点编辑器。

站点编辑器会加载网站首页进行编辑。左侧是站点视图侧边栏。这个工具让你可以在网站的关键部分之间切换:导航、样式、页面、模板和模式。

导航

让我们从导航开始。在这里,你可以快速查看和调整所有菜单。你可以重命名它们、重新排列菜单项等。

样式

当你点击“样式”时,你可以更改主题的样式组合。当你点击“编辑样式”时,你可以更改整个网站的排版、颜色和布局。如果你往下看,还可以自定义整个网站中特定区块的外观。要查看编辑这些区块后它们会如何变化,请前往网站的样式手册。如前所述,你可以预览在此所做的任何更改。

页面

在“页面”下,你可以创建和编辑页面,与在仪表盘中相同。此功能允许你在编辑网站或页面内容时留在站点编辑器中。在站点编辑器中处理页面时,我们向内容区块添加内容。

模式

接下来,我们进入模式。在“模式”下,我们可以访问一个模式库。我们将能够创建和管理自己的模式。我们可以查看主题提供的模式。然后,我们还可以创建和管理模板部件。关于模板部件的快速说明:这些是可重复使用的区块组,用于创建模板中的重复部分,如页眉和页脚。

模板

但现在,让我们专注于模板。当我们打开模板时,让我们看看顶部菜单,并了解这些元素允许你做什么。左上角的加号图标或插入器允许你向正在处理的任何模板添加任何区块或区块模式。在插入器旁边,有撤销和重做按钮。接下来是列表视图。这是一个非常有用的工具,允许你查看页面上所有区块的列表。这对于查看页面结构以及编辑、移动和删除区块非常有用。顶部中间是模板的名称。

当你点击预览按钮时,你将能够看到网站应用更改后在桌面、平板或移动设备上的外观。然后,如果你点击“保存”,可以保存更改。接下来,设置选项卡允许你显示或隐藏模板和区块设置侧边栏。例如,当你选择一个区块时,可以使用设置侧边栏进一步设置区块样式。在设置选项卡旁边,有样式选项卡,这是另一个访问样式设置的地方。最后,如果你点击三个垂直点,你将获得更多选项,例如选择聚光灯模式等。现在我们已经简要介绍了菜单选项。让我们更仔细地看看模板。

顶部显示“用模板表达你网站的布局”。模板使用区块来创建网站的整体设计,例如添加页眉、页脚甚至侧边栏。当我们打开侧边栏模板的页面时,可以看到这三者都在发挥作用。我们可以看到页眉、侧边栏和页脚提供的结构。请注意,模板可以应用于单个或多个页面。考虑到这一点,假设我们想要添加应用于我们页面的模板,例如。这里我们的主题提供了几个选项,例如默认页面模板或带宽图的页面。但我们选择无标题页面。

当模板加载时,你会看到这个模板在没有内容时的示例。这时列表视图就非常方便了。左侧的侧边栏会显示构成此模板的区块是如何结构的。在这里,你可以看到组成这个页面模板的组件。当你点击页眉时,它会像页脚一样被清晰标记。在中间,你会看到一个包含文章内容区块的群组区块。这非常重要。内容区块允许你的页面或文章内容出现在这个模板中。把这个区块想象成你写在页面或文章部分内容的容器。没有容器,你的页面内容就没有地方显示。所以请记住,我们不会向模板添加内容。我们只修改页眉、页脚或侧边栏。

让我们继续,用主题自带的另一个页眉模式替换这个页眉。我们可以滚动浏览可用的选项。然后我会选择带有标志的居中页眉模式。我还会选择一个现有的导航菜单,名为“生活方式”。选择完成后,我们可以继续保存。太棒了,页面模板已保存。但是我们如何将这个模板添加到页面中呢?我们可以导航回主仪表盘,进入页面。然后,点击你想要应用此模板的页面。在右侧的侧边栏中,你会看到一个模板标题。点击它。这个下拉菜单列出了你当前保存的所有模板。在这种情况下,让我们选择“无标题页面”。然后我们可以更新。这是默认页面模板下的页面样子。这是应用了无标题页面模板后的样子。你可以根据需要为任意多个页面重复此操作;文章也是如此。

结论

如你所见,区块编辑器和站点编辑器协同工作。区块编辑器只允许我们向页面和文章添加内容。然而,站点编辑器让你能够整体编辑你的网站。你可以编辑外观和感觉、修改模板以及向页面添加内容。

WordPress基础设置

简介

我们来讨论一些基本的 WordPress 设置。当你开始搭建 WordPress 网站时,会在仪表盘左下角的“设置”下发现一系列选项。我们稍后会深入探讨这些选项,但先关注几个关键设置,让你的网站顺利运行起来。

学习成果

学习成果包括设置网站标题和标语、更新网站时区,以及选择首页显示方式。

网站标题和标语

首先,我们来谈谈网站的身份标识。在“设置”菜单中,你会找到“常规”。这些元素不只是为了展示。它们对于网站在搜索引擎结果中的显示方式至关重要。那么你能做什么呢?打造一个引人注目的标题和标语,不仅要代表你的网站,还要在搜索引擎列表或用户访问时吸引他们点击打开。网站标题和标语应告诉访客你的网站是关于什么的,以及你试图吸引谁。它们通常是访客在网站上最先注意到的东西。标题通常是网站的名称,而标语则是一个简短的短语或句子,旨在传达网站的主要焦点。

请注意,你可以选择不显示标语,但如前所述,搜索引擎会关注标题和标语,这也有助于提升网站的 SEO。所以,即使你可能决定不在网站前端显示标语,也记得要添加它。以下是一个搜索引擎中的例子:在网站上你看不到标语,但当你搜索“Mantis Research”时,你会看到网站标题“Mantis Research”以及标语的一部分——“帮助营销人员发布引人关注的研究”。你可以在“常规”设置下方更改网站标题和标语,如示例所示。例如,你还可以在更新页眉时,在站点编辑器中更新网站标题和标语。如果你更新或更改了“站点标题”块或“站点标语”块,它也会自动在“常规”设置下方更新。

时区

接下来,我们讨论“常规”下方的时区设置。最好让网站的时区与电脑或本地时间的时区设置一致。这能确保你预定的文章在正确的时间发布,如果你提前发布内容,也能确切知道它何时会被发布。你还可以选择自己的日期和时间格式,甚至可以决定一周从哪天开始。

首页显示

现在,我们来关注网站的结构。在“设置”下的“阅读”中,你可以决定访客访问网站时看到什么。你想要一个展示最新文章的动态首页,还是一个静态页面?选择权在你手中。默认情况下,WordPress 会在网站首页显示文章列表。这个文章列表会在新文章发布时自动更新。而且,无需创建任何页面就能拥有一个显示最新文章的首页。你可能会问,我在哪里编辑这个显示最新文章的首页?这个首页是通过你的博客首页模板显示的。所以,如果你选择了“最新文章”作为首页显示,可以前往“外观”并点击“编辑器”。这会打开你的站点编辑器,默认情况下,博客首页模板会出现在右侧。要打开它,只需点击它,现在你就可以开始编辑首页模板了,它通过“查询循环”块显示你的文章。你可以在这里直接编辑和自定义你的首页。

但如果你更喜欢静态首页,可以前往“页面”,然后创建一个首页,以及一个用于文章显示的页面,比如我的博客页面。然后,你可以继续创建网站上想要的任何其他页面。你可以返回仪表盘,选择“设置”、“阅读”,然后在“首页显示”旁边激活“使用静态页面”。接着,选择你创建的其中一个页面作为首页或主页,然后在下方,你还可以选择另一个页面来显示动态文章或博客,例如。当你选择静态页面时,首页会自动分配为默认页面模板。

让我们进入页面来实际看看这个效果。当我打开静态首页并展开设置侧边栏时,我会注意到右侧模板旁边显示该页面已分配至页面模板或默认模板。这意味着你的静态首页和其他分配了默认模板的页面将共享同一模板,换句话说,就是相同的页眉和页脚。如果你想更新此页面的页眉、页脚及整体结构,需要在模板中进行修改。当然,你可以返回首页,从这里开始使用区块添加内容并构建你的首页。当你编辑文章页面时,会注意到顶部显示你正在编辑显示最新文章的页面。请注意,文章页面已分配至博客首页模板。你会看到文章页面模板无法更改。你需要在博客首页模板中构建整个博客页面,并保持此页面为空。

总结

正确配置WordPress基本设置对网站的功能和外观至关重要。正如前面提到的,我们将在后续内容中探讨更多设置选项。

用WordPress区块编辑器创建文章和页面

介绍

使用WordPress区块编辑器创建文章和页面。今天,我们将深入内容创作的核心,使用强大的WordPress区块编辑器。

学习成果

本课的学习成果包括:定义区块编辑器、导航区块编辑器界面、区分内容编辑区域和设置侧边栏、创建页面和文章,以及最后使用区块、模板和列表视图。

区块编辑器简介

WordPress区块编辑器允许你使用区块构建网站,无需编写代码。如前所述,登录你的WordPress仪表盘来创建文章或页面。从仪表盘,导航到左侧菜单中的“文章”或“页面”。让我们创建一个新页面来仔细检查区块编辑器界面。添加新页面后,我们还可以为页面提供一个合适的标题。当你点击插入器时,可以添加一系列区块来构建你的页面。

区块可以是段落、图像、列、画廊、定价表等等。区块模板是另一个很棒的功能。这些是预设的区块组或预设计的区块,你可以快速添加来构建整个部分,然后修改以满足你的需求。

在右侧,模板旁边,我们可以添加媒体。首先,从我们的媒体库,或从Openverse。Openverse提供开放许可的媒体,可以免费使用。

添加区块

有多种方式添加区块。首先,你可以点击左上角的插入器或页面内的插入器。搜索下方出现的六个区块将是你最近使用的区块。或者你可以使用斜杠命令。比如,输入斜杠图像并从媒体库添加图像,我已经上传好了。接下来,我将按回车,然后在我的段落区块中添加一些文本。然后,再添加另一个段落。

区块编辑器界面:内容创建区域、设置侧边栏和列表视图

界面分为三个主要部分:内容编辑区域、左侧用于选择区块或列表视图(我们稍后会谈到)的侧边栏,以及右侧的设置侧边栏。右侧的设置侧边栏为选中的区块提供额外的设置和选项,允许你进一步样式化区块。当然,每个区块都有不同的可用设置。

当你选择一个区块时,你还会看到与该特定区块相关的区块工具栏。在这种情况下,是段落区块。从左侧开始,区块工具栏允许你将此区块转换为不同类型的区块,拖放区块到新位置,或使用箭头重新定位区块,更改文本对齐方式,选择粗体、斜体,或允许你添加链接。下拉箭头允许高亮、添加脚注和其他样式选项。当你点击三个垂直点时,会看到更多选项。

接下来,强调列表视图也很重要。在这个例子中,你会注意到我使用各种区块构建了整个页面。向上滚动,我们可以在左上角打开列表视图。列表视图帮助你导航内容层和嵌套区块。它是WordPress编辑器中不可或缺的功能,让你轻松处理网站上的区块。你可以查看页面上每个区块的确切顺序和结构,这对于内容很多的页面特别有帮助。你可以选择包含其他嵌套区块的区块。你可以点击并拖动区块将它们移动到页面的不同部分。当你点击列表视图中任何区块旁边的省略号(三个点)时,会有各种有用的选项。

构建页面

让我们回到原始页面,继续使用区块构建页面,看看区块编辑器的实际运作。首先,添加一个画廊区块,并从媒体库中选择三张图像。插入后,我选择画廊区块,点击三个垂直点,然后选择“在后面添加”。接着,我点击左上角的插入器,添加一个模板(一个预设计的区块组),并选择一个特色模板来安排访问。然后,我打开列表视图,选择组区块,并更改文本对齐方式。接下来,看看侧边栏设置。一旦我们选择一个区块,可以使用侧边栏设置进一步样式化区块。在这种情况下,我们可以为图像添加圆角效果。我选择第二个段落,并使用区块工具栏将文本改为粗体。然后,我选择列表视图以确保选中我的父级画廊区块。在侧边栏设置中,我将列数从三列改为两列。最后,我选择按钮区块,并将背景颜色改为绿色。

相信你现在已经明白了区块编辑器的各个部分是如何协同工作的:使用区块添加内容,通过设置侧边栏来调整样式和编辑内容,以及利用列表视图来导航你的内容。

在站点编辑器中创建和编辑页面

请注意,你也可以在站点编辑器中创建和编辑页面。那么,让我们前往“外观”并点击“编辑器”。当然,这会带我们进入站点编辑器。然后我们可以选择“页面”,我将打开“使用区块编辑器”页面,然后选择“编辑”。在站点编辑器中,我们将内容添加到“内容”区块中。之后的操作方式完全相同,我们可以继续使用区块来构建页面。在这里,我将添加一个“嵌入 YouTube”区块,输入我的网址,然后将视频嵌入到页面中。

创建和编辑文章

最后,创建文章与创建页面是相同的。我们使用区块来构建内容的结构。请注意,我们会在另一节课中讲解如何添加分类、标签和特色图片。

总结

相信你现在对如何操作区块编辑器,以及如何使用区块、设置侧边栏和列表视图有了更好的理解。

使用媒体库

介绍与学习目标

在本课中,我们将深入探讨媒体库。我们将学习如何浏览和管理媒体库、添加替代文本,并理解优化图片的重要性。

什么是媒体库?

媒体包括你上传并在网站上使用的图片、视频和文件。当然,媒体会被插入到页面和文章中。我相信你也会同意,媒体在提升网站的整体体验和效果方面起着关键作用。你可以向媒体库添加各种类型的媒体,从照片、截图、音频、PDF文档、电子表格、PowerPoint演示文稿等等。

浏览媒体库

当你打开媒体库时,它会默认以网格视图显示。在网格视图中,图片缩略图、音频图标等都以网格结构排列。在这里,你可以筛选媒体以找到所需内容。在顶部,网格视图图标旁边,你可以按媒体类型和日期筛选媒体。“所有媒体项目”下拉菜单允许你按媒体类型选择,如图片、音频、视频、文档,甚至电子表格。你还可以查看未附加到任何文章或页面的媒体。这意味着媒体在你的媒体库中,但尚未在网站的任何地方使用。例如,让我们使用筛选选项,仅查看音频文件。或者文档,如PDF。甚至电子表格。然后,当然,你可以返回查看所有媒体项目。接下来,“所有日期”下拉菜单允许你根据上传日期查看图片。你可以快速找到在特定月份上传的媒体,或者选择查看所有。当你点击“批量选择”时,可以同时删除媒体。你还可以使用右上角的搜索框搜索媒体,例如,使用描述或文件名中的词语。在这种情况下,我想通过简单搜索查看所有与鞋子相关的图片。你也可以在列表视图中查看媒体。顾名思义,在列表视图中,所有媒体会依次列出。你还可以看到文件名和文件类型,例如PDF或JPEG。要向媒体库添加媒体,请点击侧边栏或顶部的“添加新媒体文件”。选择后,你可以将单个或多个文件拖放到页面中,或使用“选择文件”选项。

从媒体库添加媒体

当你使用图片块或画廊块向页面或文章添加媒体时,你可以直接从计算机上传图片到文章或页面及媒体库,或直接从媒体库中选择。对于较大的视频,最好通过YouTube或视频块嵌入,这样可以节省媒体库空间并提高性能。

编辑媒体

当你打开一张图片时,你可以添加属性,如替代文本、标题、说明和描述。始终为图片添加替代文本非常重要。替代文本是对图片的简洁描述,供无法查看图片的用户使用,同时也有利于网站的SEO(搜索引擎优化)。添加描述也能增强SEO,并有助于更好地组织和理解图片的目的或内容。当你点击“编辑图片”时,可以裁剪、缩放或调整图片大小以进行图片优化。更改高度或宽度后,尺寸会自动更新。别担心,当你选择“恢复原始图片”时,可以将图片恢复到原始格式。你还可以选择旋转或翻转图片。

图片优化

最后,让我们简要谈谈图片优化。建议在上传到媒体库之前优化图片,以提高页面加载速度并节省服务空间。你可以使用基于网页的工具来实现这一点,例如TinyPNG、Bulk Resize或Squoosh.app等网站。记住,在将图片添加到媒体库之前,使用描述性和相关的文件名保存图片。这有助于搜索引擎理解图片内容,从而提升SEO。搜索引擎在索引和排名内容时可能会将文件名作为参考因素。另一个选择是使用图片优化插件。在搜索插件目录时,有多种图片优化插件可供选择。找到适合你需求的插件后,你可以安装、激活并按照必要步骤操作。这两种方法(使用基于网页的工具或插件)都能通过压缩图片而不牺牲视觉质量来提升整体性能。祝你在使用媒体库将网站提升到新水平的过程中一切顺利。

实践练习

使用WordPress Playground并完成以下活动以测试你的知识:

  1. 上传两张图片和一个PDF或电子表格到你的WordPress媒体库。如果你的计算机上没有图片,可以使用https://unsplash.com/。
  2. 使用媒体库中的筛选选项仅显示图片,然后仅显示文档。然后,返回查看所有媒体项目。
  3. 在你的 WordPress 网站上创建一个新文章或页面。使用相应的区块(例如,图片区块、画廊区块)从你的媒体库中插入至少一张图片。
  4. 将 YouTube 的视频网址添加到视频区块中。
  5. 从你的媒体库中选择一张图片,并编辑其属性,如替代文本、标题、说明文字和描述。
  6. 通过缩放图片并提供新尺寸来编辑图片。完成后恢复原始图片。

理解WordPress文章与页面的区别

简介

大家好,欢迎回到您的 Learn WordPress 学习之旅。在本课中,我们将深入探讨 WordPress 的一个基本方面:理解文章和页面之间的区别。

学习成果

以下是本课的学习成果。我们将学会区分文章和页面,创建文章和页面,为文章应用分类和标签,以及在站点编辑器中创建和编辑页面。

概述

在深入具体细节之前,我们先来一个概述。WordPress 中的文章和页面都是内容类型,但它们服务于不同的目的。简而言之,文章用于动态内容,例如博客文章、新闻文章、食谱等。相比之下,页面是静态类型的内容,比如联系页面。

文章

现在我们来到了 WordPress 仪表盘。要创建新的文章或页面,您可以导航到左侧菜单中的文章或页面部分。如果您想创建新的文章或页面,只需点击“添加新文章”或“添加新页面”。让我们从文章开始。文章用于动态、定期更新的内容条目,并按时间倒序显示。它们非常适合定期更新的内容,例如博客文章、新闻页面,甚至评论。想象一下,您有一个烹饪博客,想分享您的最新食谱。您会为此内容创建一篇新文章。如本例所示,我已经创建了两篇不同的文章,并添加了分类和标签。

分类和标签

分类和标签对文章至关重要。分类就像您博客的目录,将相似的文章分组在一起。而标签则是更具体的关键词,更详细地描述内容。所以对于我的美食博客,我已经创建了两个分类:主菜和早餐,而标签则更详细地描述食谱。那么,让我们继续创建一篇新文章:巧克力蛋糕食谱。但请注意,我已经创建了一个名为“甜点”的分类,以及两个标签,即“蛋糕和杯子蛋糕”和“巧克力”。所以现在我们将前往所有文章,然后点击“添加新文章”。

首先,我将添加博客文章的标题,然后是食谱。添加完食谱后,我将打开侧边栏设置,向下滚动到分类和标签。然后,我将选择“甜点”分类,并添加“巧克力”和“蛋糕和杯子蛋糕”标签。接下来,我还会添加文章特色图像或文章缩略图,并从我的媒体库中选择一张图片。接着,我们可以决定将其保存为草稿,或者如果我们在侧边栏设置中向上滚动,可以点击发布日期旁边的日期,然后决定立即发布,或安排稍后上线。我将立即发布,然后我们可以看看文章在前端的样子。在这里,我们可以在博客页面上看到我们的三个食谱,并打开其中一个单独的食谱来查看结果。

页面

现在,让我们谈谈页面。页面是静态、永恒的内容,不会频繁更改。例如,您网站的首页、服务页面、关于页面和联系页面。如果您想为您的网站创建一个专门的“关于我们”部分,您会使用页面。与文章不同,页面没有分类或标签。它们是独立的内容片段,所以让我们继续添加一个新页面,命名为“关于”,然后添加一些内容。发布后,我们可以在前端查看它,您还会注意到“关于”页面现在是导航菜单的一部分。

您知道吗?您也可以在站点编辑器中创建和编辑页面。所以让我们前往编辑器,这将带我们进入站点编辑器。然后,我们可以前往页面部分,在这里,您可以创建新页面或编辑现有页面。站点编辑器的好处是,您可以在页面、样式、模板、模式等之间无缝切换。好了,就是这样。

结论

请记住,文章用于动态、定期更新的内容,而页面用于静态、永恒的信息。

WordPress仪表盘入门

简介

让我们来熟悉一下 WordPress 仪表盘。要登录您的网站,请在网页浏览器地址栏中输入以下内容(网址:yourwebsite.com/wp-admin)并按回车键,填写您的详细信息,然后点击“登录”。

管理工具栏

登录仪表盘后,我们可以在顶部看到主管理工具栏。让我们从您网站的主页图标开始;点击此图标会跳转到您网站的公开主页或前端。当您再次点击它时,它会带您返回仪表盘。然后,有两个通知图标。新的评论和更新会显示在这里。将鼠标悬停在“新建”上会弹出一个菜单,其中包含创建新项目的链接,例如文章、媒体项目、页面,甚至添加新用户。此列表的实际内容取决于用户的角色。在管理工具栏的最右侧,您会看到您的用户名和头像。在此菜单中,点击您的姓名或编辑个人资料都会跳转到编辑个人资料页面。在深灰色管理工具栏的正下方是屏幕选项选项卡和帮助选项卡。屏幕选项选项卡出现在大多数管理页面上,它允许您控制该页面上显示的元素。如果您取消选中某个小部件,它就会消失。

管理小部件

在仪表盘的主体部分,您会找到许多管理小部件或面板,您已经看到如何使用屏幕选项选项卡中的复选框来显示或隐藏它们。它们的位置也可以通过简单地拖放来改变。顺便提一下,这只是可能的 WordPress 仪表盘配置之一。

仪表盘的视图会根据您激活的插件、您的主机公司以及您个人如何配置而改变。使用快速草稿小部件时,输入到此区域的内容将保存为草稿文章。也就是说,它会被保存但不会发布到您的网站上。这对于快速记下您想稍后返回并完成的文章想法非常方便。概览小部件会为您提供当前网站上页面、文章和评论数量的快速总计。它还会显示当前主题和您正在使用的 WordPress 版本。活动部分会显示您最近的文章和评论。WordPress 活动与新闻面板是参与 WordPress 社区的好方法。根据您的位置,您会看到一系列不同的 WordPress 相关活动和聚会。

左侧边栏

现在,在管理区域中移动的最常见方式是使用左侧边栏中的导航链接。其中一些链接的使用频率远高于其他链接,特别是文章、页面和评论。考虑到这一点,您会注意到更多以内容为中心的菜单项位于顶部区域。专注于功能、外观和其他设置的菜单项则分组在底部。

文章

接下来,让我们谈谈文章。文章用于动态内容,例如博客文章或书评。例如,它们是您博客页面或新闻页面上的独立内容。当您发布一篇文章时,它通常会按时间倒序显示在您的文章页面上。因此,访问者访问您的网站时总是会看到最新的文章。随着您添加新内容,文章会随时间变化。而页面则用于更静态的内容。

当您点击快速编辑时,可以快速更改分类、标签和其他项目。回收站会将文章移动到回收站文件夹,您可以在 30 天内恢复放入回收站的任何内容。您可以使用文章旁边的复选框对多个项目执行操作,例如编辑或删除。您还可以按日期、月份、年份和分类来筛选文章列表。最后,您可以搜索文章中可能包含的单词或短语。

页面

在我们查看媒体之前,让我们谈谈页面。页面用于静态内容。页面通常始终保持不变。尽管像文章一样,您可以随时更新它。页面很有用,例如关于页面、联系页面,甚至像您网站或公司的历史这样的内容。

媒体

接下来,让我们谈谈媒体。媒体库包含您所有的媒体文件,从图像到音频文件、Excel 电子表格,甚至 PDF 文档。您可以在网格视图或列表视图中显示项目。当您选择添加新媒体并点击选择文件时,您可以从计算机上传媒体,或者将多个文件拖放到顶部。媒体库的唯一批量操作是永久删除媒体项目。

评论

接下来,我们来聊聊评论。评论当然是访客在文章下方留下的留言。点击评论后,你会看到网站上所有评论的列表。当鼠标悬停在每条评论上时,可以看到各种操作选项,比如批准、不批准、回复、快速编辑、编辑、标记为垃圾和删除。左侧会显示评论者的信息,比如姓名、头像和邮箱地址。将光标移到右侧,还能看到这条评论是在哪篇文章或页面留下的。最右侧则是评论提交的日期和时间。

外观

接下来,我们来讨论外观。在外观部分,你可以更改网站的主题。如果你使用基于区块的主题,就可以访问站点编辑器,从而创建整体网站结构,并在一个地方统一编辑你的网站。但如果你使用的是经典主题,则可以访问定制器、小工具等。

插件

接下来是插件。打开插件菜单并点击“安装插件”后,你就可以为网站安装、管理和卸载插件了。

用户

最后,我们来谈谈用户。在用户菜单下,你可以管理网站上的用户。不同的角色包括订阅者、投稿者、作者、编辑和管理员。

总结

我们将在后续课程中进一步了解这些内容以及下面的设置。我相信你现在能更好地理解如何在仪表盘中导航了。

选择并安装插件

引言

使用WordPress的最大优势之一,就是能够选择并安装插件来扩展网站功能。你可以通过各种插件添加社交媒体、数据分析、安全防护、营销推广、会员订阅、性能优化、SEO等额外功能。这些插件能帮助你更好地利用网站,使其更具动态性。也许你想添加地图或联系表单来搭建多语言网站、构建电商平台,或通过缓存提升网站速度——所有这些都能通过合适的插件实现。

插件目录

访问WordPress.org并浏览插件目录,你可以查看成千上万个可用插件。虽然这里提到的所有插件都是免费的,且可在WordPress.org插件库中找到,但它们也可能提供付费的高级版本,以解锁更多功能。

添加插件

要添加插件,请在WordPress后台导航至“插件”并选择“安装插件”。页面将默认显示特色插件,你可以查看最受欢迎的插件、推荐插件以及收藏夹标签。准备寻找合适的插件时,请使用页面右上角的搜索功能。例如,输入“SEO”,插件库会根据你的搜索列出相关插件。

评估插件

现在,我们来讨论选择插件时需要注意什么。让我们比较三个顶级插件。有四个重要事项需要关注。第一,星级评分。这反映了安装该插件的用户反馈。第二,最近更新时间。这表示插件正在被积极维护和开发。我建议避免使用长时间未更新的插件。第三,活跃安装量。这表示该插件受欢迎且支持良好。第四,兼容性。确保插件与最新版本的WordPress兼容。点击“更多详情”后,你可以查看插件的支持情况。这里还有常见问题区域和用户评价阅读区。

安装并激活插件

让我们以另一个插件为例,演示如何安装和激活插件。我们将搜索一个表单插件。有多种选择,例如Contact Form 7、WP Forms的联系表单和Ninja Forms。我将安装WP Forms的联系表单,安装完成后需要点击“激活”。然后,就可以设置插件了。插件设置完成后,只需使用区块目录即可轻松将表单添加到任何位置。请注意,你也可以通过从本地计算机上传插件的压缩包来轻松添加新插件。许多高级插件可以从WordPress插件目录之外下载。

停用并删除插件

如果你想停止使用某个插件,请进入插件部分,点击“停用”。停用后,你将可以选择永久删除该插件。

故障排除

但如果遇到插件冲突怎么办?有两种主要方法可以识别网站上的插件冲突。方法一:手动停用插件,然后逐个测试以找出导致问题的插件。方法二:使用故障排除插件,例如Health Check和Troubleshooting。但请记住,要安装构建良好的插件,并使用我们之前讨论的四个标准。

结论

插件是为网站添加额外功能的绝佳工具,我相信你会找到满足需求的合适插件。

选择并安装主题

学习目标

今天的课程将讨论如何选择并安装适合您的主题。以下是本次工作坊的学习目标:区分四种不同类型的主题,查找并评估主题,安装和更新您的主题,最后,获取主题的支持。让我们开始吧。

什么是主题?

简而言之,主题基本上是一个具有特定布局和设计的网站模板。当您使用WordPress时,您的内容与其呈现方式是完全分离的。这意味着,只需更换不同的主题,您网站的外观和感觉就可以完全改变,而您的内容保持不变。

让我们看一个例子。这里,我使用的是Twenty Twenty-Three默认主题。在下一个例子中,我安装并激活了Bounce主题,它的外观和感觉与之前截然不同。但内容保持不变。同样重要的是要强调,您的网站不会与您安装并激活的主题的缩略图或示例页面看起来完全一样。它仅仅是可能实现效果的一个示例,有时需要安装特定的插件才能达到初始外观。WordPress中有数千个免费主题可用,但高级主题可以在主题库之外找到。但请注意,许多免费版本也提供高级套餐。

主题的类型

您可能会问,有哪些类型的主题?有四种主题类型需要注意:区块主题、经典主题、混合主题和通用主题。值得一提的是,区块主题和经典主题是最常用的,而区块主题是WordPress的未来。

区块主题

那么,让我们从区块主题开始。区块主题使用区块来构建网站的所有部分,包括导航菜单、页眉、内容和页脚。区块主题允许您在站点编辑器中编辑和自定义网站的所有部分。让我们看看区块主题的实际操作。我将进入“外观”并点击“主题”。我已经激活了一个名为Twenty Twenty-Three的基于区块的主题,在左侧边栏中,您会注意到我们可以访问“编辑器”。如果我们点击“编辑器”,我们将进入站点编辑器,在这里,您可以创建和编辑页面。您可以创建草稿页面或编辑现有页面。接下来,我们还可以更改网站的整体样式,或者自定义整个网站中特定区块的外观。

站点编辑器还允许您设置模板。您可以添加新模板或编辑主题自带的模板。最后,您还可以管理各种模式,包括您自己创建的模式,或者我们当然会添加到模板中的页眉和页脚模板模式。我意识到有些人可能对样式、模板等术语不熟悉。所以请查看本视频下方的资源以了解更多信息。

一个很棒的新功能还允许您在切换主题之前预览区块主题。当您将鼠标悬停在区块主题上时,您会看到一个“实时预览”按钮。当您点击“实时预览”时,您将进入站点编辑器。因此,您不仅可以预览网站,还能体验站点编辑器。现在,您可以继续进行任何您想要的更改或自定义。例如,我将更改样式变体,并更改文本的字体。现在,我们可以探索我们的页面、模板等。如果您喜欢所看到的内容,您甚至可以选择激活并保存主题以及您所做的更改。

经典主题

经典主题不使用区块编辑器来管理文章和页面之外的网站布局。它们使用自定义器、菜单和小工具来更改主题设置。由于经典主题存在时间最长,因此可供选择的主题更多。让我们仔细看看经典主题的一个例子。当我们进入“外观”并点击“主题”时,您会注意到我已经激活了Twenty Sixteen主题。您可以在侧边栏设置中访问自定义器和其他选项。当您打开自定义器时,您可以在此处更改所有主题设置。请注意,相比之下,区块主题为设计和自定义您的网站提供了更大的灵活性。

混合主题

混合主题是一种采用了一些站点编辑功能(如模板编辑器)的经典主题。像Eksell这样的混合主题仍然使用自定义器进行更改,同时也能创建您自己的自定义模板。那么,让我们进入“页面”,打开其中一个页面,然后转到右侧的侧边栏设置。点击“模板”,您将能够将页面分配到不同的模板,或者创建一个自定义模板。

通用主题

最后,通用主题是一种可以完全双向配置的主题,既可以作为区块主题使用,也可以作为经典主题使用。在这个例子中,我安装了通用主题 Emulsion,你会注意到,你可以同时访问定制器和编辑器。

搜索并添加新主题

接下来,我们来谈谈搜索和添加新主题。要添加新主题,请前往外观并点击主题。在顶部,点击添加新主题。你可以搜索最流行的主题、最新添加的主题,以及一个专门的区块主题区域。当你点击一个主题时,你将能够查看该主题的更多详细信息以及预览。当你点击功能筛选时,你将能够根据主题、功能和布局来搜索主题。

审查主题

什么才是好主题?要审查主题,请前往 WordPress.org,将鼠标悬停在下载和扩展上,然后点击主题。在这里,你可以搜索各种主题。一旦找到你需要的主题,点击更多信息以了解该主题的详细信息。你会在右侧找到做出明智决定所需的所有信息。当你查看版本更新、活跃安装量和评分时,你会对其他人使用该主题的整体体验有一个很好的了解。

安装主题

如何安装主题?要安装新主题,请前往外观,点击主题,然后选择添加新主题。一旦找到你需要的主题,点击安装。安装完成后,别忘了点击启用。

如果你有一个压缩包形式的主题,你可以手动安装。点击添加新主题,然后在顶部选择上传主题。然后,你可以从电脑上传。

更新主题

更新呢?如果有可用更新,你会在顶部菜单栏和仪表盘菜单中收到通知。你可以导航到更新页面并向下滚动。在这里,你会找到一个主题或一系列可用更新。从该页面,你可以选择单独更新主题或一次性全部更新。请记住在进行任何更新之前备份你的网站,或者考虑使用子主题。

子主题是一个继承主主题外观、风格及其所有功能的子主题。使用子主题可以让你升级父主题,而不会影响你对网站所做的自定义设置。自定义设置与主主题的文件是分开保存的。但我将在下面的资源中添加一个链接。另一个选项是前往外观,点击主题,然后找到需要更新的主题。在顶部,你会看到立即更新的选项。或者点击主题详情,在顶部你也可以进行更新。最后,你还可以选择为这个特定主题启用自动更新。

删除主题

如何删除主题?要删除主题,请选择相关主题;在右下角,你可以删除它。

获取支持

最后,如何获取支持?要获取支持,请前往主题目录,选择相关主题,然后向下滚动到支持部分。获取主题帮助的最佳方式是前往该主题的相关支持论坛提问或查看其他工单。我相信你会找到满足你所有需求的合适主题。

WordPress基础:域名与主机

大家好,欢迎来到 Learn WordPress。在本教程中,我们将讨论搭建网站的一个关键环节:选择合适的网站域名和托管服务商。

学习目标

本课的学习目标是区分域名和托管,描述捆绑域名的含义,并确定选择托管公司时需要考虑的因素。

理解域名和托管

首先,我们来澄清一下托管和域名的区别。想象你的网站是一个移动房屋,域名就是地址,而托管则是建造房屋或网站的土地。域名是访问者在浏览器中输入的、用于找到你网站的唯一网址。例如,可口可乐官网的域名是 www.coca-colacompany.com。另一方面,托管是一种服务,它存储你网站的文件,并让用户能在互联网上访问这些文件。还需要注意,如果需要,你可以更换托管公司,并且可以在不更换域名的情况下更换托管公司。但请务必联系新的托管公司,确保你遵循正确的步骤。

将域名与托管捆绑

在选择托管服务商时,你可以寻找那些提供域名捆绑服务的。这意味着服务商在一个套餐中同时提供托管服务和域名注册。捆绑域名和托管可以简化流程,因为你无需管理不同服务商的多个账户。需要注意的是,你也可以在注册托管公司之前单独购买域名。

单独购买域名

单独购买域名可以让你对域名设置拥有更多控制权。这也使得更换托管服务商更加容易。只需记得跟踪域名的注册续费日期。第一步是选择一个域名注册商,这是一家管理域名预订的公司。其次,搜索并选择一个域名。如果你愿意,也可以选择特定国家/地区的域名。然后,你可以注册域名、配置域名设置,再选择托管服务商。

选择托管服务商

在选择托管服务商时,需要考虑以下因素:第一,可靠性。选择一家在正常运行时间和可靠客户支持方面有良好记录的服务商。第二,可扩展性。选择一家允许你随着网站增长轻松升级托管计划的服务商。第三,安全性。确保托管服务商提供强大的安全功能,例如 SSL 证书和定期备份。第四,用户友好的界面。寻找一个具有直观控制面板的服务商,方便你管理网站。最后,价格合理。比较定价计划,找到在你预算范围内提供合适功能的服务商。让我们看看实际操作。如果你访问一家托管服务商,通常会看到不同的定价计划,以及做出明智决定所需的相关功能和信息。

一键解决方案

许多托管公司还提供一键解决方案,让你可以一键完成域名注册、安装 WordPress 和设置托管。这个过程消除了用户可能遇到的技术障碍。

总结

总而言之,理解托管和域名之间的区别对于任何想要创建网站的人来说都至关重要。记住,托管提供网站的空间和资源,而域名则是网站在互联网上的唯一地址。换句话说,网站托管公司提供互联网上的一个空间,即一个服务器,用于存储你网站的文件。这使得人们可以通过输入网址或域名随时访问你的网站。

托管公司

有大量的托管公司可供选择,你可以自由选择在任何地方托管你的网站。请注意,这些只是部分示例,还有更多托管公司值得探索。

结论

当你注册了域名并选择了托管服务商后,就可以开始规划和设计你的网站了。