引言
在本课中,我们将应用目前所学的内容,设置页面、文章、网站标志和导航菜单。
设置页面
首先,我们来创建页面。我将进入页面,点击“添加新页面”,然后就可以添加或选择主题自带的模板。我使用的是默认的 Twenty Twenty-Four 主题。我会选择一个喜欢的模板,并将其命名为“首页”。发布后,我返回页面,添加下一个页面。这次我不选择模板,将这个页面命名为“博客”。接下来,我会创建一个“关于”页面,并选择相应的模板。最后,我还会创建一个“联系”页面,不选择模板。现在,我的页面已经就位了。
设置首页显示
接下来,我进入“设置”,点击“阅读”。对于首页显示,我会选择“静态页面”,并将“首页”设置为静态首页,将“博客”页面设置为文章页。提醒一下,如果你选择了“最新文章”作为首页显示,那么你需要修改博客首页模板来展示这个首页或主页,因为没有创建具体的页面。请注意,当我们打开静态首页并打开设置侧边栏时,会注意到这个页面被分配给了“页面模板”或默认页面模板,而我的博客页面或文章页被分配给了“博客首页模板”,并且这个不能更改。然后,我们还会注意到,我的其他页面也被分配给了通用或默认页面模板,和我的首页一样。
设置文章
接下来,我们把注意力转向文章。你会注意到,我已经创建了两篇文章,以及分类和标签。提醒一下,分类用于将内容归类到主要主题或部分,而标签就像标签一样,提供关于内容的特定细节。举个例子,我来添加一篇新文章。这篇文章是关于纽约的,我会添加一些虚拟内容。然后,我会打开设置侧边栏,选择相关的分类,这里选择“旅行”,并添加一个新标签,即“城市”。最后,我会设置特色图像或文章缩略图。特色图像当然是文章的代表性图片,设置好后,我们可以点击发布,然后查看我们的三篇文章及其相关分类和标签。
设置导航菜单
接下来,我们仔细看看导航菜单。进入“外观”,点击“编辑器”。这将打开站点编辑器,我们会看到右侧的首页。如果打开首页,我们会看到创建页面时添加的虚拟内容或模板。顶部是主题提供的页眉模板。如果我们尝试编辑这个页眉,会看到一条消息说“编辑模板以编辑此区块”。我们点击“编辑模板”。现在,我们可以编辑页面模板的页眉。请注意,这个页眉也会出现在博客首页模板中。所以,如果我们对页面模板中的页眉做了任何更改,它也会自动更新到博客首页模板中。如我们所见,右上角有导航菜单,很棒的是,这个导航菜单是在我们创建页面时自动添加的。当我们选择导航菜单并打开列表视图时,会注意到导航项仍然是页面列表的一部分。所以,要更改这一点,请在设置侧边栏中点击“编辑”以分离页面列表,这样你就可以单独管理导航项。分离后,你可以使用列表视图重新排序导航项。或者,你可以使用导航区块工具栏的箭头将项目重新定位到你想要的位置。
接下来,我决定在导航菜单中添加社交链接。所以,当我点击导航区块的插入器时,我会插入一个社交图标区块,然后选择相关的社交媒体平台。这里选择 X 和 Instagram。别忘了添加相关的 URL。当你选择导航区块时,可以点击设置侧边栏中的三个垂直点来创建新菜单或选择现有菜单。当你选择“设置”时,可以更改导航菜单的对齐方式以及方向。在下面,你还可以选择汉堡菜单,当你的网站在较小设备上查看时会显示。当你点击“样式”时,有多种选项可以进一步样式化你的导航菜单。
设置网站标志
接下来,我们来谈谈网站标志区块。你会注意到,主题提供的页眉模板包含一个网站标志区块。点击网站标志区块,从媒体库添加新图像或直接从电脑上传。我会上传一个已经放在桌面上的标志。然后,我会稍微放大它。
将导航菜单添加到页脚
接下来,我还想将导航菜单添加到页脚。当我们向下滚动时,会注意到快速链接下方有一些示例内容,这些内容是我主题自带的默认页脚模板的一部分。因此,当我打开列表视图并选择导航区块时,可以点击设置侧边栏中的三个垂直点,然后选择相关的导航菜单。
选择样式
现在,我的导航菜单已经分别放置在页眉和页脚中。如前所述,当我们进入博客首页模板(即我的文章页面模板)时,会看到页眉和页脚是相同的。当所有这些元素都就位后,我们需要为网站确定整体风格。因此,当我们进入样式设置时,可以自定义网站的排版、颜色和布局。或者,如果点击浏览样式,就能以缩略图方式查看主题附带的所有不同样式组合。我将以 Rust 风格为例进行选择。
添加内容
现在,我们已经设置好了页面、文章、导航菜单、网站徽标和样式,接下来可以为页面添加内容,并修改已添加的一些模板。对于像联系我们这样没有模板的页面,我们可以从头开始构建。要调整文章的显示方式,我们需要进入博客首页模板。打开博客首页模板后,我们可以自定义博客页面以及查询循环区块,从而决定博客文章或动态内容的显示方式。