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

做点副业,为生活加点料

快速 搜索
相关 文章
google-sheets-to-wordpress-table-sync-plugin tumnail
告别手动更新?如何用Google Sheets打造动态数...
Wordpress插件与设计 - Elementor 基础教程 11 - 图像框小工具的设置和使用方法 - 特色图片
Elementor 基础教程 11 - 图像框小工具的设置和...
Wordpress插件与设计 - Elementor 基础教程 18 - 进度条小工具的设置和使用方法 - 特色图片
Elementor 基础教程 18 - 进度条小工具的设置和...
Wordpress插件与设计 - WP教程 6 - 掌握文章创建和编辑的核心技巧(文本篇) - 特色图片
WP教程 6 - 掌握文章创建和编辑的核心技巧(文...
Wordpress插件与设计 - Elementor 通用教程 6 - Elementor Kit Library的使用方法 - 特色图片
Elementor 通用教程 6 - Elementor Kit Library...
Wordpress插件与设计 - Elementor 专业教程 28 - Code Highlight小工具的设置和使用方法 - 特色图片
Elementor 专业教程 28 - Code Highlight小工具...
Wordpress插件与设计 - Elementor 专业教程 11 - Price List小工具的设置和使用方法 - 特色图片
Elementor 专业教程 11 - Price List小工具的设...
Wordpress插件与设计 - WP教程 23 - 使用媒体区块,创建出色的多媒体页面!以提高网站的互动性 - 特色图片
WP教程 23 - 使用媒体区块,创建出色的多媒体页...
Wordpress插件与设计 - JetEngine 使用教程 1 - 如何制作自定义文章类型以及进行具体设置和使用方法 - 特色图片
JetEngine 使用教程 1 - 如何制作自定义文章类...
Wordpress插件与设计 - Elementor 专业教程 22 - Facebook Button小工具的设置和使用方法 - 特色图片
Elementor 专业教程 22 - Facebook Button小工...
已阅读 文章一览
没有找到更多文章
站长 推荐
副业项目 与技能
from-keywords-to-content-optimization-seo-strategy tumnail

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

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

Elementor 基础教程 4 - 图像小工具的...

Wordpress插件与设计 - WP教程 1 - 为什么WordPress是小白建站的不二之选? - 特色图片

WP教程 1 - 为什么WordPress是小白建站...

Wordpress插件与设计 - WP教程 2 - 别再傻傻分不清了!一文读懂WordPress.com和WordPress.org的区别 - 特色图片

WP教程 2 - 别再傻傻分不清了!一文读...

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

Elementor 基础教程 24 - 警告小工具的...

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

Elementor 基础教程 25 - SoundCloud小...

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

Elementor 专业教程 7 - Slides小工具...

AI工具 与服务
AI工具与服务推荐 - FlowUs息流 - 知识管理与协作平台 - 特色图片

FlowUs - 促进知识流动,高效协作,共...

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

AI imagine - 智能图像生成平台,AI激...

AI工具与服务推荐 - Resume Worded - AI求职辅助平台 - 特色图片

Resume Worded - 贴心的AI求职助手,为...

AI工具与服务推荐 - REimagineHome - AI家居设计工具 - 特色图片

REimagineHome - AI家居设计灵感库,让...

AI工具与服务推荐 - Haiper - AI视频创作平台 - 特色图片

Haiper - AI视频创作,将想象变为现实...

YYP-2024-07-13-12-54-41

BeeBee AI - AI解码华尔街,投资分析简...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

社媒运营推广 - Youtube - 解密YouTube用户互动策略!掌握频道人气的秘诀 - 特色图片

解密YouTube用户互动策略!掌握频道人...

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

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

AI工具 分类筛选
AI Main Category checkbox