通过编辑主题文件更改 WordPress 标头

Your go-to forum for bot dataset expertise.
Post Reply
badsha0018
Posts: 8
Joined: Sat Dec 28, 2024 4:18 am

通过编辑主题文件更改 WordPress 标头

Post by badsha0018 »

上图中,当我们使用站点编辑器自定义块主题中的标题时,我们添加了带有商店链接的二级菜单。我们可以自由地将该导航块放置在标题内的任何位置。我们的经典版主题没有为此类菜单保留位置,因此我们需要编辑与标题相关的 PHP 代码来进行更改。

我们可以简单地打开相应的主题文件并手动添加二级菜单的 HTML,但这样做是目光短浅的。稍后,我们可能想要更新购物链接的文本(立即购物?)、更改其URL或向该菜单添加另一个项目(登录?)。

我们希望向使用定制器注册的标题添加新的导航,允许在 WordPress 菜单编辑器中更改二级菜单的内容,而无需返回主题代码。

开始之前:备份
深入研究 WordPress 经典主题的 PHP 代码以自定义站点的标头通常被称为编辑header.php文件。许多主题都是这种情况,但其他主题可能会组合多个文件来构建单个标头。

在更改主题文件之前,请先进行备份。以下是如何进行备份以及如何恢复备份。

即使有备份,当第三方主题的更新覆盖您的更改时,您仍会遇到麻烦。您的修改可能会从网站上消失,直到您可以从备份中恢复更改的主题文件。这就是为什么我们强烈建议仅为您更改的文件创建子主题并在分阶段的 WordPress 网站上测试更新。

在经典主题中编辑 WordPress 标题
我们的经典主题示例在标题中预留了一个位置用于主导航。在定制器中,我们可以选择要分配给该位置的 WordPress 菜单。在我们的例子中,该菜单被方便地命名为“主菜单”。

主题中还有页脚和社交链接导航的位置,但您可以在下面看到这些位置当前尚未启用:

屏幕截图显示了经典主题定制器中的菜单编辑器。
在经典主题的定制器中编辑菜单。
如果我们看一下主题的functions.php脚本,我们会看到这些菜单位置首先被引用的位置:

当我们返回定制器时,新的辅助导航选项会出现在菜单位置区域:

屏幕截图显示了在 WordPress Customizer 中注 丹麦 WhatsApp 购物数据 册使用后的新菜单(名为“辅助导航”)。
使用主题定制器注册的辅助导航选项。
我们可以为菜单命名(二级菜单)并开始向其添加链接。就像我们在基于块的主题中使用站点编辑器一样,我们将为商店创建一个条目。

回到标题的主题文件,我们添加了一些代码来确认辅助导航菜单存在,并且它在链接列表中至少有一个条目。然后我们解析菜单内容并显示它们:


现在,我们的标题在我们首选的辅助导航位置包含了我们的商店链接(下面以红色突出显示)。

屏幕截图显示带有“商店”导航链接的更新后的 WordPress 标题。
更新后的 WordPress 标题带有经典主题中的商店链接。
通过这种方法,我们可以更改用于商店链接的锚文本 - 甚至可以向辅助导航添加其他菜单项 - 只需在 WordPress 管理仪表板中编辑我们的辅助导航菜单即可。

概括
如果您想在不借助第三方插件或页面构建器的情况下修改 WordPress 站点的标题,那么基于块的主题与站点编辑器结合使用可提供几乎无限的灵活性。站点编辑器允许您在页面布局的几乎任何位置放置各种块。您对块定义和样式所做的修改存储在 WordPress 数据库中,因此无需修改磁盘上的主题文件。

十多年来,我们一直使用定制器来管理经典主题,它允许更改主题开发人员已识别并注册为“可定制”的元素。您想要进行的超出该范围的更改可能需要编辑主题文件,并且 — 几乎肯定 — 对 PHP 脚本语言有基本的了解。

想要寻找更好的方法来构建 WordPress 网站?请查看基于 Docker 的 DevKinsta,这是一款免费的本地开发套件,有 60,000 多名开发人员、网页设计师和自由职业者在使用。
Post Reply