目录
大纲
WP建站和运维

自定义单篇文章模板

引言

本节课我们将通过编辑单篇文章模板来自定义文章显示方式。首先进入站点编辑器,选择”模板”并打开单篇文章模板。另一种访问方式是通过左下角的”管理所有模板”进行选择。

模板结构

该模板定义了单篇文章的显示结构与设计,您可以根据需求进行修改。以当前安装的Twenty Twenty-Four主题为例,在站点编辑器中默认模板结构如下:通过列表视图可清晰查看模板架构——顶部是文章特色图像,下方依次是标题、发布日期/作者/分类等元数据,接着是文章内容区块、文章标签区块,最后是评论区块。请注意:若需要保留文章评论功能,请勿误删评论区块。

现在让我们预览前端效果:顶部显示特色图像,接着是标题/日期/作者/分类信息,然后是文章内容和标签,底部呈现用户评论。

模板自定义:示例一

现在开始自由修改模板。第一个示例中:选择包含文章标题和元数据的堆叠区块,将其拖拽至特色图像上方。接着选中特色图像,在侧边栏设置中进入样式选项,将宽高比调整为16:9。这样可确保所有文章的特色图像尺寸统一。保留其余模板设置不变,点击保存后即可在前端看到标题和元数据置顶,特色图像比例也已生效。

模板自定义:示例二

第二个示例使用封面区块创建自定义文章页眉。首先在模板顶部添加封面区块,选择使用特色图像。为节省时间,复制包含Logo和导航菜单的行区块到封面区块内。在其下方添加网站标题和文章元数据,通过拖拽堆叠区块实现。随后删除原有页眉和特色图像区块。接着居中对齐网站标题与元数据,为网站标题添加内边距以增加留白。最后选择封面区块,在样式中设置白色叠加层并将不透明度调整为70%。保存后即可查看新模板效果——如图所示,分别是关于葡萄牙冲浪和开普敦桌山的文章示例。

清除自定义设置

温馨提示:若对修改不满意,可点击模板名称旁的三个竖点选择”清除自定义”,模板将恢复初始状态。或通过”管理所有模板”进行重置。

结语

相信您现在对自定义文章布局更有信心了。

实践练习

请使用WordPress Playground测试所学知识:

1. 打开单篇文章模板

2. 如视频演示,使用封面区块为模板创建自定义文章页眉