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

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

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

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

在您的 WordPress 仪表板菜单中，导航到Divi –主题选项，然后单击常规选项卡。 向下滚动以查看网络切换。 此外，在这些切换下，请务必输入您启用的每个 Divi 社交图标的 URL。 否则，该图标将出现，但单击它将使用户无处可去。 使用#代替 URL 将使用户保持在页面上，而不是潜在地将他们重定向到 404 页面。

一直向下滚动到主题选项的末尾，然后单击Save Changes 。 现在您可以查看您网站的页脚并单击社交图标来测试它们！

如果您在页脚中没有看到图标，请确保在外观 - 自定义下检查您的主题定制器，并确保在页脚选项下选中了显示社交图标。

但是，如果您想要更多页脚社交图标选项，请继续向下滚动到我们关于 Divi Theme Builder 的部分，在那里我们讨论自定义模板和全局默认值。

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

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

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

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

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

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

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

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

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

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

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

添加社交网络后，继续进入“内容”和“设计”选项卡以使用一些进一步的自定义选项。 您可以更改所有内容，包括框阴影、边框半径、间距、过滤器，甚至图标模块的介绍动画。 您还可以选择为所有图标包含一个“关注”按钮，以吸引更多注意力。 完成所有操作后，单击绿色复选标记。

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

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

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

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

要开始使用主题构建器，请导航到 WordPress 仪表板中的Divi – Theme Builder 。

将社交媒体图标添加到现有的 Divi 主题构建器布局非常有用。 或者换一个新的！ 无论您是添加到站点的全局页眉、页脚或正文，还是仅添加到某些类别或其他专门的页面类型，都没有关系。 您将遵循相同的过程。

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

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

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

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

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

就像那样，您已将社交媒体图标添加到 Divi 主题构建器。 它们将出现在您制作的任何博客文章中（在本例中）。

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

确保单击角落中的绿色保存按钮。 现在，网站上带有此模板的每篇博客文章都将在侧边栏顶部显示您的社交媒体图标。

使用 Divi Theme Builder 将社交媒体图标添加到页眉和页脚

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

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

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

结论

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

您认为在您的网站上包含社交媒体图标的最佳位置是什么？ 让我们在评论中分享技巧！

Sammby/shutterstock.com 的文章缩略图