Elementor pro Facebook Comments widget .webp

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

2023-11-26
Elementor 专业教程
喜欢(0)

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 小工具的使用方法》

Facebook Comments 小工具的内容标签

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

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

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

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

● 排序方式-Order By

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

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

社交-Social

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

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

倒序时间-Reverse Time

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

时间-Time

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

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

● 目Target URL

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

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

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

● URL 格式-URL Format

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

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

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

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

以上就是 Facebook Comments 小工具的功能设置和使用说明。

希望本篇内容能对你使用 Elementor 有所帮助。

WP POST 相关文章
Elementor pro Code Highlight widget
Elementor 专业教程 28 – Code Highlight小工具的设置和使用方法
Elementor pro Facebook Button widget .webp
Elementor 专业教程 22 – Facebook Button小工具的设置和使用方法
Elementor pro price table widget
Elementor 专业教程 12 – Price Table小工具的设置和使用方法
Elementor pro Lottie widget.webp
Elementor 专业教程 27 – Lottie小工具的设置和使用方法
understanding-gutenberg-block-editor-in-wordpress
WP教程 4 - WordPress古腾堡编辑器!新手也能轻松驾驭的排版神器
Elementor pro Progress Tracker widget.webp
Elementor 专业教程 32 – Progress Tracker小工具的设置和使用方法
how to use widget image tumnail
WP教程17 - 轻松添加和编辑小工具,让网站与用户的互动更加有趣!
add future image futuer
WP教程 11 – 想让文章更出彩?特色图片是关键!
post and page image tumnail
WP教程 3 - 一文解析WordPress帖子与页面,轻松掌控网站展示方式
JetEngine jiaocheng zidingwenzhangleixing zidingyiziduan tumnail
JetEngine 使用教程 1 - 如何制作自定义文章类型以及进行具体设置和使用方法
fuyeshidai

做点副业,为生活加点料

快速搜索
站长推荐 建站工具
用户评论
{{ reviewsTotal }}{{ options.labels.singularReviewCountLabel }}
{{ reviewsTotal }}{{ options.labels.pluralReviewCountLabel }}
{{ options.labels.newReviewButton }}
{{ userData.canReview.message }}
YYP-2024-05-18-21-59-03
Lucidpic - AI人像生成专家,定制专属虚拟角色
YYP-2024-05-19-08-30-23
Puzzle Studio - 团队知识管理新方式,AI加持效率翻倍
YYP-2024-06-05-22-44-35
Charisma - 用AI赋能的虚拟角色,演绎精彩互动故事!
YYP-2023-12-13-20-48-02
You.com - 个性化AI搜索助手,多模态对话式搜索体验
YYP-2024-06-06-12-39-47
Marmof - AI写手在手,10倍速成文so easy
YYP-2023-12-16-09-03-54
Akool - AI营销工具套件,个性化视觉创意吸引客户
YYP-2024-06-07-07-40-07
resuma.i. - 创建专业优化的简历,让AI为您的求职加速!
YYP-2024-06-06-12-38-08
Stablecog - AI艺术生成器,让你的创意瞬间变为现实
canva-beginner-tutorial-text-box thumbnail
Canva新手指南1 - 全面解析Canva文本框的基本功能!
how-to-use-canva-docs-tutorial thumbnail
Canva新手指南5 - 掌握Docs的功能和技巧,使文档创作更简单!
how-to-use-canva-edit-layer-functio-tutorial thumbnail
Canva新手指南8 - 提升设计效率!使用调整功能,轻松管理素材样式和层级
canva-image-editing-tutorial-and-how-to-use thumbnail
Canva新手指南2 – 告别PS!全面解析Canva 图像编辑功能及其使用方法
Complete-Guide-to-Canva-Design tumnail
设计初体验!用Canva打造你的第一个创意作品
how-to-use-canva-make-a-ppt-tutorial thumbnail
Canva新手指南4 – 告别平庸!用Canva打造与众不同PPT演示文稿
canva magic studio info
未来的设计在这里!Canva「Magic Studio」AI工具包大揭秘!
how-to-use-canva-make-short-video thumbnail
Canva新手指南6 - 无需专业软件!用Canva制作高质量动态视频
Youtube Account and video up tunmail
【Youtube】从零到一!创建YouTube频道并上传视频的全流程
Guide-to-YouTube-Thumbnail-Design tumnail
【Youtube】缩略图设计终极指南,打造吸睛的视频门面!
snpost lemon8 20240608 tumnail
【Lemon8】一文带你解析海外版小红书柠檬8!Z世代的社交新宠,品牌营销新阵地!
comprehensive-guide-youtube-video-editing tumnail
【Youtube】如何正确选择一款适合自己的视频编辑软件?
SN Post tumnail Youtube tisheng dingyueshuliang
【Youtube】从0到10万!12个实用技巧快速提升YouTube频道的订阅量
SN Post tumnail Youtube zhuanqianmijue
【Youtube】将爱好转为事业!通过YouTube频道赚钱的秘诀
SN Post tumnail Youtube shorts chuangzuo shouyi
【Youtube】YouTube Shorts!解析短视频创作和收益的秘密
sn post youtube premium
【Youtube】一文读懂YouTube Premium会员权益!让你不再犹豫