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

Elementor 专业教程 23 - Facebook Comments小工具的设置和使用方法

Elementor Facebook Comments 小工具是一个用于在网站上添加 Facebook 评论功能的工具。使用它可以在网站上添加 Facebook 评论框,让用户可以直接进行评论、回复和讨论。

Facebook Comments 小工具集成了 Facebook 官方评论插件,保证了评论功能的稳定性和安全性。你可以自定义评论框的宽度、高度、字体、颜色等样式,同时也可以选择显示的评论数量、排序方式等。

使用 Facebook Comments 小工具不仅可以提高用户的参与度,也有助于网站内容的传播和分享。

本教程将说明 Facebook Comments 小工具的使用方法。

Elementor Facebook Comments 小工具

首先,将 Facebook Comments 小工具拖放到编辑栏内。如下图所示。

拖放小工具到编辑栏后,你会看到如下画面。

需要在预览中确认。如下图。

可以看到预览画面中已出现评论输入窗口。

※设置前需要设置 Facebook App ID。关于 ID 的设置方法请参考《Elementor pro 教程 – Facebook Button 小工具的使用方法》

1. Facebook Comments 小工具的内容标签

Facebook Comments 小工具的内容标签主要包含以下设置选项。

  • Comment Count
  • Order By
  • Target URL
  • URL Format
1-1 评论计数-Comment Count 

评论计数是指定显示评论数量的设置选项。默认预设显示数量是10条评论。

如果将数值设置为5的时候,多出的评论将在下方隐藏。可点击加载。如下图。

1-2 排序方式-Order By

排序方式是指定评论排列顺序的设置选项。可在以下3个预设中选择。

  • 社交-社交-Social
  • 倒序时间-Reverse Time
  • 时间-Time

社交-Social

社交是根据人气评论排序的选项。如果某位用户的评论收到很多回复或者点赞,该用户的评论将在上方显示。

如果,所有的评论基本都一样时,评论的顺序将按照“倒序时间”来显示。即按评论日期排序。

倒序时间-Reverse Time

倒序时间是根据发布评论由新到旧的方式排序选项。发布的评论越久,越往下排序。

时间-Time

时间是根据发布评论由旧到新的方式排序选项。发布的评论越早,越靠上方显示。

时间和倒序时间的排列方式是相反的。

1-3 Target URL

目标 URL 是指定 Facebook 评论框所对应的页面链接地址。可以将其理解为你希望评论框出现在哪个页面上。

  • 当前页面:当前页面链接地址
  • 自定义:指定一个自定义的链接地址。

※ 推荐设置当前页面。因为设置与评论无关的页面可能降低用户的体验和印象。

1-4 URL Format

URL 格式是链接地址的显示方式设置选项。 可在以下两种预设中选择。

  • Plain Permalink:现在页面的链接原封不动的分享。(如果设置的链接有点长,或者有特殊符号等,都会原封不动的分享。 所以链接可能会有点长)
  • Pretty Permalink:页面链接将转换成 Facebook 专属链接,优点是链接会变短。

2.Facebook Comments 小工具的高级设置

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

以上就是 Facebook Comments 小工具的功能设置和使用说明。希望本篇内容能对你使用 Elementor 有所帮助。

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

做点副业,为生活加点料

相关 文章
Wordpress插件与设计 - Elementor 通用教程 6 - Elementor Kit Library的使用方法 - 特色图片
Elementor 通用教程 6 - Elementor Kit Library的使用方法
Wordpress插件与设计 - Elementor 专业教程 3 - Portfolio小工具的设置和使用方法 - 特色图片
Elementor 专业教程 3 - Portfolio小工具的设置和使用方法
Wordpress插件与设计 - Elementor 专业教程 22 - Facebook Button小工具的设置和使用方法 - 特色图片
Elementor 专业教程 22 - Facebook Button小工具的设置和使用方法
Wordpress插件与设计 - WP教程 9 - 如何轻松添加文件下载功能以提升用户体验? - 特色图片
WP教程 9 - 如何轻松添加文件下载功能以提升用户体验?
Wordpress插件与设计 - Elementor 专业教程 18 - Table Of Content小工具的设置和使用方法 - 特色图片
Elementor 专业教程 18 - Table Of Content小工具的设置和使用方法
Wordpress插件与设计 - WP教程 18 - 设置自定义静态首页,打造吸引眼球的网站门面! - 特色图片
WP教程 18 - 设置自定义静态首页,打造吸引眼球的网站门面!
Wordpress插件与设计 - WP教程 16 - 一步步教你如何创建诱人的导航菜单 - 特色图片
WP教程 17 - 轻松添加和编辑小工具,让网站与用户的互动更加有趣!
Wordpress插件与设计 - WP教程 11 - 想让文章更出彩?特色图片是关键! - 特色图片
WP教程 11 - 想让文章更出彩?特色图片是关键!
Wordpress插件与设计 - WP教程 16 - 一步步教你如何创建诱人的导航菜单 - 特色图片
WP教程 16 - 一步步教你如何创建诱人的导航菜单
Wordpress插件与设计 - Elementor 基础教程 1 - 文本编辑器 小工具的设置和使用方法 - 特色图片
Elementor 基础教程 1 - 文本编辑器 小工具的设置和使用方法
快速 搜索
站长 推荐
副业时代 站内使用 推广图像 - 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工具与服务推荐 - Overjet - 牙科AI平台 - 特色图片
Overjet - 牙科AI技术的领导者,助力提升口腔健康水平
AI工具与服务推荐 - Logomaster.ai - 智能logo设计平台 - 特色图片
Logomaster.ai - 5分钟AI制作专业炫酷logo,无需任何设计技能
AI工具与服务推荐 - Mutable.ai - AI驱动的代码文档和知识管理平台 - 特色图片
Mutable.ai - 自动生成代码文档,促进知识共享与协作
AI工具与服务推荐 - Yobi - AI通讯平台 - 特色图片
Yobi - AI通讯平台,实时语音转录、客户情绪分析,全面提升工作效率和客户满意度
AI工具与服务推荐 - Reflect - AI笔记应用 - 特色图片
Reflect - 数字化大脑,灵感永不遗忘,创意无限循环
AI工具与服务推荐 - 360智图 - 图片版权查询与智能编辑工具 - 特色图片
360智图 - 版权图片资源+AI图片处理,激发创意,提高效率
Canva Post
Canva使用教程 - Canva 新手指南 7 - 掌握Canva Mockup功能!轻松打造完美合成图像 - 特色图片
Canva新手指南7 - 掌握Canva Mockup功能!轻松打造完美合成图像
Canva使用教程 - Canva 相关教程 1 - 未来的设计在这里!Canva「Magic Studio」AI工具包大揭秘! - 特色图片
Canva 相关教程 1 - 未来的设计在这里!Canva「Magic Studio」AI工具包大揭秘!
Canva使用教程 - Canva 新手指南 6 - 无需专业软件!用Canva制作高质量动态视频 - 特色图片
Canva新手指南6 - 无需专业软件!用Canva制作高质量动态视频
Canva使用教程 - Canva 新手指南 5 - 掌握Docs的功能和技巧,使文档创作更简单! - 特色图片
Canva新手指南5 - 掌握Docs的功能和技巧,使文档创作更简单!
Canva使用教程 - Canva 新手指南 3 - 无需编程!用Canva创建专业一页式网站的指南 - 特色图片
Canva新手指南3 - 无需编程!用Canva创建专业一页式网站的指南
Canva使用教程 - Canva 新手指南 1 - 全面解析Canva文本框的基本功能! - 特色图片
Canva新手指南1 - 全面解析Canva文本框的基本功能!
Smm Post
社媒运营推广 - Youtube - 将爱好转为事业!通过YouTube频道赚钱的秘诀 - 特色图片
将爱好转为事业!通过YouTube频道赚钱的秘诀
社媒运营推广 - Youtube - 新手必看!解锁YouTube视频广告投放优化技巧,提升转化率 - 特色图片
新手必看!解锁YouTube视频广告投放优化技巧,提升转化率
社媒运营推广 - Youtube - 解密YouTube用户互动策略!掌握频道人气的秘诀 - 特色图片
解密YouTube用户互动策略!掌握频道人气的秘诀
社媒运营推广 - Youtube - 特色图片设计终极指南,打造吸睛的视频门面! - 特色图片
缩略图设计终极指南,打造吸睛的视频门面!
社媒运营推广 - Youtube - 从零到一!创建YouTube频道并上传视频的全流程 - 特色图片
从零到一!创建YouTube频道并上传视频的全流程
社媒运营推广 - Youtube - 从0到10万!12个实用技巧快速提升YouTube频道的订阅量 - 特色图片
从0到10万!12个实用技巧快速提升YouTube频道的订阅量
AI工具 分类筛选
AI Main Category checkbox