修改 Kadence主题 Single Post Layout 单篇文章布局设置

Kadence主题 Single Post Layout 单篇文章布局设置详解

要修改用Kadance主题搭建的WordPress网站下Post文章的页面布局

首先要进入WP网站后台的外观Appearance，然后点击自定义Customize，点击Posts / Pages Layout 文章/页面布局，点击单篇文章布局 Single Post Layout, 就可以修改文章的页面样式了

由于airintakehose.net 先准备暂停建设，所以这里及以后先用airintakehose.cn来进行举例

文章标题 Post Title

是否显示文章标题 Show Post Title?

是否显示文章标题功能：用来控制Posts文章是否显示标题？以下是开启和关闭后的对比：

当关闭显示文章标题功能后，可以看到文章的标题区域消失了

文章标题布局 Post Title Layout

Kadence主题 文章标题布局 Post Title Layout 提供了2种显示方式：

• In Content 在内容中
• Above Content 在内容上

区别如下：

当你在文章标题布局 Post Title Layout 中选择了 Above Content 在内容上，还会出现 容器宽度Container Width 和 容器高度 Container Min Height 的2个控制选项

容器宽度 Container Width

• STANDARD 标准：背景是全宽的，其中包含内容
• FULLWIDTH 全款：背景和内容全宽
• CONTAINED 包含：背景和内容包含

容器高度 Container Min Height

主要用于控制背景容器的高度，这里的px指的是像素

文章标题对齐 Post Title Align

文章标题对齐 Post Title Align 提供了3种对齐样式：

• 左对齐标题 Left Align Title
• 居中对齐标题 Center Align Title
• 右对齐标题 Right Align Title

标题元素 Title Elements

标题元素可以控制内容区域中可出现的元素，且可以通过拖动的方式调整位置

• 面包屑导航：Breadcrumb
• 所属分类：Categories
• 文章标题：Title
• 元数据：Meta
• 摘要：Excerpt

这是我目前网站的样式，我把所属分类Categories 和 摘要Excerpt给关闭了显示。

默认文章布局 Default Post Layout

默认文章布局用于控制文章正文的布局样式，这是文章布局的图解

默认文章布局 Default Post Layout

默认文章布局 提供了5种内容布局样式：

1. 常规Normal
2. 狭窄Narrow
3. 全宽Fullwidth
4. 左侧边栏Left Sidebar
5. 右侧边栏Right Sidebar

文章默认侧边栏 Post Default Sidebar

侧边栏需要去WordPress 后台 外观Appearance 下的小工具widgets 中去设置

Kadence 主题提供了2个小工具栏，分别是Sidebar 1 和Sidebar 2 ，在后台设置好样式后，就会在前端中显示出效果，前提是你调用了这个小工具栏

内容风格 Content Style

内容风格有2种：

• 盒装 Boxed
• 非盒装 Unboxed

当你选择一个盒装风格后，正文会被放到一个容器中，其容器背景颜色与网站背景颜色不一样，这就是盒装

内容垂直间距 Content Vertical Spacing

• 启用：正文区域会与上方的容器区域或菜单栏区域有明显的间距
• 禁用：正文区域会紧挨着上方及下方的容器区域
• 仅顶部：顶部区域会空出一段距离
• 仅底部：底部区域会空出一段距离

显示特色图片 Show Featured Image

当开启显示特色图片功能后，会控制特色图片出现的位置

• 上方：在正文区域内部的上方
• 后面：在正文容器上方的后方
• 下方：在正文区域内部标题区域的下方

显示特色图片说明

是否显示文章特色图片的ALT

特色图片的比例

• 继承：图片的原始尺寸显示在正文容器中
• 1：1
• 4：3
• 3：2
• 16：9
• 2：1

显示文章标签

在文章底部是否显示文章标签，如果你填写了文章标签且打开该功能，则会在文章末尾显示此文章的标签TAGS

在盒装模式下显示页脚区域

如果你选怎了盒装模式，且你对你的页脚区域Footer 做了丰富的设计，可以选择打开此选项显示出来

关闭则显示普通的简约风格页脚

显示作者盒子

开启功能后会在文章容器的下方新增一个关于作者及作者头像及作者个人说明的容器

使用作者存档链接

使用作者存档链接则表示：作者名称可以被点击，然后连接到作者发布过的文章页面

显示文章导航

开启后，文章容器下方会出现上一篇和下一篇的浏览功能

显示相关文章

开启后，文章容器下方会多出一个容器用来显示相关文章

是否显示相关文章的翻页指示点 Show Related Posts Pagination Dots?

因为这个选项没有汉译，所以我翻译过来了

这是一个增加相关文章互动性的功能，视觉表现：在相关文章列表的下方，会出现几个小圆点。

相关文章专栏

用来控制相关文章这个容器中所显示的文章数量，从2-4

相关文章标题

用来控制相关文章这个容易中的标题，例如：可以改成相关产品、相关新闻、相关内容、等等

相关文章排序方式

这个功能决定了用什么标准来筛选和排列推荐的文章。

1. 随机（默认）
2. 文章ID
3. 作者
4. 文章标题
5. 文章别名
6. 发布日期
7. 修改日期
8. 父级文章ID
9. 评论数量
10. 菜单顺序

相关文章排序

这个功能决定了上面那个标准的排列方向（即从大到小还是从小到大）。

无限循环相关文章轮播

这个选项只有在你将相关文章的布局设置为 Carousel（轮播/滑动） 模式时才有效。

• 开启（勾选）：当用户向右滑动到最后一张相关文章卡片时，它会自动连回第一张，实现“无缝循环”。用户可以一直朝一个方向不停地滑动。
• 关闭（取消勾选）：当滑动到最后一张文章时，滑动就会停止（撞墙感），用户必须向反方向滑动才能回到前面的文章。

显示评论

是否在Post文章中显示评论，关闭后，用户无法在Post文章中进行评论，因为当前修改的是文章页面的样式

显示评论日期

开启显示评论后才会出现的功能，可以显示用户评论时的日期