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

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

Elementor Facebook Page 小工具是一个在网站上添加 Facebook 页面的工具。你可以使用它在网站中添加 Facebook 页面的点赞按钮、头像、帖子、相册等内容,以便用户在你的网站上直接浏览和互动。

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

使用 Facebook Page 小工具不仅可以增加网站上 Facebook 页面的曝光度和互动性,还有助于网站内容的传播和分享。

本教程将简单说明 Facebook 页面小工具的使用方法。

Elementor Facebook Page 小工具

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

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

在编辑模式下,编辑栏内并没有任何内容,因为在此模式下不能显示 Facebook Page。你需要在 Preview 中进行确认,如下图所示。

在 Preview 中,你可以看到已出现 Facebook Page 窗口。

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

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

Facebook Page 的内容标签包含以下设置选项。

  • Link
  • Layout
  • Small Header
  • Cover Photo
  • Profile Photos
  • Custom CTA Button
  • Height
1-1 Link

Link 是输入 Facebook 页面链接的设置选项。你可以设置任意 Facebook 页面的 URL。

1-2 Layout

Layout 是指定 Facebook 页面布局方式的设置选项。你可以在以下三种预设中选择。

  • Time Line
  • Event
  • Messages

Time Line

Time Line 是指定显示投稿内容的设置选项。默认预设也是 Time Line。

Event

Event 是指定显示活动分类的设置选项。你可以在时间线的右侧看到活动分类按钮。用户点击活动按钮就可以看到 Facebook 页面中的活动信息。

Messages

Messages 是指定显示消息窗口的设置选项。选择 Messages 后,你可以看到时间线按钮的最右侧出现了消息按钮。用户点击消息后,可以轻松与页面管理员进行联系。

1-3 Small Header

Small Header 是指定 Facebook 页眉显示方式的设置选项。你可以在“是”或者“否”中选择。选择“是”时,Facebook 页眉将缩小显示。默认预设是“否”。你可以根据设计进行选择。

1-4 Cover Photo

Cover Photo 是选择是否显示 Facebook 页面页眉图片的设置选项。你可以在“是”或者“否”中选择。选择“是”时,Facebook 页面页眉图片会显示。默认预设也是“是”。你可以根据设计进行选择。

1-5 Profile Photos

Profile Photos 是选择是否显示给页面点赞的用户头像的设置选项。你可以在“是”或者“否”中选择。选择“是”时,Facebook 页面页眉绿色框部分会显示点赞用户的头像。默认预设也是“是”。你可以根据设计进行选择。

1-6 Custom CTA Button

Custom CTA Button 是选择是否启用 Facebook 页面中设定的 CTA 按钮的设置选项。你可以在“是”或者“否”中选择。

选择“是”时,Facebook 页面页眉分享按钮会变成自定义的 CTA 按钮,选择“否”时,会显示分享按钮。如果没有在 Facebook 页面中设置自定义的 CTA 按钮,此功能将无效,都会显示分享按钮。

1-7 Height

Height 是指定 Facebook 页面显示高度的设置选项。你可以设置 0-1000 之间的数值。设置的数值越高,显示的 Facebook 页面也就越高。默认预设数值是 500。

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

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

以上就是 Facebook Page 小工具的功能设置和使用说明。希望建议本篇内容能对你在使用 Elementor 时有所帮助。

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

做点副业,为生活加点料

相关 文章
Wordpress插件与设计 - Elementor 基础教程 1 - 文本编辑器 小工具的设置和使用方法 - 特色图片
Elementor 基础教程 1 - 文本编辑器 小工具的设置和使用方法
Wordpress插件与设计 - Elementor 专业教程 1 - Post小工具的设置和使用方法 内容标签篇 - 特色图片
Elementor 专业教程 1 - Post小工具的设置和使用方法 内容标签篇
Wordpress插件与设计 - JetEngine 使用教程 1 - 如何制作自定义文章类型以及进行具体设置和使用方法 - 特色图片
JetEngine 使用教程 1 - 如何制作自定义文章类型以及进行具体设置和使用方法
Wordpress插件与设计 - Elementor 专业教程 2 - Post小工具的设置和使用方法 样式标签篇 - 特色图片
Elementor 通用教程 3 - 小工具样式标签的通用设置和使用方法
Wordpress插件与设计 - WP教程 20 - 三分钟搞定!快速学会WordPress主题更换与自定义 - 特色图片
WP教程 20 - 三分钟搞定!快速学会WordPress主题更换与自定义
Wordpress插件与设计 - Elementor 专业教程 19 - Countdown小工具的设置和使用方法 - 特色图片
Elementor 专业教程 19 - Countdown小工具的设置和使用方法
Wordpress插件与设计 - WP教程 16 - 一步步教你如何创建诱人的导航菜单 - 特色图片
WP教程 17 - 轻松添加和编辑小工具,让网站与用户的互动更加有趣!
Wordpress插件与设计 - WP教程 32 - 一文搞定WP设置功能!让设置不再是你的难题 - 特色图片
WP教程 32 - 一文搞定WP设置功能!让设置不再是你的难题
Wordpress插件与设计 - WP教程 11 - 想让文章更出彩?特色图片是关键! - 特色图片
WP教程 11 - 想让文章更出彩?特色图片是关键!
Wordpress插件与设计 - WP教程 27 - 提高网站文件管理效率! 掌握WP媒体库的实用技巧 - 特色图片
WP教程 27 - 提高网站文件管理效率! 掌握WP媒体库的实用技巧
快速 搜索
站长 推荐
副业时代 站内使用 推广图像 - 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工具与服务推荐 - Icons8 - AI创意设计资源平台 - 特色图片
Icons8 - 设计资源与AI工具一站集,全方位驱动创意和效率
AI工具与服务推荐 - Writecream - AI内容生成平台 - 特色图片
Writecream - AI内容生成平台,支持26种语言,让内容创作更高效,满足多语言需求
YYP-2024-06-29-07-48-38
Prompt Refine - 系统优化LLM提示词,实现更佳实验结果
AI工具与服务推荐 - modl.ai - AI游戏开发助力平台 - 特色图片
modl.ai - 创新AI游戏开发引擎,彻底重塑您的游戏体验
AI工具与服务推荐 - 一码千言AI平台 - AI工具集成平台 - 特色图片
一码千言AI平台 - 工作学习生活一体化智能助手,助您高效完成任务
AI工具与服务推荐 - 影刀RPA - RPA自动化软件 - 特色图片
YingDao RPA - 影刀RPA,自动化操作的神奇“利器”
Canva Post
Canva使用教程 - Canva 新手指南 3 - 无需编程!用Canva创建专业一页式网站的指南 - 特色图片
Canva新手指南3 - 无需编程!用Canva创建专业一页式网站的指南
Canva使用教程 - Canva 新手指南 4 - 告别平庸!用Canva打造与众不同PPT演示文稿 - 特色图片
Canva新手指南4 – 告别平庸!用Canva打造与众不同PPT演示文稿
Canva使用教程 - Canva 新手指南 8 - 提升设计效率!使用调整功能,轻松管理素材样式和层级 - 特色图片
Canva新手指南8 - 提升设计效率!使用调整功能,轻松管理素材样式和层级
Canva使用教程 - Canva 相关教程 2 - Canva免费版与付费版的详细解析,助你做出最明智的选择? - 特色图片
Canva 相关教程 2 - Canva免费版与付费版的详细解析,助你做出最明智的选择?
Canva使用教程 - Canva 新手指南 6 - 无需专业软件!用Canva制作高质量动态视频 - 特色图片
Canva新手指南6 - 无需专业软件!用Canva制作高质量动态视频
Canva使用教程 - Canva 新手指南 1 - 全面解析Canva文本框的基本功能! - 特色图片
Canva新手指南1 - 全面解析Canva文本框的基本功能!
Smm Post
社媒运营推广 - Youtube - 将爱好转为事业!通过YouTube频道赚钱的秘诀 - 特色图片
将爱好转为事业!通过YouTube频道赚钱的秘诀
社媒运营推广 - Lemon8 - 一文带你解析海外版小红书Lemon8!Z世代的社交新宠,品牌营销新阵地! - 特色图片
一文带你解析海外版小红书Lemon8!Z世代的社交新宠,品牌营销新阵地!
社媒运营推广 - Youtube - 如何正确选择一款适合自己的视频编辑软件? - 特色图片
如何正确选择一款适合自己的视频编辑软件?
社媒运营推广 - Youtube - 解密YouTube用户互动策略!掌握频道人气的秘诀 - 特色图片
解密YouTube用户互动策略!掌握频道人气的秘诀
社媒运营推广 - Youtube - YouTube频道交易的大揭秘:机遇还是陷阱?你需要知道的一切都在这里! - 特色图片
YouTube频道交易的大揭秘:机遇还是陷阱?你需要知道的一切都在这里!
社媒运营推广 - Youtube - YouTube Shorts!解析短视频创作和收益的秘密 - 特色图片
YouTube Shorts!解析短视频创作和收益的秘密
AI工具 分类筛选
AI Main Category checkbox