Wordpress插件与设计 - Elementor 基础教程 19 - 证明小工具的设置和使用方法 - 特色图片

Elementor 基础教程 19 - 证明小工具的设置和使用方法

Elementor 证明小部件是一种有效的工具,可用来显示用户的评论或评价等信息。

使用这个工具,不仅可以在页面上添加用户的评论或推荐内容,还可以以动态的方式让用户对网站的服务或产品进行评级。

由于这些都是用户的推荐或评价内容,所以不仅可以吸引一般读者的注意,还可以与用户建立信任关系,推动业务的发展。

本教程将指导你如何设置和使用证明小部件。

Elementor 证明小工具

首先,将证明小部件拖放到编辑栏中。如下图

将证明小部件拖放到编辑栏后,你将看到如下画面。

1.证明小部件的内容标签

证明小部件的内容标签只有证明设置项。主要包括以下设置选项。

  1. 内容
  2. 选择图像
  3. 图像尺寸
  4. 名称
  5. 标题
  6. 链接
  7. 图像的位置
  8. 对齐

1-1 内容

内容选项用于输入推荐或评论的自定义或动态内容。

在内容栏中输入的文本会自动显示在证明小部件的文本位置。

1-2 选择图像

选择图像选项用于自定义或动态选择证明小部件的图像。

当你将鼠标移动到选择图像的位置时,会出现含有《选择图像》的选项框。点击选择图像进入媒体库。如下图。

按照上述步骤,在媒体库中选择一张图片后,点击插入媒体即可返回编辑页面。

如你所见,已选择的图片已插入到证明小部件的图像位置。

1-3 图像尺寸

图像尺寸选项用于指定图像的加载尺寸。

在证明小部件中,由于图像本身显示的大小并不大,所以在尺寸的选择上并没有特定的要求,你可以随意选择。

1-4 名称

名称选项用于为图片中的人物或公司添加名称。

在上图中,图片中的人物被命名为卡费尔。当在名称栏中输入卡费尔时,小部件中的名称文本内容也会同步更新。

1-5 标题

标题选项用于为图片中的人物或公司添加职位或公司属性等信息。

例如,如果图片中的人物是一位知名医生,那么你可以在内容中写入“知名医生推荐的产品”等信息。

1-6 链接

链接选项用于为证明小部件添加链接。

关于自定义链接,只会在名称,标题,图像中添加。内容区域不会有链接,点击也不会跳转到自定义页面。

1-7 图像的位置

图像的位置选项用于指定图像与标题和名称之间的位置。 如下图

当选择“在旁边”时,图像会出现在名称和标题的左侧;当选择“顶部”时,图像会出现在名称和标题的上方。

1-8 对齐

对齐选项用于指定证明小部件的内容在编辑栏中的水平对齐方式。

你可以选择左对齐,居中对齐,右对齐。默认设置是居中对齐。

需要注意的是,对齐不仅包括内容,还包括图像和名称、标题,所以在设置时需要考虑这些因素。

2. 证明小工具的样式标签

证明小工具的样式标签主要包括以下设置项:

  1. 内容
  2. 图像
  3. 名称
  4. 标题

在上述设置项中,内容、名称、标题都是文本设置项,下面简单说明一下。

2-1. 内容/名称/标题

内容、名称、标题设置项可以自定义文字颜色、字体、大小、粗细和装饰等。

通常有颜色、排版、文本阴影3个设置选项,以下以内容部分为例进行说明。

关于文本的功能设置和详细说明,请参考《Elementor基础教程 – 文本编辑器 小工具的设置和使用方法》。

2-2. 图像

图像设置项可以自定义图像大小和边框。

  • 图像尺寸: 这个设置项可以指定图像大小,可以在0到200之间进行设置,数值越大,图像越大。
  • 边框宽度: 这个设置项可以指定边框宽度,数值越大,边框宽度越大。
  • 边框弧度: 这个设置项可以指定边框四角的弧度,数值越大,弧度越大,越靠近圆形。

关于图像的详细功能设置和使用方法,请参考《Elementor 基础教程 – 图像小工具的设置和使用方法》。

3. 证明小工具的高级设置

高级设置是所有小工具通用的设置项,具体功能设置和使用方法,请阅读《Elementor通用教程 – 高级标签的设置和使用方法》。

以下是实战案例样本。

以上就是证明小工具的功能设置和使用方法,希望本篇内容对您使用Elementor有所帮助。

用户评论
{{ reviewsTotal }}{{ options.labels.singularReviewCountLabel }}
{{ reviewsTotal }}{{ options.labels.pluralReviewCountLabel }}
{{ options.labels.newReviewButton }}
{{ userData.canReview.message }}
副业时代 站内使用 图像内容 LOGO图像 4
fuyeshidai

做点副业,为生活加点料

快速 搜索
相关 文章
Wordpress插件与设计 - WP教程 2 - 别再傻傻分不清了!一文读懂WordPress.com和WordPress.org的区别 - 特色图片
WP教程 2 - 别再傻傻分不清了!一文读懂WordPre...
Wordpress插件与设计 - WP教程 24 - 掌握WordPress的排版艺术,让你的内容展示方式更具吸引力! - 特色图片
WP教程 24 - 掌握WordPress的排版艺术,让你的...
Wordpress插件与设计 - JetEngine 使用教程 1 - 如何制作自定义文章类型以及进行具体设置和使用方法 - 特色图片
JetEngine 使用教程 1 - 如何制作自定义文章类...
Wordpress插件与设计 - Elementor 基础教程 16 - 图标列表小工具的设置和使用方法 - 特色图片
Elementor 基础教程 16 - 图标列表小工具的设置...
Wordpress插件与设计 - Elementor 通用教程 1 - 全局颜色和全局字体的设置方法 - 特色图片
Elementor 通用教程 1 - 全局颜色和全局字体的...
Wordpress插件与设计 - Elementor 专业教程 9 - Animated Headline小工具的设置和使用方法 - 特色图片
Elementor 专业教程 9 - Animated Headline小工...
Wordpress插件与设计 - WP教程 18 - 设置自定义静态首页,打造吸引眼球的网站门面! - 特色图片
WP教程 18 - 设置自定义静态首页,打造吸引眼球...
Wordpress插件与设计 - Elementor 基础教程 21 - 手风琴小工具的设置和使用方法 - 特色图片
Elementor 基础教程 21 - 手风琴小工具的设置和...
Wordpress插件与设计 - Elementor 专业教程 4 - Gallery小工具的设置和使用方法 - 特色图片
Elementor 专业教程 4 - Gallery小工具的设置和...
Wordpress插件与设计 - Elementor 专业教程 23 - Facebook Comments小工具的设置和使用方法 - 特色图片
Elementor 专业教程 23 - Facebook Comments小...
已阅读 文章一览
没有找到更多文章
站长 推荐
副业项目 与技能
from-keywords-to-content-optimization-seo-strategy tumnail

从关键词到内容优化,提升博客流量的SE...

WP教程 与设计
Wordpress插件与设计 - Elementor 基础教程 24 - 警告小工具的设置和使用方法 - 特色图片

Elementor 基础教程 24 - 警告小工具的...

Wordpress插件与设计 - WP教程 11 - 想让文章更出彩?特色图片是关键! - 特色图片

WP教程 11 - 想让文章更出彩?特色图片...

Wordpress插件与设计 - WP教程 16 - 一步步教你如何创建诱人的导航菜单 - 特色图片

WP教程 16 - 一步步教你如何创建诱人的...

Wordpress插件与设计 - Elementor 专业教程 15 - Media Caroucel小工具的设置和使用方法 - 特色图片

Elementor 专业教程 15 - Media Carouc...

Wordpress插件与设计 - Elementor 基础教程 9 - 谷歌地图小工具的设置使用方法 - 特色图片

Elementor 基础教程 9 - 谷歌地图小工...

Wordpress插件与设计 - Crocoblock 通用教程 1 - 购买或订阅Jet插件和在WP中激活插件的方法 - 特色图片

Crocoblock 通用教程 1 - 购买或订阅Je...

AI工具 与服务
AI工具与服务推荐 - HairstyleAI - AI换发型工具 - 特色图片

HairstyleAI - 无需剪发也能尝试新发型...

AI工具与服务推荐 - 影刀RPA - RPA自动化软件 - 特色图片

YingDao RPA - 影刀RPA,自动化操作的...

AI工具与服务推荐 - Fitten Code - AI编程助手 - 特色图片

Fitten Code - AI编程助手与你同行,编...

AI工具与服务推荐 - Jan - 开源AI应用 - 特色图片

Jan - 把你的电脑变成AI大脑,本地运行...

AI工具与服务推荐 - Columns - 数据可视化工具 - 特色图片

Columns - 数据可视化协作平台,洞察数...

AI工具与服务推荐 - PhotoKit - AI照片编辑器 - 特色图片

PhotoKit - AI在线照片编辑器,批量处...

Canva教程 与技巧
Canva使用教程 - Canva 新手指南 8 - 提升设计效率!使用调整功能,轻松管理素材样式和层级 - 特色图片

Canva新手指南8 - 提升设计效率!使用...

Canva使用教程 - Canva 相关教程 2 - Canva免费版与付费版的详细解析,助你做出最明智的选择? - 特色图片

Canva 相关教程 2 - Canva免费版与付费...

Canva使用教程 - Canva 相关教程 1 - 未来的设计在这里!Canva「Magic Studio」AI工具包大揭秘! - 特色图片

Canva 相关教程 1 - 未来的设计在这里...

Canva使用教程 - Canva 新手指南 7 - 掌握Canva Mockup功能!轻松打造完美合成图像 - 特色图片

Canva新手指南7 - 掌握Canva Mockup功...

Canva使用教程 - Canva 相关教程 3 - 设计初体验!用Canva打造你的第一个创意作品 - 特色图片

Canva 相关教程 3 - 设计初体验!用Can...

Canva使用教程 - Canva 新手指南 4 - 告别平庸!用Canva打造与众不同PPT演示文稿 - 特色图片

Canva新手指南4 – 告别平庸!用Canva打...

社媒运营 与营销
社媒运营推广 - Youtube - 如何正确选择一款适合自己的视频编辑软件? - 特色图片

如何正确选择一款适合自己的视频编辑软...

社媒运营推广 - Youtube - 新手必看!解锁YouTube视频广告投放优化技巧,提升转化率 - 特色图片

新手必看!解锁YouTube视频广告投放优...

社媒运营推广 - Youtube - 特色图片设计终极指南,打造吸睛的视频门面! - 特色图片

缩略图设计终极指南,打造吸睛的视频门...

社媒运营推广 - Youtube - 一文读懂YouTube Premium会员权益!让你不再犹豫 - 特色图片

一文读懂YouTube Premium会员权益!让...

社媒运营推广 - Youtube - 从0到10万!12个实用技巧快速提升YouTube频道的订阅量 - 特色图片

从0到10万!12个实用技巧快速提升YouTu...

社媒运营推广 - Youtube - YouTube运营全攻略 从零到一打造你的油管频道 - 特色图片

YouTube运营全攻略:从零到一打造你的油...

AI工具 分类筛选
AI Main Category checkbox