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插件与设计 - WP教程 18 - 设置自定义静态首页,打造吸引眼球的网站门面! - 特色图片
WP教程 18 - 设置自定义静态首页,打造吸引眼球...
Wordpress插件与设计 - WP教程 12 - 如何使用分类和标签,帮助读者轻松找到他们感兴趣的内容 - 特色图片
WP教程 12 - 如何使用分类和标签,帮助读者轻松...
Wordpress插件与设计 - Elementor 基础教程 17 - 计数器小工具的设置和使用方法 - 特色图片
Elementor 基础教程 17 - 计数器小工具的设置和...
Wordpress插件与设计 - Elementor 专业教程 16 - Testimonial Carousel小工具的设置和使用方法 - 特色图片
Elementor 专业教程 16 - Testimonial Carousel...
google-sheets-to-wordpress-table-sync-plugin tumnail
告别手动更新?如何用Google Sheets打造动态数...
Wordpress插件与设计 - Elementor 专业教程 20 - Share Buttons小工具的设置和使用方法 - 特色图片
Elementor 专业教程 20 - Share Buttons小工具...
Wordpress插件与设计 - WP教程 16 - 一步步教你如何创建诱人的导航菜单 - 特色图片
WP教程 17 - 轻松添加和编辑小工具,让网站与用...
Wordpress插件与设计 - Elementor 专业教程 27 - Lottie小工具的设置和使用方法 - 特色图片
Elementor 专业教程 27 - Lottie小工具的设置和...
Wordpress插件与设计 - WP教程 26 - 使用区块样板,可让网页设计变得轻松又有趣! - 特色图片
WP教程 26 - 使用区块样板,可让网页设计变得轻...
Wordpress插件与设计 - WP教程 11 - 想让文章更出彩?特色图片是关键! - 特色图片
WP教程 11 - 想让文章更出彩?特色图片是关键!
已阅读 文章一览
没有找到更多文章
站长 推荐
副业项目 与技能
from-keywords-to-content-optimization-seo-strategy tumnail

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

WP教程 与设计
Wordpress插件与设计 - WP教程 29 - 掌握WP用户权限设置,轻松打造安全的多人协作平台! - 特色图片

WP教程 29 - 掌握WP用户权限设置,轻松...

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

Elementor 基础教程 19 - 证明小工具的...

Wordpress插件与设计 - WP教程 13 - 文章发布不求人,这些发布设置你一定要了解 - 特色图片

WP教程 13 - 文章发布不求人,这些发布...

Wordpress插件与设计 - WP教程 14 - 如何在文章概览中快速编辑和管理文章? - 特色图片

WP教程 14 - 如何在文章概览中快速编辑...

Wordpress插件与设计 - WP教程 8 - 掌握文本和按钮链接的设定及使用方法 - 特色图片

WP教程 8 - 掌握文本和按钮链接的设定...

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

Elementor 专业教程 6 - Login小工具的...

AI工具 与服务
AI工具与服务推荐 - ACE Studio - AI歌声合成软件 - 特色图片

ACE Studio - AI歌声新时代,MIDI秒变...

AI工具与服务推荐 - Stanhope AI - 自主决策AI平台 - 特色图片

Stanhope AI - 运用主动推理和自由能原...

AI工具与服务推荐 - Code Snippets AI - AI编程助手 - 特色图片

Code Snippets AI - 借助GPT-4等AI模型...

AI工具与服务推荐 - Profluent - AI蛋白质设计平台 - 特色图片

Profluent - AI助力蛋白质设计,破解生...

AI工具与服务推荐 - RunPod - GPU云解决方案 - 特色图片

RunPod - AI模型开发、训练、扩展的一...

AI工具与服务推荐 - WordAi - AI文章改写工具 - 特色图片

WordAi - AI提升内容产出效率,让你的...

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

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

Canva使用教程 - Canva 新手指南 4 - 告别平庸!用Canva打造与众不同PPT演示文稿 - 特色图片

Canva新手指南4 – 告别平庸!用Canva打...

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

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

Canva使用教程 - Canva 新手指南 3 - 无需编程!用Canva创建专业一页式网站的指南 - 特色图片

Canva新手指南3 - 无需编程!用Canva创...

Canva使用教程 - Canva 相关教程 2 - Canva免费版与付费版的详细解析,助你做出最明智的选择? - 特色图片

Canva 相关教程 2 - Canva免费版与付费...

Canva使用教程 - Canva 新手指南 2 - 告别PS!全面解析Canva 图像编辑功能及其使用方法 - 特色图片

Canva新手指南2 – 告别PS!全面解析Can...

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

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

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

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

社媒运营推广 - Youtube - YouTube运营全攻略 从零到一打造你的油管频道 - 特色图片

YouTube运营全攻略:从零到一打造你的油...

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

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

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

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

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

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

AI工具 分类筛选
AI Main Category checkbox