简介
在本课程中,我们将运用目前学到的知识,通过设置页面、文章、站点标志和导航菜单来实践所学内容。
设置页面
首先,让我们创建页面。我将进入”页面”选项,点击”添加新页面”,然后可以选择主题自带的模板(我使用的是Twenty Twenty-Four默认主题)。选择一个吸引我的模板并命名为”首页”。发布后,返回页面添加下一页,这次不选择模板,命名为”博客”。接着创建”关于”页面并选择相关模板,最后创建无模板的”联系”页面。至此,我的页面已设置完成。
设置首页显示方式
接下来进入”设置”→”阅读”。在首页显示设置中,选择”静态页面”,将”首页”设为静态首页,”博客”页设为文章页。请注意:如果选择”最新文章”作为首页显示,您需要修改博客首页模板,因为此时没有创建具体页面。当我们打开静态首页的设置侧边栏时,会发现此页面被分配给了”页面模板”或默认模板,而博客页则被固定分配给了”博客首页模板”且不可更改。其他页面也都被分配了与首页相同的通用/默认模板。
设置文章
现在转向文章设置。如您所见,我已创建了两篇文章及分类/标签。分类用于内容的主題归类,标签则是内容的具体标识。举例来说,我将新建一篇关于纽约的文章,添加虚拟内容后,在侧边栏选择”旅行”分类,添加”城市”标签,最后设置文章特色图像(代表文章的主图)。发布后即可查看包含分类标签的三篇文章。
设置导航菜单
进入”外观”→”编辑器”打开站点编辑器。首页顶部可见主题提供的页眉模板,编辑时会提示”需通过编辑模板修改此区块”。点击”编辑模板”后即可修改页面模板的页眉(注意此修改会同步到博客首页模板)。右上角的导航菜单在我们创建页面时已自动生成。在列表视图中可见导航项仍属于页面列表,需在侧边栏点击”编辑”解除绑定才能单独管理项目。解绑后可通过列表视图或导航块工具栏调整顺序。
我决定在导航菜单添加社交链接:点击导航块的”插入器”,添加”社交图标”区块并选择平台(如X和Instagram),记得填写对应URL。通过导航块设置的三点菜单可以创建新菜单或选择现有菜单,还能调整对齐方式和方向。在”样式”选项中可进一步自定义导航菜单外观。
设置站点标志
主题提供的页眉模板包含”站点标志”区块。点击后可从媒体库选择或直接上传电脑中的图片。我将上传预先准备的标志图片并适当放大。
在页脚添加导航菜单
滚动到页脚区域,默认模板已包含”快速链接”等虚拟内容。通过列表视图选择导航块,在侧边栏选择对应菜单即可将导航菜单添加至页脚。
选择样式
当页眉页脚的导航菜单就位后,可以决定网站整体风格。进入”样式”可自定义排版、色彩和布局,或通过”浏览样式”查看主题预设的各种风格组合。这里我选择”铁锈”风格作为示例。
添加内容
完成页面、文章、导航菜单、标志和样式设置后,即可开始填充页面内容并修改已添加的模板。对于无模板的”联系”页面,可以从零开始构建。要调整文章显示方式,需编辑博客首页模板中的”查询循环”区块来控制动态内容的展示形式。
实践练习
请前往WordPress Playground完成以下任务:
- 创建4个页面:首页、博客、关于、联系
- 设置静态首页和文章页,分配您创建的首页和博客页
- 创建文章并添加特色图(无本地图片可使用unsplash.com的免费图库)
- 添加分类和标签并应用到文章(可参考视频示例)
- 在站点编辑器中打开页面模板,为页眉添加站点标志(页面将自动出现在导航菜单)
- 参照示例,在导航菜单添加含X和Instagram链接的社交图标区块(URL可填虚拟内容)