如何在 WordPress 中编辑标题?自定义 WordPress 标题的 3 种简单方法

想知道如何在 WordPress 中编辑标题?如果您想更改 WordPress 标题样式并创建自定义标题,请加入!

标题是您网站最重要的部分之一。您可以添加菜单、社交图标、用户注册或登录链接,凡是你的名字。关键是标题可以成为出色的导航器、主要内容的开胃菜等等。

通过本文的文字,我们将告诉您如何编辑和自定义标题,使其更具吸引力和实用性。我们还将讨论什么是标题以及为什么需要一个好的标题。

WordPress 中的标题是什么?为什么要编辑它?

在创建 WordPress 网站时,您一定遇到过“标题”一词。标题是网页的最顶部。标题向访问者介绍您的网站。因此,您用标题给人留下第一印象。

例如,这是我们博客标题的屏幕截图。PS 您可以滚动回顶部并查看此标题的真实情况。😀

WordPress 标题示例

标题通常包含网站标题、导航菜单、视频或图像、搜索栏、按钮等。所以它基本上是整个网站的导航集中在一个地方。

您网站中的标题就像您网站的迷你版。它介绍您的网站并给人留下第一印象。调查显示,访问者在浏览您的网站不到一秒钟后决定留在或离开您的网站。在这段时间里,他们看到了什么?标题。

一个好的标题总是会邀请更多的人访问您的网站。这会导致更多人查看您的内容或更多人购买您的产品。

您还可以在标题中添加社交分享按钮。这就是为什么你的标题需要很棒。而且,如果您还没有编辑它,您需要编辑它。

在下面的部分中,我们将展示 3 种简单的方法来自定义和创建 WordPress 自定义标题。让我们进去吧!


如何在 WordPress 中编辑标题?(3种方法)

WordPress 是最适合初学者和最好的网站建设者,拥有最简单的做事方式。这也适用于改变风格。您可以通过主要 3 种不同的方式编辑和自定义 WordPress 标题:

  1. 从实时 WordPress 定制器(最简单的方法)
  2. 使用 WordPress 标题插件
  3. 从主题编辑器编辑标题代码(*不建议非编码人员使用)

现在,WordPress 定制器是适合每个人的最佳方式。但是有一个条件,您的 WordPress主题必须具有您需要的标题自定义功能。值得庆幸的是,大多数流行和最好的 WordPress 主题都有它。

如果您相信编码的力量,那么还有一个主题编辑器。对于插件爱好者来说,市场上有一些令人惊叹的 WordPress 标题插件。

我们将在此处展示更改 WordPress 标题样式的所有 3 种方法。现在让我们从“WordPress 实时定制器”方法开始吧!


方法 1.从 Live Customizer 编辑您的 WordPress 标题

在我们开始在 WordPress 中编辑标题之前,了解一些事情很重要。正如我们上面所说,不同的 WordPress 主题带有不同的标题选项。因此,您需要选择一个主题,在编辑标题时为您提供多种选项。

在这一点上,我们选择了 Zakra 主题。它是 WordPress 主题存储库中可用的最好的免费主题之一。但是,它也有一个具有出色功能的高级版本。

适用于 WordPress 的 Zakra SEO 友好主题

如果您在安装主题方面需要帮助,您还可以查看我们的文章“如何安装 WordPress 主题?

要开始编辑您网站的标题,请登录您的 WordPress 仪表板。之后,转到外观>>自定义。

自定义选项卡的外观

这将带您进入 WordPress 实时定制器。定制器是 WordPress 设计的核心部分。它允许您编辑和自定义您的整体网站设计,包括带有实时预览的页眉、页脚等。这意味着您可以实时查看您在此处所做的更改。

左侧是定制器的导航菜单。右侧用于您网站的实时预览。在定制器的菜单上,单击标题选项卡。

Zakra 定制器中的标题选项

在那里,您会看到用于自定义标题的不同选项卡。您将看到的第一个选项卡是站点标识。点击它。

站点标识选项卡

此选项卡负责在标题上包含不同的选项来编辑网站的身份。

i) 修改您网站的徽标和图标

在“网站标识”选项卡中,您将看到用于选择网站徽标、视网膜徽标、徽标宽度、图标、标题、标语等的选项。自定义这些项目是在 WordPress 中创建自定义标题的第一步。

内部站点标识选项卡

您网站的徽标将出现在网页内的标题中。站点图标将出现在浏览器的标题栏中,与网页的标题一起出现。

要上传您网站的徽标,只需单击“选择徽标”按钮。

选择徽标选项

单击该按钮将带您进入您网站的媒体库。如果您在媒体库中已有徽标,请单击它来选择它。如果没有,只需将文件拖放到媒体库中即可上传。

选择徽标后,单击选择。

选择徽标

是时候裁剪图像了。根据需要裁剪它并点击 裁剪图像 按钮。

裁剪网站徽标

要调整徽标的大小,您可以调整徽标宽度栏。

徽标宽度

点击顶部的“发布”按钮,最终将此更改应用到您的网站。

发布按钮

要上传 Retina 徽标或网站图标,请按照类似的过程作。Retina 徽标是您网站徽标的高清版本。

在上传网站图标之前,不要忘记阅读规范。

有一些选项可以编辑您网站的标题和标语。只需编辑这些选项中的文本即可编辑您网站的标题和标语。您甚至可以通过取消选中“显示网站标题和标语”框来隐藏网站的标题和标语。

网站标题和标语

底部的排版选项用于编辑网站标题和标语文本的不同方面,例如字体系列和大小等。

网站标题和标语的排版

这就是通过标题定义您的网站。您还可以在标题中执行其他作。让我们来看看这些。


ii) 在 WordPress 中添加标题图像

您是否知道您可以将图像甚至视频添加到 WordPress 网站的标题中?让我们探讨一下如何在 WordPress 中做到这一点。

标题中的好图片会立即给您的访问者留下深刻印象。要将标题图像添加到您的网站,请转到外观>>自定义>>标题。之后,单击 标题媒体 选项卡。

标题媒体选项卡

在那里,您将看到添加或自定义标题图像或视频的选项。

WordPress 定制器标题媒体

在添加图像或视频之前,最好先阅读图像或视频分辨率的规格。

要将图像添加到标题,请查看定制器的标题图像部分。在那里,单击添加新图像。

添加新的标题图像

现在,您将被带到您网站的媒体存储库以选择图像。如果您已经在那里有图像,那么您只需选择它即可。如果没有,只需将图像拖放到媒体存储库中即可上传。

选择要添加的图像后,单击选择并裁剪。

选择和裁剪按钮

您将被带到图像编辑器,您可以在其中裁剪图像以适合您的页面。根据需要裁剪图像,然后点击 裁剪图像 按钮。

裁剪图像按钮

您现在可以在 WordPress 定制器上看到您的图像。这就是您的网站在该图像中的外观。

使用 Zakra 主题的专业版,您甚至可以设置用户在单击图像时将被重定向到哪个页面。这是使用链接到选项完成的。

链接到按钮

上传合适的图像后,单击 WordPress 定制器顶部的“发布”按钮以使其上线。

祝贺!您刚刚将标题图片上传到您的网站。您的网站更美观。


iii) 将标题视频添加到您的 WordPress 网站

但是,如果您想将视频添加到标题中怎么办?别担心,我们找到了你。

在标题视频部分下,您将看到视频分辨率的简短描述。尝试上传该分辨率的视频。此外,如果视频超过 8MB,WordPress 不会允许您将视频上传到标题。

要添加视频,请单击选择视频。

选择视频选项

现在,从您网站的媒体存储库中选择一个视频,或将您的视频放入其中进行上传。

上传或选择视频后,单击选择视频。

选择标题视频

瞧!您的标题现在有一个视频。

如果您必须添加超过 8MB 的视频,那么您首先需要将其上传到 YouTube 并将链接粘贴到您的定制器。因此,首先,将视频上传到 YouTube。复制视频的链接并将其粘贴到“标题视频 URL”部分。

粘贴 YouTube 链接

粘贴链接后,您就会在标题上看到您的视频。要发布您的视频,只需单击“发布”按钮。

即使已经有视频,最好在标题中添加图像。如果在某些情况下,您的视频无法加载,则不会有空白。但是您的访客会有一个美丽的图像。


iv) 删除标题图像或标题视频

如果您以某种方式得出结论,您的标题图像不应该在那里,您可以随时将其删除。为此:

在标题图像部分,单击标题图像下方的隐藏图像按钮将其从标题中删除。

隐藏标题图像按钮

单击“发布”按钮以保存此更改。该图像不会打扰您的网站,再也不会打扰您。

要删除您直接上传到网站的视频(小于 8MB 的视频),请单击视频下方的删除按钮。

删除标题视频按钮

但是,如果您的视频超过 8MB,那么您必须先将其上传到 YouTube。然后,您将链接粘贴到此处。

要删除该视频,只需从框中删除链接即可。点击 发布 按钮保存此更改。

做!您的标题空间不再包含该视频。此外,您还可以通过“更改视频”按钮轻松更改 WordPress 标题视频。


v) 自定义标题顶部栏

标题顶部栏位于网页的最顶部。它通常用于保留简单的导航菜单、搜索栏、登录按钮等。

并非所有主题都会为您提供许多选项来自定义标题顶部栏。因此,请仔细选择您的主题。幸运的是,即使在免费版本中,Zakra 也有很多选项可以自定义标题顶部栏。那让我们继续这样做。

要开始编辑标题顶部栏,请转到外观>>自定义标题>>。然后,单击标题顶部栏选项卡。

标题顶部栏

启用标题顶部栏选项卡后,您可以选择在标题顶部栏上保留哪些内容。在左侧内容部分下,您可以选择在标题顶部栏左侧保留哪些内容。您可以选择保留菜单、文本或小组件。正确的内容部分也是如此。

左右内容

您甚至可以选择标题顶部栏、文本和图标的颜色。同样,在“背景”部分下,您可以选择背景颜色、图像、大小和其他属性。

此外,如果您选择专业版,您可以选择自定义链接颜色、链接悬停颜色、填充、边框底部、其颜色等。

完成标题顶部栏的美观效果后,点击“发布”按钮以应用更改。


vi) 将菜单添加到您的 WordPress 标题(使用小部件)

我们之前说过,菜单通常用作标题中的主要导航器。Zakra 允许您从定制器在标题中添加菜单。但并非所有主题都会,如果您想从仪表板执行此作,您也可以这样做。

现在让我们看看如何通过小部件将菜单添加到 WordPress 网站的标题中。小部件是可以添加到网站侧边栏、页脚和定义区域的小型拖放内容元素。

首先,转到外观>>小部件。

“控件的外观”选项卡

这将带您进入仪表板的“小部件”页面。在那里,您将看到基于您在网站上安装的主题的不同小部件区域。对于 Zakra,有两个标题位置,即:e,标题左上角侧边栏和标题右上角边栏。

小部件选项

因此,点击您感兴趣的标题顶部栏的下拉菜单。之后,单击“添加块”(+) 按钮并“全部浏览”以调出所有可用小部件的菜单。现在,在“小部件”部分下搜索所需的小部件并单击它。

例如,在这里,我们将导航菜单添加到标题的位置。

现在,您可以将标题添加到导航菜单中,然后从下拉列表中选择所需的菜单。然后,单击“更新”按钮将菜单保存在该位置。

添加标题和菜单

这就是如何使用小部件的强大功能在 WordPress 中将菜单添加到标题中。

如果您想知道还有哪些其他主题有很多标题选项,那么您可以尝试我们的主题 ColorMag(杂志主题)、Flash(商业主题)、eStore(WooCommerce 主题)。他们有与 Zakra 主题上可用的一样多的标题自定义选项。


方法 2.使用插件在 WordPress 中创建自定义标题

WordPress 拥有大量插件,可满足您需要的每项功能。当然,也有用于创建标题的插件。

在寻找需要最少编码并提供良好用户界面的插件时,我们找到了 WPCode(以前称为插入页眉和页脚)。它非常简单,不需要任何复杂的配置即可在 WordPress 中编辑标题。

WPCode 流行代码片段插件

该插件使您能够将 Google Analytics、自定义 CSS、Facebook Pixel 等代码插入到页眉、页脚以及 WordPress 网站的其他区域。

此外,它将您的所有编辑内容存储在一个方便的地方。因此,您可以毫不费力地进一步编辑或删除它们。最重要的是,它还可以防止您的网站崩溃,因为它可以防止将代码放置在错误位置的风险。

因此,要开始使用 WPCode 编辑标题,您需要先安装它。

i) 安装“WPCode”插件

要安装 WPCode WordPress 插件,请先登录您的仪表板。进入仪表板后,转到插件>>添加新插件。

导航到插件,然后添加新插件

它将带您进入 添加插件 页面。在搜索栏中,键入 WPCode。显示插件后,单击“立即安装”按钮。

安装 WPCode

该插件立即安装完毕。然后,单击“激活”按钮以激活插件。

激活 WPCode

恭喜!您已在您的网站上成功安装了 WPCode 插件。

想了解更多关于安装和更新插件的信息吗?然后,前往我们关于“如何安装 WordPress 插件?


ii) 将代码添加到标题部分

现在,您将看到一个名为“代码片段”的新选项卡添加到仪表板菜单中。因此,要编辑页眉,请将鼠标悬停在“代码片段”选项卡上,然后单击“页眉和页脚”选项。

导航到页眉和页脚选项

在那里,你会看到三个部分,你可以根据需要进行编辑。他们是:

  • 页眉
  • 身体
  • 页脚
三个可编辑部分如何更改 WordPress 中的标题

现在,在“标题”部分下,您可以粘贴要添加到标题的任何代码。并且,插件会自动将其插入 </head> 标签之前。此外,您也可以对其他两个部分执行完全相同的作。

添加代码如何在 WordPress 中编辑标题

添加标题代码后,不要忘记单击顶部的“保存更改”按钮。

因此,WPCode 是一个很棒的插件,它允许您在 WordPress 中编辑标题,而无需编码。顾名思义,它可以轻松添加基本脚本/代码以更改网站的页眉以及正文和页脚部分。

同样,您还可以使用一些最好的页面构建器插件(如 Elementor、Beaver Builder 等)创建标题。这些插件具有主题构建器部分,可让您轻松自定义主题。但不幸的是,几乎所有产品都仅在专业版中具有这些选项。


方法 3.从主题编辑器更改标题(开发人员的方法)

使用 WordPress 定制器并不是自定义 WordPress 标题的唯一方法。如果您有足够的编码知识,还有另一种方法可以更灵活。

这仅适用于开发人员。如果您不是 WordPress 开发人员,请不要打开“主题编辑器”。

如果您了解 HTML 和 CSS,那么您可以从仪表板自定义您的 WordPress 标题。单击外观>>主题文件编辑器以转到 WordPress 中的主题编辑器。

将外观导航到主题文件编辑器

当您第一次访问主题文件编辑器时,您会收到一个提醒!这样做是为了让非程序员不会意外弄乱主题的代码。

提醒

单击“我理解”继续。您将被带到主题文件编辑器。

那里有可以编辑的代码行。这些代码塑造了您的主题,您可以更改此代码以更改主题的外观。

二十二十样式表

您可以通过在此处编写代码来编辑您的主题。但是,如果您特别只想编辑标题,请在右侧的主题文件中找到一个文件,上面写着header.php。

查找头文件

此文件专用于您的标头。在此处自定义代码以更改您的 WordPress 标题。

完成代码编辑后,单击页面末尾的“更新文件”按钮。这将保存您编辑的代码。

更新头文件按钮

在那里,您的标题刚刚被自定义。去看看你刚刚编辑的标题。

因此,您还可以通过编辑标题代码来创建自定义 WordPress 标题。但再次请注意,这仅适用于开发人员!

我爱主题网 自2012
主题:260+ 销售:1000+
兼容浏览器

电话咨询

7*12服务咨询电话:

1855-626-3292

微信咨询