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

Elementor 基础教程 13 - 星级小工具的设置和使用方法

Elementor的星级小工具是一个引人注目的工具。

使用它可以在网页中创建友好和互动的评级内容,包括产品、服务或任何其他希望评分的内容。

星级小工具还提供了多种功能,比如支持多语言和添加用户评论功能,这样可以轻松获取客户对产品或服务的体验反馈,提高客户参与度和转化率。

本教程将说明星级小工具的功能设置和使用方法。

Elementor 星级小工具

首先,将星级小工具拖放到编辑栏中。如下图所示:

将星级小工具拖到编辑栏后,您将看到如下界面:

1. 星级小工具的内容标签

星级小工具的内容标签只有评级设置选项。

评级设置选项包括以下设置项:

  1. 评级标准
  2. 评分
  3. 图标
  4. 无标记风格
  5. 标题
  6. 对齐

1-1 评级标准

评级标准是指定星级图标数量的选项。可以选择0-5和0-10之间的任何一个。如下图所示:

可以选择使用5个星级还是10个星级来表示。

1-2 评分

评分是指定评分星级数量的设置选项。可以手动设置或动态设置。

在手动设置时,可以在输入栏中直接输入评分数字(但数值不能超过星级数)。如下图所示:

关于动态设置,我们会在其他内容中详细介绍,此处忽略。

1-3 图标

图标是指定星级图标形状的设置选项。可以在FontAwesom和Unicode中选择。如下图所示:

选择Unicode时,有些设备中的形状可能会变形,所以建议选择FontAwesome。

1-4 无标记风格

无标记风格是指定实线星级或者轮廓星级图标的设置选项。选择效果如下:

无标记风格是选择没有评分星级的形态,可以将没有评分星级的图标与背景颜色统一,并进行隐藏。具体选择哪种形态,根据设计需求进行设置。

1-5 标题

标题是给星级添加特定文字内容的设置项。例如等级,评分,推荐指数,服务满意度等。

在设置星级小工具时,最好添加一个标题,以便让用户知道这个评级是关于什么主题的。

1-6 对齐

对齐是指定星级小工具在编辑栏内的位置选项。可以选择左对齐,居中对齐,右对齐,两端对齐。如下图所示:

当选择两端对齐时,标题和星级图标会左右分开对齐。

2. 星级小工具的样式标签

样式标签主要包括以下设置选项:

  1. 标题
  2. 星级

2-1 标题

标题是自定义星级标题的设置选项。主要设置选项包括:

  • 文本颜色:给标题选择或更换颜色。
  • 排版:给标题选择字体,粗细,装饰,行高等设置。
  • 文本阴影:给标题添加文本阴影效果。
  • 间距:指定标题与星级之间的距离。

关于标题的具体功能设置以及使用说明,请阅读《Elementor 基础教程 – 标题小工具的设置和使用方法》。

2-2 星级

星级是自定义星级图标的设置选项。主要设置选项包括:

  • 尺寸:自定义设置图标大小。
  • 间距:自定义设置图标之间的间距。
  • 颜色:自定义设置星级评分图标颜色。
  • 无标记颜色:自定义设置未评分的星级图标颜色。

关于图标的具体功能设置以及使用说明,请阅读《Elementor 基础教程 – 图标小工具的设置使用方法》。

3. 星级小工具的高级设置

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

以上就是星级小工具的功能设置和使用方法,希望本教程对您使用Elementor有所帮助。

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

做点副业,为生活加点料

快速 搜索
相关 文章
Wordpress插件与设计 - Elementor 基础教程 24 - 警告小工具的设置和使用方法 - 特色图片
Elementor 基础教程 24 - 警告小工具的设置和使...
Wordpress插件与设计 - Elementor 专业教程 33 - 制作MegaMenu的步骤以及使用方法 - 特色图片
Elementor 专业教程 33 - 制作MegaMenu的步骤以...
Wordpress插件与设计 - Elementor 专业教程 14 - Call To Action小工具的设置和使用方法 - 特色图片
Elementor 专业教程 14 - Call To Action小工具...
Wordpress插件与设计 - Elementor 专业教程 26 - Template小工具的设置和使用方法 - 特色图片
Elementor 专业教程 26 - Template小工具的设置...
Wordpress插件与设计 - WP教程 22 - 再也不将就!用Text Blocks打造精美的文字布局 - 特色图片
WP教程 22 - 再也不将就!用Text Blocks打造精...
Wordpress插件与设计 - Elementor 专业教程 2 - Post小工具的设置和使用方法 样式标签篇 - 特色图片
Elementor 通用教程 3 - 小工具样式标签的通用...
Wordpress插件与设计 - Elementor 基础教程 27 - HTML小工具的设置和使用方法 - 特色图片
Elementor 基础教程 27 - HTML小工具的设置和使...
Wordpress插件与设计 - WP教程 3 - 一文解析WordPress帖子与页面,轻松掌控网站展示方式 - 特色图片
WP教程 3 - 一文解析WordPress帖子与页面,轻松...
Wordpress插件与设计 - Crocoblock 通用教程 1 - 购买或订阅Jet插件和在WP中激活插件的方法 - 特色图片
Crocoblock 通用教程 1 - 购买或订阅Jet插件和...
Wordpress插件与设计 - Elementor 基础教程 31 - Text Path小工具的设置和使用方法 - 特色图片
Elementor 基础教程 31 - Text Path小工具的设...
已阅读 文章一览
没有找到更多文章
站长 推荐
副业项目 与技能
from-keywords-to-content-optimization-seo-strategy tumnail

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

WP教程 与设计
Wordpress插件与设计 - Elementor 基础教程 2 - 内部区段 小工具的使用方法 - 特色图片

Elementor 基础教程 2 - 内部区段 小工...

Wordpress插件与设计 - Elementor 通用教程 2 - 编辑段,编辑栏,内部区段是什么? - 特色图片

Elementor 通用教程 2 - 编辑段,编辑...

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

Elementor 基础教程 31 - Text Path小...

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

Elementor 专业教程 3 - Portfolio小工...

Wordpress插件与设计 - WP教程 7 - 掌握添加、编辑图片以及常规设置的技巧 - 特色图片

WP教程 7 - 掌握添加、编辑图片以及常...

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

Elementor 基础教程 25 - SoundCloud小...

AI工具 与服务
AI工具与服务推荐 - Typeframes - AI视频创作工具 - 特色图片

Typeframes - 创新工具,将文字转化为...

AI工具与服务推荐 - SEOmatic - AI内容生成工具 - 特色图片

unbounce - 无需编码,轻松搭建个性化...

AI工具与服务推荐 - ValidatorAI - AI创业辅助平台 - 特色图片

ValidatorAI - AI创业导师,从想法到MV...

AI工具与服务推荐 - 摩笔马良 - AI绘画工具 - 特色图片

MobiMaliang - 文本激发艺术灵感,让创...

AI工具与服务推荐 - Curatora - 内容策划平台 - 特色图片

Curatora - AI驱动内容策划工具,优化...

AI工具与服务推荐 - Aimi.fm - 生成式音乐平台 - 特色图片

Aimi.fm - 与AI共舞,开启音乐创作与体...

Canva教程 与技巧
Canva使用教程 - Canva 新手指南 9 - 如何巧妙地利用建组功能,让你的设计效率翻倍! - 特色图片

Canva 使用教程 9 - 如何巧妙地利用建...

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

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

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

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

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

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

Canva使用教程 - Canva 新手指南 1 - 全面解析Canva文本框的基本功能! - 特色图片

Canva新手指南1 - 全面解析Canva文本框...

Canva使用教程 - Canva 新手指南 6 - 无需专业软件!用Canva制作高质量动态视频 - 特色图片

Canva新手指南6 - 无需专业软件!用Can...

社媒运营 与营销
社媒运营推广 - Lemon8 - 一文带你解析海外版小红书Lemon8!Z世代的社交新宠,品牌营销新阵地! - 特色图片

一文带你解析海外版小红书Lemon8!Z世...

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

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

社媒运营推广 - Youtube - 解密YouTube用户互动策略!掌握频道人气的秘诀 - 特色图片

解密YouTube用户互动策略!掌握频道人...

社媒运营推广 - Youtube - YouTube Shorts!解析短视频创作和收益的秘密 - 特色图片

YouTube Shorts!解析短视频创作和收益...

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

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

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

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

AI工具 分类筛选
AI Main Category checkbox