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 基础教程 31 - Text Path小工具的设置和使用方法 - 特色图片
Elementor 基础教程 31 - Text Path小工具的设置和使用方法
Wordpress插件与设计 - Elementor 专业教程 7 - Slides小工具的设置和使用方法 - 特色图片
Elementor 专业教程 7 - Slides小工具的设置和使用方法
Wordpress插件与设计 - Elementor 专业教程 10 - HotsPost小工具的设置和使用方法 - 特色图片
Elementor 专业教程 10 - HotsPost小工具的设置和使用方法
Wordpress插件与设计 - JetEngine 使用教程 1 - 如何制作自定义文章类型以及进行具体设置和使用方法 - 特色图片
JetEngine 使用教程 1 - 如何制作自定义文章类型以及进行具体设置和使用方法
Wordpress插件与设计 - Elementor 通用教程 1 - 全局颜色和全局字体的设置方法 - 特色图片
Elementor 通用教程 1 - 全局颜色和全局字体的设置方法
Wordpress插件与设计 - Elementor 基础教程 25 - SoundCloud小工具的设置和使用方法 - 特色图片
Elementor 基础教程 25 - SoundCloud小工具的设置和使用方法
Wordpress插件与设计 - WP教程 7 - 掌握添加、编辑图片以及常规设置的技巧 - 特色图片
WP教程 7 - 掌握添加、编辑图片以及常规设置的技巧
Wordpress插件与设计 - Elementor 基础教程 23 - 社交媒体小工具的设置和使用方法 - 特色图片
Elementor 基础教程 23 - 社交媒体小工具的设置和使用方法
Wordpress插件与设计 - WP教程 9 - 如何轻松添加文件下载功能以提升用户体验? - 特色图片
WP教程 9 - 如何轻松添加文件下载功能以提升用户体验?
Wordpress插件与设计 - Elementor 基础教程 22 - 切换小工具的设置和使用方法 - 特色图片
Elementor 基础教程 22 - 切换小工具的设置和使用方法
快速 搜索
站长 推荐
副业时代 站内使用 推广图像 - 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工具与服务推荐 - FocoClipping - AI智能在线抠图工具 - 特色图片
FocoClipping - 3秒抠图,瞬间让图片背景消失,展现精彩内容
AI工具与服务推荐 - Writtan - AI增强笔记平台 - 特色图片
Writtan - AI增强笔记工具,实时转录捕捉每个重要讨论点,记录会议更高效
YYP-2024-06-29-07-57-00
Free AI Therapist - 无评判的AI心理疏导助手
AI工具与服务推荐 - 知犀AI - GPT人工智能思维导图工具 - 特色图片
ZhiXi AI - 一键生成思维导图,智慧“脑图”犀利剑
AI工具与服务推荐 - AI素材.com - AI图像生成平台 - 特色图片
AI素材.com - 海量AI生成素材库,视觉创意无限可能
AI工具与服务推荐 - 酷家乐 - 在线3D云设计平台 - 特色图片
酷家乐 - 3步上手,10秒出图,高效设计,创意即现!
Canva Post
Canva使用教程 - Canva 相关教程 1 - 未来的设计在这里!Canva「Magic Studio」AI工具包大揭秘! - 特色图片
Canva 相关教程 1 - 未来的设计在这里!Canva「Magic Studio」AI工具包大揭秘!
Canva使用教程 - Canva 新手指南 7 - 掌握Canva Mockup功能!轻松打造完美合成图像 - 特色图片
Canva新手指南7 - 掌握Canva Mockup功能!轻松打造完美合成图像
Canva使用教程 - Canva 相关教程 3 - 设计初体验!用Canva打造你的第一个创意作品 - 特色图片
Canva 相关教程 3 - 设计初体验!用Canva打造你的第一个创意作品
Canva使用教程 - Canva 新手指南 3 - 无需编程!用Canva创建专业一页式网站的指南 - 特色图片
Canva新手指南3 - 无需编程!用Canva创建专业一页式网站的指南
Canva使用教程 - Canva 相关教程 2 - Canva免费版与付费版的详细解析,助你做出最明智的选择? - 特色图片
Canva 相关教程 2 - Canva免费版与付费版的详细解析,助你做出最明智的选择?
Canva使用教程 - Canva 新手指南 9 - 如何巧妙地利用建组功能,让你的设计效率翻倍! - 特色图片
Canva 使用教程 9 - 如何巧妙地利用建组功能,让你的设计效率翻倍!
Smm Post
社媒运营推广 - Youtube - 一文读懂YouTube Premium会员权益!让你不再犹豫 - 特色图片
一文读懂YouTube Premium会员权益!让你不再犹豫
社媒运营推广 - Youtube - YouTube运营全攻略 从零到一打造你的油管频道 - 特色图片
YouTube运营全攻略:从零到一打造你的油管频道
社媒运营推广 - Youtube - 从0到10万!12个实用技巧快速提升YouTube频道的订阅量 - 特色图片
从0到10万!12个实用技巧快速提升YouTube频道的订阅量
社媒运营推广 - Youtube - 新手必看!解锁YouTube视频广告投放优化技巧,提升转化率 - 特色图片
新手必看!解锁YouTube视频广告投放优化技巧,提升转化率
社媒运营推广 - Youtube - 特色图片设计终极指南,打造吸睛的视频门面! - 特色图片
缩略图设计终极指南,打造吸睛的视频门面!
社媒运营推广 - Youtube - YouTube Shorts!解析短视频创作和收益的秘密 - 特色图片
YouTube Shorts!解析短视频创作和收益的秘密
AI工具 分类筛选
AI Main Category checkbox