Divi使您可以控制和设计网站的每个细节,从页眉到页脚。 任何网站上点击次数最多的元素之一就是社交媒体图标。 敬业的观众希望在其他地方找到您并结识您。 显然,您将希望使其尽可能简单。 

因此,我们将向您展示如何在 Divi 的主题选项中启用其他社交媒体图标,如何使用 Divi Builder 在页面或帖子的任何位置插入社交媒体图标,以及如何利用 Divi主题 将社交媒体图标添加到您网站的每个角落和缝隙的构建器。

如何在Divi页脚中轻松激活其他社交媒体图标

向Divi网站添加更多社交媒体图标的最简单方法是转到面板 主题选项 ,激活Facebook,Twitter,Instagram和RSS的选项。 然后,您所要做的就是在字段中输入您的个人资料网址。 执行此操作时,您会看到它们在网站页脚中显示为图标链接:

社会图标div

在WordPress仪表板菜单中,转到 Divi-主题选项 然后点击选项卡 一般 。 向下滚动以查看网络交换机。 另外,在这些切换按钮的下方,请确保输入您激活的每个Divi社交图标的URL。 否则,将出现该图标,但是通过单击它,用户将无处不在。 用一个 # 而不是URL会将用户留在页面上,而不是潜在地将他们重定向到 404页 .

主题divi选项

滚动到主题选项的末尾,然后单击 保存更改 。 现在,您可以转到站点的页脚,然后单击社交图标以对其进行测试!

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

迪维 wordpress

但是,如果您想为社交页脚图标提供更多选项,请继续向下滚动到Divi Theme Builder上的部分,在此我们讨论自定义模板和总体默​​认设置。

如何使用Divi Builder将社交媒体跟踪器添加到页面或发布内容

有时在页面或帖子正文中的文本块、图像或其他内容之间放置额外的社交媒体图标可能很有意义。 例如,您的登录页面或关于页面将是添加其他社交图标以通知人们的好地方 游客 关于如何与您联系。 他们肯定会脱颖而出,而不仅仅是使用常规文本链接到您的社交资料。 此外,人们正在寻找可识别的图标。

您可以使用Divi Builder将社交媒体图标直接插入网页或帖子中,方法是使用 社交媒体追踪 .

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

Divi文章创作

当然可以。 只需点击 使用Divi Builder 开始构建您的页面或从头开始发布(或从我们的其中之一发布) 预定义的布局 )。 此外,如果您使用默认的WordPress编辑器,则可以包括Divi社交媒体图标。 您需要做的就是插入一个 Divi布局 并遵循与下面相同的步骤。

Divi Gutenberg布局

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

准备将社交媒体图标添加到页面时,请单击 黑色圆圈+ 在您要放置社交媒体图标的部分中,滚动直到 社交媒体追踪 被展示。

将模块插入社交媒体

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

添加社交网络社交模块divi

然后从下拉列表中选择一个。

添加新的社交网络

选择该选项后,添加您的配置文件的URL。 (可选)您可以选择颜色,渐变,背景等。 具体用于其图标。

自定义社交网络按钮

添加第一个社交网络后,您可以按照以下相同步骤继续添加其他网络。 它们都将列在标签下 包装内容 DES 社交媒体跟踪设置 。 您可以通过将它们拖放到位来编辑,复制或重新排列它们。

自定义社交图标

添加社交网络后,转到标签 包装内容 et 概念 与其他自定义选项一起使用。 您可以更改框阴影,边框半径,间距,滤镜甚至图标模块的简介动画的所有内容。 您还可以选择包含一个按钮 跟随 让您的所有图标吸引更多关注。 完成后,单击 绿色的勾 .

关注我们按钮

然后,您可以在页面上移动图标,并根据需要调整图标的间距和布局。 ( Divi转换选项 顺便说一句,这真是太神奇了。)当您对所有决定都满意时,请按 绿色的“保存(或发布)”按钮 在右下角注册新的社交媒体图标模块。 如果没有看到“发布/保存”按钮,请按 紫色省略号(三个点) 在屏幕底部中心展开菜单。

Divi按钮关注我们

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

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

如上所述,Divi Theme Builder是一个功能强大的工具,可让您完全控制网站的各个方面。 因此,如果您希望在任何地方添加社交媒体图标,则可以使用主题生成器。

要开始使用主题生成器,请转到 Divi-主题生成器 在你的WordPress仪表板。

Divi建筑商

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

首先,我们将找到要添加的部分。 同样,它可以是全局的或个性化的。 如果您以前从未使用过主题生成器,那么这很容易。 我们将在各个帖子中添加社交媒体图标。 因此,您可以通过单击 新增模型 然后选择 所有讯息 ou 特定类别的邮件 。 然后检查您要包括的类别。 然后点击 创建一个模板 .

添加divi模型

如果您已经设置了模板,只需点击 编辑铅笔 或双击要修改的部分。

Divi布局

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

例如,如果我们想将社交媒体图标包括在帖子标题下方,但在我们发布的每个博客帖子的帖子内容上方,则只需在其中添加一个模块即可 遵循 社交网络。 点击圈子 黑色 +并在对话框中选择它 插入模块 .

选择社交模块

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

社交图标媒体模块divi

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

通过共享按钮显示在divi上

而且,如果您不喜欢它们的外观,则可以轻松定制主题生成器。 只需将它们拖动到其他位置,例如侧栏的顶部。

Divi社交分享模块移动

确保单击绿色按钮 Enregistrer 在角落。 现在,网站上每个带有此模板的博客帖子都将在侧边栏顶部上传您的社交媒体图标。

侧边栏图标

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

Divi设置中的默认社交媒体图标可能不适用于您或未提供足够的自定义设置。 在这种情况下,您始终可以使用主题生成器对其进行更完整的自定义。 

在任何模板中,您都可以添加自定义页脚。 这将替换默认的Divi。 没有自定义模板的任何模板都将显示默认主题元素。 社交媒体图标可能会因职位差异而异,具体取决于用户的需求。

个性化主题主题布局

您还可以添加一个全局页脚,以替换 所有 您创建的其他页脚。 (这也适用于全局主体和标题)。 

如果您为“帖子”,“页面”,“项目”和“类别”设计了4个自定义页脚,但是随后创建了“全局页脚”,则只会显示“全局页脚”。 

全局模板非常适合网站范围的社交媒体图标,例如报纸或品牌。 虽然带有社交图标的个性化模板最适合作为网络一部分的个人创建者。

添加全局divi页脚

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

结论

当您拥有默认的Divi页脚选项,用于帖子和页面的Divi Builder工具以及Divi Theme Builder的强大功能时,没有理由需要安装一个将社交媒体图标添加到您的网站的插件。 Divi使您可以完全控制社交图标的外观和位置。 

无论您需要 促进 无论是品牌、客座作者、稳定的内容创作者,还是只是可以在网上找到您自己的地方,Divi 都有办法做到这一点。 我们有偏见,但我们认为这是向您的网站添加社交媒体图标的最简单、最简单、最优雅的方式。