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 - Media Caroucel小工具的设置和使用方法 - 特色图片
Elementor 专业教程 15 - Media Caroucel小工具...
Wordpress插件与设计 - Elementor 基础教程 24 - 警告小工具的设置和使用方法 - 特色图片
Elementor 基础教程 24 - 警告小工具的设置和使...
Wordpress插件与设计 - JetEngine 通用教程 3 - Meta Field的项目说明以及设置和使用方法 - 特色图片
JetEngine 通用教程 3 - Meta Field的项目说明...
Wordpress插件与设计 - Elementor 专业教程 13 - Flip Box小工具的设置和使用方法 - 特色图片
Elementor 专业教程 13 - Flip Box小工具的设置...
Wordpress插件与设计 - Elementor 专业教程 18 - Table Of Content小工具的设置和使用方法 - 特色图片
Elementor 专业教程 18 - Table Of Content小工...
Wordpress插件与设计 - Elementor 基础教程 30 - 阅读更多小工具的设置和使用方法 - 特色图片
Elementor 基础教程 30 - 阅读更多小工具的设置...
Wordpress插件与设计 - Elementor 基础教程 26 - 简码小工具的设置和使用方法 - 特色图片
Elementor 基础教程 26 - 简码小工具的设置和使...
Wordpress插件与设计 - Elementor 专业教程 8 - Nav Menu小工具的设置和使用方法 - 特色图片
Elementor 专业教程 8 - Nav Menu小工具的设置...
WP Post - WordPress新手必读指南!如何选择最适合你的网站主题 缩略图
WordPress新手必读指南!如何选择最适合你的网...
Wordpress插件与设计 - Elementor 基础教程 19 - 证明小工具的设置和使用方法 - 特色图片
Elementor 基础教程 19 - 证明小工具的设置和使...
已阅读 文章一览
没有找到更多文章
站长 推荐
副业项目 与技能
from-keywords-to-content-optimization-seo-strategy tumnail

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

WP教程 与设计
Wordpress插件与设计 - Elementor 专业教程 33 - Query的设置和使用方法 - 特色图片

Elementor 专业教程 33 - Query的设置...

Wordpress插件与设计 - JetEngine 使用教程 2 - Custom Taxonomies的制作和设置以及使用方法 -特色图片

JetEngine 使用教程 2 - Custom Taxono...

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

Elementor 专业教程 32 - Progress Tra...

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

Elementor 基础教程 13 - 星级小工具的...

Wordpress插件与设计 - WP教程 16 - 一步步教你如何创建诱人的导航菜单 - 特色图片

WP教程 16 - 一步步教你如何创建诱人的...

Wordpress插件与设计 - Elementor 通用教程 4 - 高级标签的设置和使用方法 - 特色图片

Elementor 通用教程 4 - 高级标签的设...

AI工具 与服务
AI工具与服务推荐 - jpgHD - AI老照片修复工具 - 特色图片

jpgHD - AI修复旧时光,珍贵记忆永不褪...

AI工具与服务推荐 - Pi - 个人AI助理 - 特色图片

Pi - 首款情感AI助理,贴心建议,时刻...

YYP-2024-07-14-23-29-12

Vercel - 用云端魔法让你的网站飞起来

AI工具与服务推荐 - 讯飞智作 - AIGC内容创作平台 - 特色图片

Iflytek Zhizuo - AI虚拟主播配音,一...

YYP-2024-07-01-13-53-51

Parsio - AI驱动的文档解析神器,让数...

AI工具与服务推荐 - MakeLogoAI - AI驱动的Logo设计平台 - 特色图片

MakeLogoAI - 几分钟内生成独特Logo,...

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

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

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

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

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

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

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

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

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

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

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

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

社媒运营 与营销
社媒运营推广 - Youtube - 从零到一!创建YouTube频道并上传视频的全流程 - 特色图片

从零到一!创建YouTube频道并上传视频...

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

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

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

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

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

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

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

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

社媒运营推广 - Youtube - 新手必看!解锁YouTube视频广告投放优化技巧,提升转化率 - 特色图片

新手必看!解锁YouTube视频广告投放优...

AI工具 分类筛选
AI Main Category checkbox