WordPress divi主题

如何向 Divi 添加更多社交媒体图标

| 5月 5, 2022 | Divi主题使用教程 | 0 条评论

5分钟生成10篇英文软文article forge软件试用

Divi 可让您控制和设计网站的每个细节,从页眉到页脚以及介于两者之间的所有内容。 任何网站的一些点击次数最多的元素都是社交媒体图标。 参与的观众希望在其他地方找到您并了解您。 显然,你会想让它尽可能简单和无摩擦。 因此,我们将向您展示如何在 Divi 的主题选项中启用额外的社交媒体图标,如何使用 Divi Builder 在页面或帖子的任何位置插入社交媒体图标,以及如何利用 Divi 主题的强大功能将社交媒体图标添加到您网站的每个角落和缝隙的构建器。

google广告开户

如何在 Divi 的页脚中轻松启用额外的社交媒体图标

向 Divi 网站添加更多社交媒体图标的最简单方法是访问 主题选项 面板,启用 Facebook、Twitter、Instagram 和 RSS 的选项。 然后,您只需在字段中输入您的个人资料 URL。 当您这样做时,您会看到它们在您的网站页脚中显示为图标链接:

社交媒体图标

在您的 WordPress 仪表板菜单中,导航到 迪维—— 主题选项 并点击 一般的 标签。 向下滚动以查看网络切换。 此外,在这些切换按钮下方,请务必输入您启用的每个 Divi 社交图标的 URL。 否则,该图标将出现,但单击它将使用户无处可去。 用一个 # 代替 URL 将使用户留在页面上,而不是潜在地将他们重定向到 404 页面。

社交媒体图标

一直向下滚动到主题选项的末尾,然后单击 保存更改. 现在您可以查看您网站的页脚并单击社交图标进行测试!

如果您在页脚中看不到图标,请务必检查您的主题定制器 外观 – 自定义 并确保 显示社交图标 在页脚选项下选中。

社交媒体图标

但是,如果您想要更多页脚社交图标选项,请继续向下滚动到 Divi 主题生成器部分,我们将在其中讨论自定义模板和全局默认值。

如何使用 Divi Builder 在页面或帖子内容中添加社交媒体关注模块

有时,在页面或帖子正文中的文本、图像或其他内容块之间放置额外的社交媒体图标会很有意义。 例如,您的登录页面或关于页面将是添加额外社交图标以帮助告知访问者如何与您联系的好地方。 它们肯定会比简单地使用常规文本链接到您的社交资料更引人注目。 此外,人们倾向于寻找可识别的图标。

WordPress divi主题

您可以使用 Divi Builder 将社交媒体图标直接插入到您的页面或帖子中,使用 社交媒体关注 模块。

每当您在 WordPress 仪表板中创建或打开现有页面或帖子时,您都会看到一个紫色的大按钮,询问您是否要使用 Divi Builder。

社交媒体图标

你当然知道。 只需点击 使用 Divi Builder 从头开始构建您的页面或发布(或从我们的预制布局之一)。 此外,如果您使用默认的 WordPress 编辑器,则可以包含 Divi 社交媒体图标。 您需要做的就是插入一个 分区布局 阻止并按照我们在下面执行的相同步骤进行操作。

社交媒体图标

您可以使用该工具来设计您的页面或发布您喜欢的页面,使用可用的页面构建器模块。 如果这是您第一次使用 Divi Builder,您可能需要先查看此概述,以清楚了解其工作原理。

当您准备好将社交媒体图标添加到您的页面时,单击 黑色+圆圈 在您想要放置社交媒体图标的部分中滚动,直到看到 社交媒体关注 盒子。

社交媒体图标

在开始自定义之前,系统会要求您选择所需的社交网络。 点击 添加新的社交网络.

fiverr建站WordPress程序员

社交媒体图标

接下来,从下拉列表中选择一个。

社交媒体图标

选择后,添加您的个人资料 URL。 或者,您可以为其图标选择特定的颜色、渐变、背景等。

社交媒体图标

独立站选品工具

添加第一个社交网络后,您可以按照相同的步骤继续添加更多网络。 它们都将列在 内容 的选项卡 社交媒体关注设置. 您可以通过拖放它们来编辑、复制或重新排列它们。

社交媒体图标

添加社交网络后,继续 内容设计 选项卡可以使用一些进一步的自定义选项。 您可以更改所有内容,包括框阴影、边框半径、间距、过滤器,甚至图标模块的介绍动画。 您还可以选择包括 跟随 所有图标的按钮,以吸引更多注意力。 全部完成后,点击 绿色复选标记.

社交媒体图标

然后,您可以在页面周围移动图标,按照您认为合适的方式调整它们的间距和布局。 (顺便说一下,Divi 转换选项对此非常棒。)当您对所有决定感到满意时,点击 绿色的保存(或发布)按钮 在右下角保存新的社交媒体图标模块。 如果您没有看到“发布/保存”按钮,请按 紫色省略号(三个点) 在屏幕的中央下方以展开菜单。

高质量外链购买

社交媒体图标

之后,您的社交媒体图标将出现在您的网站上。

使用 Divi Theme Builder 添加社交媒体图标

正如我们上面提到的,Divi Theme Builder 是一个强大的工具,可让您完全控制网站的几乎所有方面。 因此,如果您想在任何地方添加社交媒体图标,主题构建器可以满足您的需求。

要开始使用主题生成器,请导航至 Divi – 主题生成器 在您的 WordPress 仪表板中。

迪维主题生成器

JasperAI 10000字免费额度试用

将社交媒体图标添加到现有的 Divi 主题构建器布局中非常棒。 或者换一个新的! 如果您要添加到站点的全局页眉、页脚或正文中,或者仅添加到某些类别或其他专门的页面类型,则无关紧要。 您将遵循相同的过程。

我们首先要找到要添加的部分。 同样,它可以是全局的或自定义的。 如果您以前没有使用过主题生成器,那很容易。 我们将为个别帖子添加社交媒体图标。 因此,您可以通过单击开始 添加新模板 并选择 所有帖子 或者 特定类别的帖子. 然后检查您要包含的类别。 然后点击 创建模板.

divi 主题生成器类别模板

如果您已经设置了模板,您所要做的就是单击 编辑铅笔 或双击要编辑的部分。

社交媒体图标

WordPress备份工具updrafplus

此处添加社交媒体图标的过程与上面在构建器中的过程相同。 但是,由于您使用的是主题生成器而不是仅编辑单个页面,因此图标不会只出现在您选择的那个位置。 可以将模板添加到页眉、页脚和全局模板中。 您可以选择它们的显示方式和时间,只需设置一次即可。 不是像上面那样逐页进行。

例如,如果我们想在帖子标题下方包含社交媒体图标,但在我们发布的每篇博客帖子的帖子内容上方,我们只需添加一个 社交媒体关注 模块。 点击 黑色的 + 圈并从 插入模块 对话。

插入模块对话框

然后只需将模块拖动到您希望显示社交媒体图标的位置。 (我们为此放置使用线框模式)。 然后,您只需添加要显示的社交网络。 然后像上面一样自定义大小和颜色。

社交媒体图标

就像这样,您已将社交媒体图标添加到 Divi 主题构建器。 它们将出现在您发表的任何博客文章中(在此示例中)。

帖子内容上方的图标

如果您碰巧不喜欢它们的外观,主题构建器很容易定制。 只需将它们拖到不同的位置,例如侧边栏的顶部。

移至侧边栏

确保点击绿色 节省 角落里的按钮。 现在,网站上使用此模板的每一篇博客文章都将在侧边栏顶部显示您的社交媒体图标。

侧边栏图标

使用 Divi 主题生成器将社交媒体图标添加到页眉和页脚

Divi 设置中的默认社交媒体图标可能不适合您或提供足够的自定义。 在这种情况下,您始终可以使用主题构建器来更全面地自定义它。 在任何模板中,您都可以添加自定义页脚。 这将替换默认的 Divi 之一。 任何没有自定义模板的模板都将显示默认主题元素。 社交媒体图标可能因帖子到页面到存档而有所不同,具体取决于您的用户需要什么。

divi自定义页脚

您还可以添加将覆盖的全局页脚 任何 您创建的其他页脚。 (这也适用于全局正文和标题)。 如果您为帖子、页面、项目和类别设计了 4 个自定义页脚,但随后创建了一个全局页脚,则只有全局页脚会显示。 全局模板非常适合用于报纸或品牌的站点范围的社交媒体图标。 虽然带有社交图标的自定义模板可能最适合作为网络一部分的个人创作者。

divi 全球页脚

通过将 Divi Builder 用于自定义页眉、页脚和正文模板,您可以将社交媒体图标添加到您想要的 Divi 的任何部分。 您不仅限于默认设计,也不必深入研究 WordPress 文件系统。 此外,借助主题生成器,您可以使用 Divi 的任何设计选项来修饰社交媒体图标,并让它们以正确的方式针对每个特定受众脱颖而出。

结论

当您拥有 Divi 的默认页脚选项、用于帖子和页面的 Divi Builder 工具、Divi Theme Builder 的强大功能时,您无需安装插件即可将社交媒体图标添加到您的网站。 Divi 让您可以完全控制社交图标的外观和显示位置。 无论您是需要推广品牌、客座作者、稳定的内容创作者,还是只是在网上可以找到您自己的地方,Divi 都有办法做到这一点。 我们有偏见,但我们认为这是向您的网站添加社交媒体图标的最简单、最简单、最优雅的方式。

您认为在您的网站上包含社交媒体图标的最佳位置是什么? 让我们在评论中分享提示!

Sammby / shutterstock.com 的文章缩略图

5分钟生成10篇英文软文article forge软件试用
tiktok
WordPress divi主题