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 基础教程 15 - 基本图库小工具的设置使用方法 - 特色图片
Elementor 基础教程 15 - 基本图库小工具的设置使用方法
Wordpress插件与设计 - Elementor 专业教程 15 - Media Caroucel小工具的设置和使用方法 - 特色图片
Elementor 专业教程 15 - Media Caroucel小工具的设置和使用方法
Wordpress插件与设计 - WP教程 14 - 如何在文章概览中快速编辑和管理文章? - 特色图片
WP教程 14 - 如何在文章概览中快速编辑和管理文章?
Wordpress插件与设计 - WP教程 24 - 掌握WordPress的排版艺术,让你的内容展示方式更具吸引力! - 特色图片
WP教程 24 - 掌握WordPress的排版艺术,让你的内容展示方式更具吸引力!
Wordpress插件与设计 - WP教程 16 - 一步步教你如何创建诱人的导航菜单 - 特色图片
WP教程 17 - 轻松添加和编辑小工具,让网站与用户的互动更加有趣!
Wordpress插件与设计 - Elementor 专业教程 30 - Paypal Button小工具的设置和使用方法 - 特色图片
Elementor 专业教程 30 - Paypal Button小工具的设置和使用方法
Wordpress插件与设计 - WP教程 27 - 提高网站文件管理效率! 掌握WP媒体库的实用技巧 - 特色图片
WP教程 27 - 提高网站文件管理效率! 掌握WP媒体库的实用技巧
Wordpress插件与设计 - Elementor 基础教程 5 - 视频小工具的设置和使用方法 - 特色图片
Elementor 基础教程 5 - 视频小工具的设置和使用方法
Wordpress插件与设计 - Elementor 基础教程 9 - 谷歌地图小工具的设置使用方法 - 特色图片
Elementor 基础教程 9 - 谷歌地图小工具的设置使用方法
Wordpress插件与设计 - WP教程 9 - 如何轻松添加文件下载功能以提升用户体验? - 特色图片
WP教程 9 - 如何轻松添加文件下载功能以提升用户体验?
快速 搜索
站长 推荐
副业时代 站内使用 推广图像 - 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工具与服务推荐 - Podwise - AI播客内容管理工具 - 特色图片
Podwise - AI洞悉播客精华,高效获取知识要点
AI工具与服务推荐 - Stratup.ai - AI创业点子生成平台 - 特色图片
Stratup.ai - 万事俱备,AI助力,扬帆起航创业梦!
AI工具与服务推荐 - Curatora - 内容策划平台 - 特色图片
Curatora - AI驱动内容策划工具,优化社媒表现,提升品牌影响力
AI工具与服务推荐 - magickimg - AI图像处理平台 - 特色图片
magickimg - 智能图像处理平台,让平凡照片焕发非凡魅力
AI工具与服务推荐 - Lexica - AI图像生成引擎 - 特色图片
Lexica - 尖端AI图像生成引擎,创意惊艳,触手可及
AI工具与服务推荐 - HiDream.ai - AIGC创作平台与社区 - 特色图片
HiDream.ai - 释放创造美好世界的魔法,唤醒您的无限创意,点亮梦想之光!
Canva Post
Canva使用教程 - Canva 新手指南 1 - 全面解析Canva文本框的基本功能! - 特色图片
Canva新手指南1 - 全面解析Canva文本框的基本功能!
Canva使用教程 - Canva 相关教程 2 - Canva免费版与付费版的详细解析,助你做出最明智的选择? - 特色图片
Canva 相关教程 2 - Canva免费版与付费版的详细解析,助你做出最明智的选择?
Canva使用教程 - Canva 新手指南 2 - 告别PS!全面解析Canva 图像编辑功能及其使用方法 - 特色图片
Canva新手指南2 – 告别PS!全面解析Canva 图像编辑功能及其使用方法
Canva使用教程 - Canva 新手指南 5 - 掌握Docs的功能和技巧,使文档创作更简单! - 特色图片
Canva新手指南5 - 掌握Docs的功能和技巧,使文档创作更简单!
Canva使用教程 - Canva 新手指南 9 - 如何巧妙地利用建组功能,让你的设计效率翻倍! - 特色图片
Canva 使用教程 9 - 如何巧妙地利用建组功能,让你的设计效率翻倍!
Canva使用教程 - Canva 新手指南 6 - 无需专业软件!用Canva制作高质量动态视频 - 特色图片
Canva新手指南6 - 无需专业软件!用Canva制作高质量动态视频
Smm Post
社媒运营推广 - Youtube - 将爱好转为事业!通过YouTube频道赚钱的秘诀 - 特色图片
将爱好转为事业!通过YouTube频道赚钱的秘诀
社媒运营推广 - Youtube - 解密YouTube用户互动策略!掌握频道人气的秘诀 - 特色图片
解密YouTube用户互动策略!掌握频道人气的秘诀
社媒运营推广 - Lemon8 - 一文带你解析海外版小红书Lemon8!Z世代的社交新宠,品牌营销新阵地! - 特色图片
一文带你解析海外版小红书Lemon8!Z世代的社交新宠,品牌营销新阵地!
社媒运营推广 - Youtube - 从零到一!创建YouTube频道并上传视频的全流程 - 特色图片
从零到一!创建YouTube频道并上传视频的全流程
社媒运营推广 - Youtube - YouTube运营全攻略 从零到一打造你的油管频道 - 特色图片
YouTube运营全攻略:从零到一打造你的油管频道
社媒运营推广 - Youtube - 新手必看!解锁YouTube视频广告投放优化技巧,提升转化率 - 特色图片
新手必看!解锁YouTube视频广告投放优化技巧,提升转化率
AI工具 分类筛选
AI Main Category checkbox