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插件与设计 - WP教程 22 - 再也不将就!用Text Blocks打造精美的文字布局 - 特色图片
WP教程 22 - 再也不将就!用Text Blocks打造精美的文字布局
Wordpress插件与设计 - Elementor 专业教程 10 - HotsPost小工具的设置和使用方法 - 特色图片
Elementor 专业教程 10 - HotsPost小工具的设置和使用方法
Wordpress插件与设计 - JetEngine 使用教程 2 - Custom Taxonomies的制作和设置以及使用方法 -特色图片
JetEngine 使用教程 2 - Custom Taxonomies的制作和设置以及使用方法
Wordpress插件与设计 - Elementor 专业教程 1 - Post小工具的设置和使用方法 内容标签篇 - 特色图片
Elementor 专业教程 1 - Post小工具的设置和使用方法 内容标签篇
Wordpress插件与设计 - JetEngine 通用教程 3 - Meta Field的项目说明以及设置和使用方法 - 特色图片
JetEngine 通用教程 3 - Meta Field的项目说明以及设置和使用方法
Wordpress插件与设计 - WP教程 19 - 从选择主题到自定义设置,小白也能轻松掌握 - 特色图片
WP教程 19 - 从选择主题到自定义设置,小白也能轻松掌握
Wordpress插件与设计 - Elementor 专业教程 11 - Price List小工具的设置和使用方法 - 特色图片
Elementor 专业教程 11 - Price List小工具的设置和使用方法
Wordpress插件与设计 - Elementor 基础教程 15 - 基本图库小工具的设置使用方法 - 特色图片
Elementor 基础教程 15 - 基本图库小工具的设置使用方法
Wordpress插件与设计 - WP教程 15 - 新手小白也能轻松创建和管理页面 - 特色图片
WP教程 15 - 新手小白也能轻松创建和管理页面
Wordpress插件与设计 - Elementor 专业教程 3 - Portfolio小工具的设置和使用方法 - 特色图片
Elementor 专业教程 3 - Portfolio小工具的设置和使用方法
快速 搜索
站长 推荐
副业时代 站内使用 推广图像 - 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工具与服务推荐 - Kaggle - 数据科学社区 - 特色图片
Kaggle - 全球最大的AI与机器学习社区,让你的数据科学之路快人一步!
AI工具与服务推荐 - Tiledesk - 对话式自动化平台 - 特色图片
Tiledesk - AI客户互动平台,实现全渠道个性化服务体验
AI工具与服务推荐 - Flot AI - AI辅助工具 - 特色图片
Flot AI - AI赋能写作阅读,助您与知识共同成长
AI工具与服务推荐 - SciSpace - 科研AI助手 - 特色图片
SciSpace - AI解构科研论文,快速理解,事半功倍!
YYP-2024-06-28-14-01-07
Supermanage AI - AI赋能,让你的一对一更有意义!
AI工具与服务推荐 - Jan - 开源AI应用 - 特色图片
Jan - 把你的电脑变成AI大脑,本地运行大语言模型就是这么任性!
Canva Post
Canva使用教程 - Canva 新手指南 3 - 无需编程!用Canva创建专业一页式网站的指南 - 特色图片
Canva新手指南3 - 无需编程!用Canva创建专业一页式网站的指南
Canva使用教程 - Canva 新手指南 5 - 掌握Docs的功能和技巧,使文档创作更简单! - 特色图片
Canva新手指南5 - 掌握Docs的功能和技巧,使文档创作更简单!
Canva使用教程 - Canva 相关教程 2 - Canva免费版与付费版的详细解析,助你做出最明智的选择? - 特色图片
Canva 相关教程 2 - Canva免费版与付费版的详细解析,助你做出最明智的选择?
Canva使用教程 - Canva 新手指南 4 - 告别平庸!用Canva打造与众不同PPT演示文稿 - 特色图片
Canva新手指南4 – 告别平庸!用Canva打造与众不同PPT演示文稿
Canva使用教程 - Canva 新手指南 8 - 提升设计效率!使用调整功能,轻松管理素材样式和层级 - 特色图片
Canva新手指南8 - 提升设计效率!使用调整功能,轻松管理素材样式和层级
Canva使用教程 - Canva 新手指南 2 - 告别PS!全面解析Canva 图像编辑功能及其使用方法 - 特色图片
Canva新手指南2 – 告别PS!全面解析Canva 图像编辑功能及其使用方法
Smm Post
社媒运营推广 - Youtube - YouTube频道交易的大揭秘:机遇还是陷阱?你需要知道的一切都在这里! - 特色图片
YouTube频道交易的大揭秘:机遇还是陷阱?你需要知道的一切都在这里!
社媒运营推广 - Youtube - 解密YouTube用户互动策略!掌握频道人气的秘诀 - 特色图片
解密YouTube用户互动策略!掌握频道人气的秘诀
社媒运营推广 - Youtube - 从零到一!创建YouTube频道并上传视频的全流程 - 特色图片
从零到一!创建YouTube频道并上传视频的全流程
社媒运营推广 - Lemon8 - 一文带你解析海外版小红书Lemon8!Z世代的社交新宠,品牌营销新阵地! - 特色图片
一文带你解析海外版小红书Lemon8!Z世代的社交新宠,品牌营销新阵地!
社媒运营推广 - Youtube - 将爱好转为事业!通过YouTube频道赚钱的秘诀 - 特色图片
将爱好转为事业!通过YouTube频道赚钱的秘诀
社媒运营推广 - Youtube - 从0到10万!12个实用技巧快速提升YouTube频道的订阅量 - 特色图片
从0到10万!12个实用技巧快速提升YouTube频道的订阅量
AI工具 分类筛选
AI Main Category checkbox