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 基础教程 8 - 间隔小工具的设置和使用方法 - 特色图片
Elementor 基础教程 8 - 间隔小工具的设置和使用方法
Wordpress插件与设计 - Elementor 专业教程 8 - Nav Menu小工具的设置和使用方法 - 特色图片
Elementor 专业教程 8 - Nav Menu小工具的设置和使用方法
Wordpress插件与设计 - WP教程 9 - 如何轻松添加文件下载功能以提升用户体验? - 特色图片
WP教程 9 - 如何轻松添加文件下载功能以提升用户体验?
Wordpress插件与设计 - Elementor 专业教程 16 - Testimonial Carousel小工具的设置和使用方法 - 特色图片
Elementor 专业教程 16 - Testimonial Carousel小工具的设置和使用方法
Wordpress插件与设计 - Elementor 基础教程 24 - 警告小工具的设置和使用方法 - 特色图片
Elementor 基础教程 24 - 警告小工具的设置和使用方法
Wordpress插件与设计 - Elementor 专业教程 29 - Video Playlist小工具的设置和使用方法 - 特色图片
Elementor 专业教程 29 - Video Playlist小工具的设置和使用方法
Wordpress插件与设计 - JetEngine 使用教程 2 - Custom Taxonomies的制作和设置以及使用方法 -特色图片
JetEngine 使用教程 2 - Custom Taxonomies的制作和设置以及使用方法
Wordpress插件与设计 - Elementor 专业教程 24 - Facebook Embed小工具的设置和使用方法 - 特色图片
Elementor 专业教程 24 - Facebook Embed小工具的设置和使用方法
Wordpress插件与设计 - WP教程 23 - 使用媒体区块,创建出色的多媒体页面!以提高网站的互动性 - 特色图片
WP教程 23 - 使用媒体区块,创建出色的多媒体页面!以提高网站的互动性
Wordpress插件与设计 - WP教程 26 - 使用区块样板,可让网页设计变得轻松又有趣! - 特色图片
WP教程 26 - 使用区块样板,可让网页设计变得轻松又有趣!
快速 搜索
站长 推荐
副业时代 站内使用 推广图像 - PR-image.webp

Elementor

建站必备插件推荐
Elementor是一款WordPress平台上的可视化页面构建器插件,无需编程即可设计网页

访问官网
副业时代 站内使用 推广图像 - PR-image.webp

Astra Theme

建站主题推荐
Astra Theme是一个快速、轻量级且高度可定制的WordPress主题,适合各种网站

访问官网
副业时代 站内使用 推广图像 - PR-image.webp

Crocoblock

建站功能插件推荐
Crocoblock是一系列高功能的Elementor附加插件,用于创建动态内容和专业级网站

访问官网
副业时代 站内使用 elementor 免费教程 横板图像 - image-2.webp

Elementor Free Widget

Elementor 免费版小工具
是设计网页时所需的基础类工具。
大约包含30多个小工具

访问课程页
副业时代 站内使用 elementor 专业教程 横板图像 - image-2.webp

Elementor Pro Widget

Elementor 专业版小工具
是面向专业熟练用户的高级设计套件。
大约包含30多个小工具

访问课程页
已阅读 文章
您还没有阅读任何文章
AI Tools Post
AI工具与服务推荐 - AI Code Reviewer - 自动代码分析工具 - 特色图片
AI Code Reviewer - AI自动审查代码,让Bug无处藏身
AI工具与服务推荐 - AiPPT - AI PPT自动生成工具 - 特色图片
AiPPT - 一键生成高品质幻灯片,AI为你打造专属PPT设计
YYP-2024-06-29-07-48-38
Prompt Refine - 系统优化LLM提示词,实现更佳实验结果
AI工具与服务推荐 - Chat2Doc - AI文档阅读辅助工具 - 特色图片
Chat2Doc - 一键对话,文档信息尽在掌握,效率飙升!
AI工具与服务推荐 - 蛙蛙写作 - AI驱动写作助手 - 特色图片
WawaWriter - 释放无限创意,让写作变得轻松有趣!
AI工具与服务推荐 - Artflow AI平台 - AI动画创作工具 - 特色图片
Artflow AI - 上传图片,秒变生动动画,创意表达无限可能
Canva Post
Canva使用教程 - Canva 新手指南 5 - 掌握Docs的功能和技巧,使文档创作更简单! - 特色图片
Canva新手指南5 - 掌握Docs的功能和技巧,使文档创作更简单!
Canva使用教程 - Canva 新手指南 7 - 掌握Canva Mockup功能!轻松打造完美合成图像 - 特色图片
Canva新手指南7 - 掌握Canva Mockup功能!轻松打造完美合成图像
Canva使用教程 - Canva 新手指南 1 - 全面解析Canva文本框的基本功能! - 特色图片
Canva新手指南1 - 全面解析Canva文本框的基本功能!
Canva使用教程 - Canva 相关教程 1 - 未来的设计在这里!Canva「Magic Studio」AI工具包大揭秘! - 特色图片
Canva 相关教程 1 - 未来的设计在这里!Canva「Magic Studio」AI工具包大揭秘!
Canva使用教程 - Canva 新手指南 8 - 提升设计效率!使用调整功能,轻松管理素材样式和层级 - 特色图片
Canva新手指南8 - 提升设计效率!使用调整功能,轻松管理素材样式和层级
Canva使用教程 - Canva 新手指南 2 - 告别PS!全面解析Canva 图像编辑功能及其使用方法 - 特色图片
Canva新手指南2 – 告别PS!全面解析Canva 图像编辑功能及其使用方法
Smm Post
社媒运营推广 - Youtube - 一文读懂YouTube Premium会员权益!让你不再犹豫 - 特色图片
一文读懂YouTube Premium会员权益!让你不再犹豫
社媒运营推广 - Youtube - 从零到一!创建YouTube频道并上传视频的全流程 - 特色图片
从零到一!创建YouTube频道并上传视频的全流程
社媒运营推广 - Youtube - 新手必看!解锁YouTube视频广告投放优化技巧,提升转化率 - 特色图片
新手必看!解锁YouTube视频广告投放优化技巧,提升转化率
社媒运营推广 - Youtube - 从0到10万!12个实用技巧快速提升YouTube频道的订阅量 - 特色图片
从0到10万!12个实用技巧快速提升YouTube频道的订阅量
社媒运营推广 - Youtube - 将爱好转为事业!通过YouTube频道赚钱的秘诀 - 特色图片
将爱好转为事业!通过YouTube频道赚钱的秘诀
社媒运营推广 - Youtube - YouTube Shorts!解析短视频创作和收益的秘密 - 特色图片
YouTube Shorts!解析短视频创作和收益的秘密
AI工具 分类筛选
AI Main Category checkbox