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 专业教程 1 - Post小工具的设置和使用方法 内容标签篇 - 特色图片
Elementor 专业教程 1 - Post小工具的设置和使用方法 内容标签篇
Wordpress插件与设计 - Elementor 基础教程 1 - 文本编辑器 小工具的设置和使用方法 - 特色图片
Elementor 基础教程 1 - 文本编辑器 小工具的设置和使用方法
Wordpress插件与设计 - Elementor 专业教程 30 - Paypal Button小工具的设置和使用方法 - 特色图片
Elementor 专业教程 30 - Paypal Button小工具的设置和使用方法
Wordpress插件与设计 - Elementor 基础教程 14 - 图像幻灯器小工具的设置和使用方法 - 特色图片
Elementor 基础教程 14 - 图像幻灯器小工具的设置和使用方法
Wordpress插件与设计 - WP教程 12 - 如何使用分类和标签,帮助读者轻松找到他们感兴趣的内容 - 特色图片
WP教程 12 - 如何使用分类和标签,帮助读者轻松找到他们感兴趣的内容
Wordpress插件与设计 - Elementor 专业教程 11 - Price List小工具的设置和使用方法 - 特色图片
Elementor 专业教程 11 - Price List小工具的设置和使用方法
Wordpress插件与设计 - Elementor 专业教程 33 - Query的设置和使用方法 - 特色图片
Elementor 专业教程 33 - Query的设置和使用方法
Wordpress插件与设计 - Elementor 专业教程 19 - Countdown小工具的设置和使用方法 - 特色图片
Elementor 专业教程 19 - Countdown小工具的设置和使用方法
Wordpress插件与设计 - WP教程 16 - 一步步教你如何创建诱人的导航菜单 - 特色图片
WP教程 16 - 一步步教你如何创建诱人的导航菜单
Wordpress插件与设计 - Elementor 专业教程 12 - Price Table小工具的设置和使用方法 - 特色图片
Elementor 专业教程 12 - Price Table小工具的设置和使用方法
快速 搜索
站长 推荐
副业时代 站内使用 推广图像 - 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工具与服务推荐 - Pinreel - 社交媒体视频编辑工具 - 特色图片
Pinreel - 提供1000+视频动画模板,轻松制作高质量社媒内容,提升品牌曝光度
AI工具与服务推荐 - PromptBase - AI提示词市场 - 特色图片
PromptBase - 10万+优质提示词交易平台,释放AI创作力
AI工具与服务推荐 - 海豚AI写作 - 科研智能写作平台 - 特色图片
海豚AI写作 - 定制化学术写作辅助工具,提高论文原创性,助力学术研究
AI工具与服务推荐 - FocoClipping - AI智能在线抠图工具 - 特色图片
FocoClipping - 3秒抠图,瞬间让图片背景消失,展现精彩内容
AI工具与服务推荐 - 60秒网站工具 - AI网站创建工具 - 特色图片
60秒网站 - 个人品牌展示新选择,创意上线仅需1分钟
AI工具与服务推荐 - Espresso AI - Snowflake优化工具 - 特色图片
Espresso AI - 生成式AI优化Snowflake计算,最高节省70%费用
Canva Post
Canva使用教程 - Canva 新手指南 3 - 无需编程!用Canva创建专业一页式网站的指南 - 特色图片
Canva新手指南3 - 无需编程!用Canva创建专业一页式网站的指南
Canva使用教程 - Canva 新手指南 8 - 提升设计效率!使用调整功能,轻松管理素材样式和层级 - 特色图片
Canva新手指南8 - 提升设计效率!使用调整功能,轻松管理素材样式和层级
Canva使用教程 - Canva 相关教程 2 - Canva免费版与付费版的详细解析,助你做出最明智的选择? - 特色图片
Canva 相关教程 2 - Canva免费版与付费版的详细解析,助你做出最明智的选择?
Canva使用教程 - Canva 相关教程 1 - 未来的设计在这里!Canva「Magic Studio」AI工具包大揭秘! - 特色图片
Canva 相关教程 1 - 未来的设计在这里!Canva「Magic Studio」AI工具包大揭秘!
Canva使用教程 - Canva 新手指南 4 - 告别平庸!用Canva打造与众不同PPT演示文稿 - 特色图片
Canva新手指南4 – 告别平庸!用Canva打造与众不同PPT演示文稿
Canva使用教程 - Canva 新手指南 6 - 无需专业软件!用Canva制作高质量动态视频 - 特色图片
Canva新手指南6 - 无需专业软件!用Canva制作高质量动态视频
Smm Post
社媒运营推广 - Youtube - 从零到一!创建YouTube频道并上传视频的全流程 - 特色图片
从零到一!创建YouTube频道并上传视频的全流程
社媒运营推广 - Youtube - 将爱好转为事业!通过YouTube频道赚钱的秘诀 - 特色图片
将爱好转为事业!通过YouTube频道赚钱的秘诀
社媒运营推广 - Youtube - YouTube Shorts!解析短视频创作和收益的秘密 - 特色图片
YouTube Shorts!解析短视频创作和收益的秘密
社媒运营推广 - Youtube - 新手必看!解锁YouTube视频广告投放优化技巧,提升转化率 - 特色图片
新手必看!解锁YouTube视频广告投放优化技巧,提升转化率
社媒运营推广 - Lemon8 - 一文带你解析海外版小红书Lemon8!Z世代的社交新宠,品牌营销新阵地! - 特色图片
一文带你解析海外版小红书Lemon8!Z世代的社交新宠,品牌营销新阵地!
社媒运营推广 - Youtube - 特色图片设计终极指南,打造吸睛的视频门面! - 特色图片
缩略图设计终极指南,打造吸睛的视频门面!
AI工具 分类筛选
AI Main Category checkbox