您想使用 Elementor 在 WordPress 中创建自定义标题吗?

标题是每个网站都应该拥有的关键元素之一。 标题通常包含一个菜单,使您的访问者可以轻松导航到您网站上的重要页面。 通常在网站标题上找到的另一个元素是徽标。

发现 如何在WordPress上安装Elementor

WordPress主题,无论是免费还是付费,都允许您通过添加您的网站徽标或导航菜单来自定义标题。 一些 WordPress主题,允许您添加其他元素,例如搜索栏和社交媒体图标。

但是是否可以在 WordPress 中创建一个自定义标题来替换 WordPress主题 资产 ?

当然,您可以创建自定义标题来覆盖 WordPress 网站上当前活动主题的默认标题。

如果您有编程技能(在本例中为 PHP),请为 WordPress主题 不是大问题。 如果您没有任何编程技能,Elementor 可让您创建自定义标头而无需编写一行代码。 您可以通过可视化拖放编辑器创建标题。

注意: 主题生成器仅在 Elementor Pro 上可用。

如何使用 Elementor 在 WordPress 中创建自定义标题

Elementor 的专业版带有一项名为 主题生成器。 此功能允许您创建一个 WordPress主题 无需编码。 您可以使用 Elementor 的主题生成器创建的主题元素包括:

  • 页脚
  • 单帖模板
  • 存档页面模板
  • 404页面模板

在本文中,我们将向您展示如何使用 Elementor 为您的 WordPress 主题创建自定义标题。 发布后,此自定义标题将替换您当前主题的标题。

在开始之前,请确保您已安装 Elementor临 在您的 WordPress 网站上。

首先,去 模板 -> 主题生成器.

在 Theme Builder 页面上,转到选项卡 标题 并单击该按钮 添加 创建一个新的标题。

将出现一个弹出窗口,要求您为模板命名。 输入您的模型名称,然后单击按钮 创建模型.

Elementor 允许您从模板创建标题。 选择模型库中可用的模型之一,然后单击按钮 插入 将其加载到 Elementor 编辑器中。

您还可以从头开始创建标题。 如果您更喜欢从头开始创建标题,则只需关闭模板库即可打开 Elementor 编辑器。

从技术上讲,您可以将任何 Elementor 小部件(您可以在左侧面板上进行浏览)添加到您的标题中。 但是,在创建网站标题时,并非所有小部件都是真正必要的。

阅读我们的指南: Elementor Free 与 Elementor Pro:详细功能比较

在本文中,我们将向您展示如何添加标题的常用元素:网站徽标、导航菜单和搜索栏。 在这种情况下,您将需要一个包含三列的新部分。 单击 Elementor 编辑器中的加号图标并选择三列结构。

添加列部分

通过向左或向右拖动分隔线来设置每列的宽度。 看看下面的捕获。

 

  • 添加网站标志

要添加网站徽标,请拖动小部件 该网站的标志 从左侧面板到 Elementor 编辑器中的列之一。

小部件 该网站的标志 将加载您的网站徽标。 如果您还没有指定您的网站标志,您可以访问 外观 -> 自定义 添加您的徽标。

另请参阅: 如何在 Elementor 中导入或导出模型 

您可以通过左侧面板自定义徽标。 您可以定义对齐方式、链接、宽度等元素。

只需使用左侧面板,直到您对结果感到满意为止。

  • 添加导航菜单

要添加导航菜单,请拖动小部件 导航菜单 到 Elementor 编辑器中的一列。

小部件 导航菜单 将加载您网站的主菜单。 如果您尚未在您的网站上创建任何菜单,您可以访问 外观 -> 菜单 创建一个。 如果您的网站上有多个菜单,您可以从下拉菜单选项中指定要显示的菜单 菜单 左侧面板的。

同样,您可以使用左侧面板来自定义菜单。 可以设置布局(水平、垂直)、对齐方式、动画效果等。

  • 添加搜索栏

要添加搜索栏,您可以拖动小部件 搜索表格 在剩余的列中。

一旦 形式 添加后,您可以转到左侧面板对其进行自定义。

自定义标题

默认情况下,您的标题将具有白色背景。 您可以更改此颜色以匹配您的主题颜色。 为此,请通过在浏览器中单击来激活该部分 (Ctrl+i)

转到标签 样式 在左侧面板上,通过单击选项中的颜色选择器选择您喜欢的颜色 颜色 该部分的 背景.

如何使用 Elementor 在 WordPress 中创建标题

如果你想有一个粘性标题,你可以去标签 先进的。 在选项中 黏, 在该部分下 动作效果, 设置粘性位置。 默认情况下,粘性效果将应用于所有类型的设备(台式机、平板电脑和智能手机)。

阅读: Elementor Pro:要解锁的 10 个很棒的功能 - 第一部分

如果您想关闭某种类型设备上的粘滞效果,只需将该设备从字段中移除即可。

如何使用 Elementor 在 WordPress 中创建标题

发布您的自定义标题

到目前为止,您已成功创建自定义标头。 您还可以设置许多其他调整选项,本文不可能一一介绍。

另请参见: 如何使用 Elementor Pro 创建独特的帖子模板

只需使用左侧面板,直到您对结果非常满意。 完成后,单击按钮 PUBLISH 在左侧面板的底部发布您的标题模板。

在下一步中,您将被要求设置显示条件。 点击按钮 添加条件

默认情况下,您的标题模板将应用于整个网站。 因此,如果您希望将页眉模板应用于整个网站,只需单击按钮 保存并关闭.

另请参阅: 如何使用 Elementor 在 WordPress 中创建页脚

或者,如果您希望将页眉模板应用于特定页面,则可以通过单击下拉菜单来指定页面。 从接下来出现的另一个下拉菜单中选择页面。 点击按钮 保存并关闭 完成指定页面后。

如何使用 Elementor 在 WordPress 中创建标题

立即获取Elementor Pro!

结论

这里 ! 这就是本文的内容,它向您展示了如何使用 Elementor 在 WordPress 中创建自定义标题。如果您对如何到达那里有任何疑问,请在 评论.

但是,您也可以咨询 我们的资源,如果您需要更多的元素来执行创建Internet网站的项目,请参考我们关于 WordPress博客创建 或者那个 Divi:有史以来最好的WordPress主题.

但与此同时, 在您不同的社交网络上分享此文章.

...