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

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

Elementor Facebook Embed 小工具用于在网站上添加 Facebook 的嵌入式内容。这个工具可以添加 Facebook 的帖子、视频和评论等,让用户可以直接在你的网站上浏览和观看。

Elementor Facebook Embed 小工具集成了 Facebook 官方嵌入式内容插件,这样可以确保显示内容的稳定性和安全性。你还可以自定义嵌入式内容的大小、高度、颜色等样式选项,也可以根据需要选择要显示的内容类型、布局方式等。

因此,Facebook Embed小工具可以通过网站增加 Facebook 媒体内容的曝光度和互动性,也有助于网站内容的传播和分享。

下面,我们将简单介绍 Facebook Embed 小工具的使用说明。

Elementor Facebook Embed 小工具

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

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

你会发现编辑栏内并没有任何内容,这是因为在编辑模式下是不能显示 Facebook Embed 的。需要在预览中确认,如下图所示。

上图中展示了一个 Facebook 的帖子。

以下内容需要提前设置 Facebook App ID。关于 ID 的设置方法,请参考《Elementor 专业教程 – Facebook Button小工具的设置和使用方法》。

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

Facebook Embed 小工具的内容标签包含以下设置选项:

  1. Type
  2. URL
  3. Full Post
1-1 Type

Type 是指定嵌入 Facebook 内容形式的设置选项。你可以在以下3种形式中选择:

  • Post
  • Video
  • Comment

根据指定的 Type 形式不同,设置的内容也会发生改变。

1-2 Post

选择 Post 时,你可以在页面中嵌入 Facebook 的 Post 内容。设置方法如下:

  • Type:选择 Post
  • URL:在 URL 中输入要嵌入的 Post 链接地址。
  • Full Post:选择是否将 Post 内容全文显示。

如果 Post 内容比较长的话,推荐关闭 Full Post 按钮。

1-3 Video

选择 Video 时,你可以在页面中嵌入 Facebook 的 Video 内容。设置方法如下:

  • Type:选择 Video
  • URL:输入 Facebook 视频链接
  • Full Post:选择显示或不显示视频下方文章,点赞,留言,分享等信息。默认是关闭。
  • Allow Full Screen:选择是否显示全画面按钮
  • AutoPlay:选择是否开启自动播放
  • Caption:选择是否显示字幕

按照上图选择都开启的话,可以看到如下画面。

  • 选择自动播放时,视频将自动静音。需要点击声音按钮才可以听到声音。
  • 选择显示字幕时,如果视频有字幕的话才会显示,没有的话,不会显示。
● Comment

选择 Comment 时,你可以在页面中嵌入 Facebook Comment 内容。设置方法如下:

  • Type:选择 Comment
  • URL:输入 Facebook Comment URL
  • Parent Comment:上方 URL 是某个评论的回复时,选择“是”的话,可以看到上面的评论。

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

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

以上就是 Facebook Embed 小工具的功能设置和使用说明。希望本篇内容能为你在使用 Elementor 时提供帮助。

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

做点副业,为生活加点料

快速 搜索
相关 文章
Wordpress插件与设计 - Elementor 专业教程 26 - Template小工具的设置和使用方法 - 特色图片
Elementor 专业教程 26 - Template小工具的设置...
Wordpress插件与设计 - Elementor 基础教程 12 - 图标框小工具的设置和使用方法 - 特色图片
Elementor 基础教程 12 - 图标框小工具的设置和...
Wordpress插件与设计 - Elementor 专业教程 7 - Slides小工具的设置和使用方法 - 特色图片
Elementor 专业教程 7 - Slides小工具的设置和...
Wordpress插件与设计 - WP教程 12 - 如何使用分类和标签,帮助读者轻松找到他们感兴趣的内容 - 特色图片
WP教程 12 - 如何使用分类和标签,帮助读者轻松...
Wordpress插件与设计 - WP教程 8 - 掌握文本和按钮链接的设定及使用方法 - 特色图片
WP教程 8 - 掌握文本和按钮链接的设定及使用方...
Wordpress插件与设计 - Elementor 通用教程 1 - 全局颜色和全局字体的设置方法 - 特色图片
Elementor 通用教程 1 - 全局颜色和全局字体的...
Wordpress插件与设计 - WP教程 11 - 想让文章更出彩?特色图片是关键! - 特色图片
WP教程 11 - 想让文章更出彩?特色图片是关键!
Wordpress插件与设计 - Elementor 专业教程 3 - Portfolio小工具的设置和使用方法 - 特色图片
Elementor 专业教程 3 - Portfolio小工具的设置...
Wordpress插件与设计 - Elementor 基础教程 27 - HTML小工具的设置和使用方法 - 特色图片
Elementor 基础教程 27 - HTML小工具的设置和使...
Wordpress插件与设计 - Elementor 基础教程 19 - 证明小工具的设置和使用方法 - 特色图片
Elementor 基础教程 19 - 证明小工具的设置和使...
已阅读 文章一览
没有找到更多文章
站长 推荐
副业项目 与技能
from-keywords-to-content-optimization-seo-strategy tumnail

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

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

Elementor 专业教程 9 - Animated Head...

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

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

Wordpress插件与设计 - Elementor 通用教程 6 - Elementor Kit Library的使用方法 - 特色图片

Elementor 通用教程 6 - Elementor Kit...

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

Elementor 专业教程 15 - Media Carouc...

Wordpress插件与设计 - WP教程 26 - 使用区块样板,可让网页设计变得轻松又有趣! - 特色图片

WP教程 26 - 使用区块样板,可让网页设...

Wordpress插件与设计 - Elementor 专业教程 1 - Post小工具的设置和使用方法 内容标签篇 - 特色图片

Elementor 专业教程 1 - Post小工具的...

AI工具 与服务
AI工具与服务推荐 - Visual Studio扩展市场 - Visual Studio扩展和订阅平台 - 特色图片

Visual Studio扩展市场 - 个性化你的开...

YYP-2024-07-04-12-32-50

Alethea AI - 生成式AI与区块链结合,...

AI工具与服务推荐 - Mutable.ai - AI驱动的代码文档和知识管理平台 - 特色图片

Mutable.ai - 自动生成代码文档,促进...

AI工具与服务推荐 - Linked Booster - LinkedIn自动化工具 - 特色图片

Linked Booster - 社交销售智能助手,...

AI工具与服务推荐 - Ideogram - AI图像生成工具 - 特色图片

Ideogram - 免费AI图像生成工具,设计...

YYP-2024-07-04-12-43-57

Vocode - 构建超级真实的AI语音助手,...

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

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

Canva使用教程 - Canva 相关教程 3 - 设计初体验!用Canva打造你的第一个创意作品 - 特色图片

Canva 相关教程 3 - 设计初体验!用Can...

Canva使用教程 - Canva 新手指南 9 - 如何巧妙地利用建组功能,让你的设计效率翻倍! - 特色图片

Canva 使用教程 9 - 如何巧妙地利用建...

Canva使用教程 - Canva 新手指南 7 - 掌握Canva Mockup功能!轻松打造完美合成图像 - 特色图片

Canva新手指南7 - 掌握Canva Mockup功...

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

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

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

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

社媒运营 与营销
社媒运营推广 - Youtube - 将爱好转为事业!通过YouTube频道赚钱的秘诀 - 特色图片

将爱好转为事业!通过YouTube频道赚钱...

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

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

社媒运营推广 - Youtube - YouTube频道交易的大揭秘:机遇还是陷阱?你需要知道的一切都在这里! - 特色图片

YouTube频道交易的大揭秘:机遇还是陷...

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

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

社媒运营推广 - Youtube - 特色图片设计终极指南,打造吸睛的视频门面! - 特色图片

缩略图设计终极指南,打造吸睛的视频门...

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

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

AI工具 分类筛选
AI Main Category checkbox