WordPress divi主题

如何将动态徽标添加到您的 Divi 页脚

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

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

将您网站的徽标添加到使用 Divi Builder 制作的任何页脚都很容易。 但是,如果您只将其显示为图像,则每次更改徽标时都必须编辑页脚。 解决方案是使用动态徽标。 动态徽标会自动更改以匹配网站的徽标。 在本文中,我们将了解如何将动态徽标添加到您的 Divi 页脚。

google广告开户

让我们开始吧。

1.创建新的页脚模板

转到 Divi 主题生成器并添加新的全局或自定义页脚

如果您从头开始构建页脚或下载本教程的免费模板之一,这没有任何区别。 您只需要确保包含一个图像模块。 我们将使用此图像模块连接到动态徽标。

下载页脚模板

对于我的示例,我使用 Divi 的移民律师布局包的免费页脚。 优雅主题博客包含许多免费的页脚模板。 通过在博客的搜索框中输入“免费页眉和页脚”在博客中找到它们。 将模板下载到您的计算机并解压缩文件。 您需要上传 JSON 文件,而不是压缩文件。

上传页脚模板

上传页脚模板

对于本教程,我们将使用 Divi Theme Builder 将页脚应用到每个页面和帖子。 您可以将模板上传到主题生成器或使用 Divi 库中的模板。 要上传到 Theme Builder,请转到 Divi 菜单中的 Divi Theme Builder,然后选择右上角的 Portability 选项。 这是带有向上和向下箭头的图标。

上传页脚模板

然后,您将看到一个带有多个选项的模式。 在模式中选择导入选项卡。 从您的计算机导航并选择 JSON 文件。 选择您想要的任何选项。 我将其保留为默认选项。 接下来,选择导入按钮。 等待导入完成。

上传页脚模板

接下来,如果您不想使用头文件,请将其删除,然后单击以保存更改。 您现在有一个全局页脚。 如果您使用了我使用的模板,那么您将拥有一个已经到位的静态徽标。 我们需要让它动态化。 如果您的模板不包含徽标,只需添加图像模块即可。

WordPress divi主题

上传页脚模板

接下来,单击页脚上的编辑图标以打开模板。

替代方法:从 Divi 库加载

替代方法:从 Divi 库加载

或者,您可以将布局上传到您的 Divi 库。 然后,在 Divi Theme Builder 中,您可以单击添加全局页脚并从库中选择它。

替代方法:从 Divi 库加载

当您单击添加全局页脚时,您可以选择从头开始构建全局页脚或从库中选择它。

2.添加动态标志

添加徽标

添加徽标

如果您使用的模板不包含徽标,请在您希望徽标出现的位置添加图像模块。 禁用在灯箱中打开(这是默认设置)。 对于 URL,您可以将其留空或添加您的主页 URL 以使其可点击。

  • 在灯箱中打开 = 否
  • 图片链接 URL = 留空或添加主页 URL

添加徽标

打开设计选项卡。 在间距下,启用在图像下方显示空间(这是默认设置)。 在边距下,将 50px 添加到底部边距。

fiverr建站WordPress程序员
  • 在图像下方显示空间 = 是
  • 边距 – 底部 = 50px

动态图像设置

动态图像设置

我正在使用的布局已经包含一个徽标图像,所以我将自定义这个图像模块。 它的设置与我们在上一节中看到的相同。

动态图像设置

首先,我们需要删除它已经拥有的图像。 将鼠标悬停在图像上,然后单击出现的垃圾桶图标。 其右侧的重置图标也将起作用。

动态图像设置

独立站选品工具

现在,当您将鼠标悬停在图像区域上时,您会看到选择动态内容的图标。 选择此图标。

动态图像设置

将出现一个模式,其中包含许多与您的内容相关的选项。 选择顶部的第三个选项:站点徽标。

动态图像设置

然后,您网站的徽标将显示在图像模块中。 就这么容易。

高质量外链购买

3. 保存所有模板和主题生成器更改

将徽标替换为动态徽标后,您需要保存更改以使其在您的网站上生效。

保存所有模板和主题生成器更改

单击 Visual Builder 菜单中的 Save 按钮,然后单击右上角的 X 退出构建器。 现在,在 Divi 主题选项中设置为网站徽标的任何徽标都将自动显示在此图像模块中。

预览您的动态徽标

以下是动态徽标在桌面和移动屏幕上的外观。 我只需要在 Divi 主题设置屏幕中更改徽标。

桌面

桌面

JasperAI 10000字免费额度试用

这是动态徽标在桌面上的外观。 页脚中的徽标与页眉中的徽标相匹配。

移动的

移动的

这是动态徽标在移动设备上的外观。

更改网站的徽标

更改网站的徽标

要在页脚中使用不同的徽标,只需更改网站的徽标即可。 转到 Divi 菜单中的 Divi 主题选项。 单击上传按钮以选择新徽标并保存更改。 您的新网站徽标将更改,并且您的页脚徽标将与之匹配。

WordPress备份工具updrafplus
  • Divi > 主题选项 > 常规选项卡 > 徽标
  • 上传新徽标

结束的想法

这就是我们如何为您的 Divi 页脚添加动态徽标的方法。 如果没有动态徽标,如果您希望页脚的徽标与网站的徽标匹配,则必须手动更改它。 动态徽标会自动匹配网站的徽标。 我们可以在一个地方更改徽标,它会自动应用于使用动态徽标的每个页面或帖子的页脚。

我们希望收到你的来信。 您是否在 Divi 页脚中使用动态徽标? 在下面的评论中让我们知道。

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