证明

在本文中,我们将讨论证词元素及其设置。

  1. 证明设置
  2. 引用设置
  3. 图形设置
  4. 定制
  5. 演示
  6. 总结

奖状元素在页面上添加奖状。添加证明元素,只需搜索“奖状”,并拖动“奖状”到画布。

添加证明元素

证明设置

奖状设置包含微调元素奖状部分的选项。

证明元素正面

内容

使用此选项可添加主要的证明内容。

证明元素内容

设置

“设置”部分包含用于初始设置凭据的控件。

证明元素设置
  • 基本字体大小-使用此选项设置奖状的基本字体。
  • 宽度-使用此选项设置凭据的宽度。
  • 最大宽度-使用此选项设置凭据的最大宽度。
  • 背景-使用此选项设置奖状的背景颜色。

Flexbox

Flexbox部分包含使用CSS Flexbox显示设置奖状位置的控件。

证明元素Flexbox
  • 孩子的位置:使用这个选项来决定证明元素的项目应该垂直排列(列)还是水平排列(行)。
  • 反向:启用此选项将导致证明元素以相反的方式铺设。
  • 包装:当较小的设备中没有足够的空间时,启用此选项以包装凭据元素。
  • 水平对齐:使用此选项来水平布局证明元素。
  • 垂直对齐:使用此选项垂直布局证明元素。

点击在这里查看有关Flexbox显示器的更多信息。

保证金

使用此选项可设置凭据页边距。您可以更改奖状的所有方面的设置或单独修改它们。

证明页边距

填充

使用此选项设置凭据的填充。您可以更改奖状的所有方面的设置或单独修改它们。

证明元素填充

边境

使用此选项可设置凭据的边框。您可以设置风格宽度而且颜色边界的每一面或每一面。

证明元素设置边框

边界半径

使用此选项可设置凭据的边界半径。你可以设置曲线的所有边或单独设置它们。

证明元素设置边界半径

盒阴影

您可以使用框阴影控制组在凭据上设置阴影。

  • x-使用这个选项来设置阴影的X偏移量。
  • y-使用这个选项来设置阴影的Y偏移量。
  • 模糊-使用这个选项来设置证词中的模糊效果的强度。
  • 传播&位置-使用这个选项来设置物品部分阴影的扩散量,并决定你想让阴影位于奖状的内部还是外部。
  • 颜色-使用此选项设置凭据阴影的颜色。
证明元素设置框阴影

文本格式

您可以使用此控制组来设置凭据中的文本格式。

奖状文本格式
  • 字体-使用此选项设置奖状文本的字体。
  • 字体粗细-使用此选项设置字体的重量或厚度。根据字体的选择以及所选字体是否支持权重,这些值可能有所不同。
  • 字体大小-使用此选项设置字体大小。
  • 字符间距—设置字母之间的空格。
  • 行高-使用此选项设置每行之间的间距。
  • 字体样式-使用这个选项来决定你是否想要一个正常的斜体风格。
  • 文本对齐-使用此选项设置文本的对齐方式。可能的值为中心正确的,证明
  • 文本装饰—使用此选项强制执行下划线linethrough风格。
  • 文本转换—使用此选项设置文本的大小写。可用的选项有大写字母驼峰式大小写,小写字母
  • 文本颜色-使用此选项设置文本的颜色。
证明文本格式

文本的影子

文本阴影控制组包含为证明文本设置文本阴影的设置。

见证文本阴影
  • x-使用此选项设置文本阴影的X偏移量。
  • y—使用此选项设置文本阴影的Y偏移量。
  • 模糊-使用此选项设置文本阴影的模糊效果的强度。
  • 颜色-使用此选项设置文本阴影的颜色。

引用设置

证言元素有引用部分,它显示提供证言的人的信息。下面是微调Citation部分的设置。

设置

使用此选项设置是否应该放置引用之前见证书本身。你也可以使用背景选项为引用部分设置背景颜色。

证明元素引用设置

Flexbox

Flexbox部分包含使用CSS Flexbox显示设置引用位置的控件。

证明元素引用Flexbox
  • 孩子的位置:使用此选项决定引用的项目应该垂直(列)还是水平(行)排列。
  • 反向:启用此选项将导致引用以相反的方式放置。
  • 包装:当较小的设备中没有足够的空间时,启用此选项以包装引用。
  • 水平对齐:使用此选项水平布局引用。
  • 垂直对齐:使用此选项垂直布局引文。

点击在这里查看有关Flexbox显示器的更多信息。

保证金

使用此选项设置引用的页边距。您可以更改引用的所有方面的设置,也可以单独修改它们。

证明元素引用空白

填充

使用此选项设置引用的填充。您可以更改引用的所有方面的设置,也可以单独修改它们。

证明元素引用填充

边境

使用此选项可设置引用的边框。您可以设置风格宽度而且颜色边界的每一面或每一面。

证明元素引用设置边界

边界半径

使用此选项可为引用设置边界半径。你可以设置曲线的所有边或单独设置它们。

证明元素引用设置边界半径

盒阴影

您可以使用框阴影控制组在引用上方设置阴影。

  • x-使用此选项设置阴影在引用中的X偏移量。
  • y-使用此选项设置阴影在引用中的Y偏移量。
  • 模糊-使用此选项在引用中设置模糊效果的强度。
  • 传播&位置-使用此选项设置项目部分阴影的扩散量,并决定阴影是位于引用的内部还是外部。
  • 颜色-使用此选项设置引用阴影的颜色。
证明元素引用设置框阴影

文本格式

您可以使用这个控制组来设置引用中的文本格式。

证言元素引证文本格式
  • 字体-使用此选项设置引用文本的字体。
  • 字体粗细-使用此选项设置字体的重量或厚度。根据字体的选择以及所选字体是否支持权重,这些值可能有所不同。
  • 字体大小-使用此选项设置字体大小。
  • 字符间距—设置字母之间的空格。
  • 行高-使用此选项设置每行之间的间距。
  • 字体样式-使用这个选项来决定你是否想要一个正常的斜体风格。
  • 文本对齐-使用此选项设置文本的对齐方式。可能的值为中心正确的,证明
  • 文本装饰—使用此选项强制执行下划线linethrough风格。
  • 文本转换—使用此选项设置文本的大小写。可用的选项有大写字母驼峰式大小写,小写字母
  • 文本颜色-使用此选项设置文本的颜色。
引言文本格式

文本的影子

文本阴影控制组包含为引用文本设置文本阴影的设置。

证言元素引证文本阴影
  • x-使用此选项设置文本阴影的X偏移量。
  • y—使用此选项设置文本阴影的Y偏移量。
  • 模糊-使用此选项设置文本阴影的模糊效果的强度。
  • 颜色-使用此选项设置文本阴影的颜色。

图形设置

奖状元素有一个图形部分,你可以添加一个图标或图像的审美目的。下面是微调图形部分的设置。

图形的设置

图形设置控制组为您提供了启用和设置凭据图形图标的选项。

证明元素图形设置
  • 启用—使用此选项可启用或禁用凭据的图标。
  • 类型-使用此选项来决定是否证明图形类型应该是图标,或图像.根据图形类型的选择,将有不同的对照组。
  • 位置:使用此选项来决定是否将图形定位在引用或在证明元素。

图形边缘

使用此选项可设置凭据图形的边距。您可以更改凭据图形的所有方面的设置或单独修改它们。

证明元素图形空白

图形图标

使用此选项可微调奖状的图形图标。如果您将奖状的图形类型设置为图标,此选项将显示出来。

证明元素图形图标
  • 字体大小-使用此选项设置凭据图形图标的基本字体。
  • 宽度和高度-使用这些选项来设置证书图形图标的宽度和高度。
  • 主要的图标-使用此选项选择凭据图形的主图标。
  • 颜色-使用此选项设置证书图形图标的颜色。
  • 背景—使用此选项设置凭证图形图标的背景。

图形图标边框

使用此选项可设置“凭证”图形图标的边框。您可以设置风格宽度而且颜色边界的每一面或每一面。

证明元素图形图标边界

图形图标边界半径

使用此选项可设置“见证”图形图标的边界半径。你可以设置曲线的所有边或单独设置它们。

证明元素图形图标边界半径

图形图标框阴影

您可以使用框阴影控制组在凭据图形图标上设置阴影。

证明元素图形图标框阴影
  • x-使用这个选项来设置阴影的X偏移量。
  • y-使用这个选项来设置阴影的Y偏移量。
  • 模糊-使用这个选项来设置证词中的模糊效果的强度。
  • 传播&位置-使用这个选项来设置物品部分阴影的扩散量,并决定你想让阴影位于奖状的内部还是外部。
  • 颜色-使用此选项设置凭据阴影的颜色。

图形图标文字阴影

主文本阴影控制组包含设置,以设置凭据图形图标的文本阴影。

证明元素图形图标文本阴影
  • x-使用此选项设置文本阴影的X偏移量。
  • y—使用此选项设置文本阴影的Y偏移量。
  • 模糊-使用此选项设置文本阴影的模糊效果的强度。
  • 颜色-使用此选项设置文本阴影的颜色。

图形图像

如果选择图像作为图形类型,则会出现此选项。

证明图形图像
  • 最大宽度-使用此选项设置证书图形图像的最大宽度。

主图形图像

图形图像控制组用于为见证图形设置图像。

证明主要图形图像
  • 视网膜-视网膜支持是开箱即用的。点击眼睛禁用视网膜支持。还支持设置图像的宽度和高度的选项。
  • —要使用的映像。单击从WordPress媒体库中选择图片或上传新图片。
  • Alt文本-你的图像的替代文本。一定要为屏幕阅读器设置这个!

定制

自定义面板包含各种功能,允许你进一步控制元素的样式和功能:

  • ID - - - - - -在元素上设置HTML ID。
  • - - - - - -在元素上设置一个HTML类。
  • 元素的CSS - - - - - -使用此特性可以增加对Element的样式控制,特别是对嵌套标记。点击在这里有关此功能的更详细信息,如使用el美元动态定位基标签,等等。
  • 在断点时隐藏 - - - - - -当需要改变设计时,在不同的屏幕尺寸隐藏元素。点击在这里更多信息。
  • 条件 - - - - - -当满足某些条件时,从页面中添加/删除元素(例如:如果特色图像设置…).点击在这里更多信息。
  • 自定义属性 - - - - - -使用此选项将自定义HTML属性添加到元素的根标记(例如。data-info = " 123 ").这在与各种脚本和库集成时特别有用。

演示

要查看证明元素的现场演示,请单击在这里

总结

总之,我们已经讨论了证明元素。我们已经讨论了在页面上添加奖状元素是一个简单的工具,我们已经学习了如何改变它的内容和设计,并深入研究了奖状元素设置的细节。

看到不准确的地方了吗?让我们知道

Baidu
map