发布特色图像块

转到块列表

使用文章特色图像块显示文章的特色图像。此块主要嵌套在查询循环块并帮助自定义查询循环的外观。

要添加Post Featured Image块,请执行以下操作:

  1. 单击块插入器图标。
  2. 搜索帖子特色图像.
  3. 单击它将块添加到Post Template中。
GIF显示如何添加Post Featured Image块

您还可以键入/post-featured-image并在新的段落块中单击enter以快速添加post-featured image块。 

快速添加帖子特色图像块
快速添加帖子特色图像块

关于添加块的详细说明

特色图像块占位符
特色图像块占位符

块工具栏

要查看块工具栏,请单击块并显示工具栏。

每个块都有独特的工具栏图标。这些特定于块的控件允许您在编辑器中操作块。

发布特色图像块在块工具栏中显示六个按钮:

  • 转换为
  • 拖动图标
  • 移动手柄
  • 应用双色调过滤器
  • 更改对齐方式
  • 更多选项
张贴特色图片块工具栏
张贴特色图像块工具栏

转换为:

张贴特色图片块的变换选项
Post Featured Image块的变换选项

单击“转换”按钮将“发布特色图像”块转换为“组”块或“列”块。 

拖动图标:

拖动“发布特色图像”块中的图标
拖动“发布特色图像”块中的图标

要将块拖放到页面模板上的新位置,请单击并按住点矩形,然后拖动到新位置。蓝色分隔线指示块的放置位置。找到放置块的新位置后,释放鼠标左键。

移动箭头:

移动“发布特色图像”块中的箭头
移动“发布特色图像”块中的箭头

上下箭头图标可用于在页面上上下移动块。

获取有关在编辑器中移动块的详细信息。

更改对齐方式:

更改“发布特色图像”块中的对齐选项
更改“发布特色图像”块中的对齐选项
  • 无–将块保留为当前大小。
  • 宽宽度–将块的宽度增加到内容大小之外。
  • 全宽–延长挡块以覆盖屏幕的整个宽度。
  • 左对齐–使块左对齐。
  • 居中对齐–使块中心对齐。
  • 向右对齐–使块正确对齐。

应用双色调过滤器

您可以在特征图像上创建双色调颜色效果(称为双色调效果),而无需实际更改原始图像。双色调效果在高对比度图像上效果最佳。 

您可以从下拉列表中提供的六个双色调预设列表中选择两种效果颜色。 

  1. 前景和背景
  2. 前景和次要
  3. 前台和三级
  4. 主要和背景
  5. 初级和次级
  6. 一级和三级

这些颜色基于主题调色板中设置的前景、背景、主色、次色和三级色。

在Post Featured Image块中应用双色调过滤器
在Post Featured Image块中应用双色调过滤器

您还可以通过单击“阴影/高光”选项为阴影和高光选择自己的颜色,该选项将打开颜色选择器并从调色板中选择自定义颜色。 

视频演示如何应用双音滤波器
视频演示如何应用双音滤波器

要清除所做的所有更改,请使用右下角的清除按钮。

更多选项

块工具栏上的“更多”选项提供了更多功能来自定义块。您可以选择将块复制、复制和编辑为HTML。

阅读这些和其他设置。

阻止设置

除了在块工具栏。如果您没有看到侧边栏,请单击发布更新按钮。

如何打开“块设置”侧栏
如何打开“块设置”侧栏
张贴特色图片块中的块设置
发布特色图像块中的块设置
发布特征图像块中的块样式设置
发布特征图像块中的块样式设置

链接到帖子

打开“块设置”中的“链接到帖子”按钮,将特色图像链接至帖子的URL。这使网站访问者可以通过单击特色图片转到帖子。还有一个选项可以在新选项卡中打开链接并设置链接rel。

发布特色图像块中的链接设置
发布特色图像块中的链接设置

样式

可以在块设置中的第二个选项卡上找到样式设置。

颜色

在颜色下,可以使用选项设置覆盖颜色和不透明度。设置覆盖颜色并将不透明度从0调整到100,您将注意到它对图像的影响。

如果主题支持渐变预设,也可以使用渐变作为覆盖。

不透明度为60%的渐变叠加
不透明度为60%的渐变叠加

过滤器

也可以从样式设置中设置双色调过滤器。它的工作方式与块工具栏(如上所述)下的可用选项相同。 

尺寸

标注控件用于通过更改填充、边距和其他标注的值来控制块组如何并排放置。

可用尺寸控制

  • 衬垫
  • 保证金
  • 纵横比–更改图像的形状,这可能会导致大小改变。
  • 高度和宽度

了解有关尺寸控制的详细信息。

根据主题设置,纵横比可能不同。

边框

设置图像的边框和边框半径。 

关于边境管制的详细说明

高级设置

“高级”选项卡允许您将CSS类添加到块中。这将允许您向块中写入自定义CSS和样式。

所选块中的高级选项
所选块中的高级选项

站点模板内部

可以在内部添加和管理特色图像块网站模板,如果主题支持站点编辑器.

这里的块设置比文章或页面编辑器中的选项多一点,例如缩放设置。

带循环块的存档模板屏幕,包括特色图像块
带循环块的存档模板屏幕,包括特色图像块

变更日志

  • 2023-12-22更新
    • 添加块占位符屏幕截图
    • 添加渐变覆盖
    • 在网站模板部分内部添加
    • 添加纵横比视频
  • 2023-12-15年更新
    • 更新了6.3的屏幕截图
    • 添加样式设置
  • 创建于2022-03-17

这篇文章有用吗?如何改进?

首次发布

上次更新时间