header.php 文件是 WordPress 网站最重要的组成部分。它位于页面顶部,几乎会出现在 WordPress 网站的每个页面上。
WordPress 是目前使用最为广泛的内容管理系统 (CMS),使用它几乎可以创建任何类型的网站。同时,Wordpress 是非常灵活和可扩展的,我们可以通过在 WordPress 的文件中添加自定义代码,来对 WordPress 网站进行自定义。
接下来,牛奇网为您介绍 WordPress 如何编辑 header.php 文件。
什么是 header.php 文件?
在每个 WordPress 网站中,header.php 文件是网页顶部的通用部分,它包含 Logo、网站导航菜单和搜索栏等部分。在电子商务网站中,可能还会包含购物车等部分。
为什么要编辑 header.php 文件?
header.php 文件是 WordPress 网站上最重要的部分之一。网站的访问者在打开网站时,首先看到的就是 Header 部分的内容。
有研究表明,一般情况下网站访客在网站上停留的时间仅为 10-20 秒。如果您的网站有一个吸引人的header 部分,更能够吸引用户留在网站上。
同时,要运营好网站,我们还需要借助第三方统计工具,而统计工具的统计代码,也要添加到通用的 Header 部分,这些都需要编辑 header.php 文件。
如何编辑 header.php 文件
在 WordPress 中,有几种方法可以编辑 header.php 文件。我们这里主要介绍下面的三种方法:
- 使用插件编辑 header.php 文件。
- 通过WordPress管理仪表盘 编辑 header.php 文件。
- 通过 FTP 客户端 header.php 文件下载到本地进行编辑。
1)使用插件编辑 header.php 文件
在 WordPress 插件库中,有一个名为“插入页眉和页脚”的免费插件。通过它不需要任何额外的复杂配置,便可以快速的将代码插入页眉和页脚。
- 首先,登录到 WordPress 管理仪表盘。
然后转到插件 > 添加新插件。在这里,可以搜索存储库上的插件,或上传插件文件来安装新的 WordPress 插件。在搜索栏中,搜索 Insert Headers and Footers 插件。
3. 选择对应的插件并点击安装。安装完成后点击按钮激活它。
4. 在设置菜单下,将会看到插入页眉和页脚设置,如下所示。
在这里,会看到可以编辑三个部分:
- Header
- Body
- Footer
如果在页头部分添加代码,它会将代码添加在</head>标记之前。添加到正文和页脚部分也是如此。代码将分别出现在</body>和</footer>标记之前。
5. 在 Header 部分的Scripts中,在 head 标签下添加代码。
6. 添加代码后,点击Save 保存更改。
7.这样,我们就成功将代码将添加到网站的 header 中。
2) 编辑主题的 Header.php 文件
如果您懂得编辑代码,那么可以直接通过 WordPress 仪表盘,来编辑 Header.php 文件。让我们看看如何通过 WordPress 管理仪表盘编辑 Header 文件。
- 首先,登录到 WordPress 管理仪表盘。
2. 在外观部分下,找到主题编辑器菜单。
3. 在这里可以对主题的核心文件进行修改。默认情况下,点击主题编辑器后会打开当前主题的 style.css文件。
4. 在右侧的 Theme Files 文件列表中,可以找到当前主题的所有核心文件。
5. 向下滚动列表,直到找到 header.php 文件。
6. 选择 header.php 文件,它将在编辑器中打开该文件。
7. 在编辑 header.php 文件并添加自定义代码时,请确保将自定义代码添加在<head>和</head>标记之间。
8. 添加完自定义代码后,单击更新文件以保存更改。如果看到文件编辑成功消息,则说明更改已正确保存。可以通过访问网站的前端并查看源代码来验证。
综上,就是通过 WordPress 管理仪表盘编辑 header.php 文件的方法。
3) 通过 FTP 将 header.php 文件下载到本地进行编辑
如果您在使用 WordPress 主题编辑器时遇到问题,还可以使用 FTP 客户端将 header.php 文件下载到本地进行编辑。在本文中,我们使用 FileZilla 工具,将 header.php 文件下载到本地。具体操作步骤如下:
1.首先,通过 FileZilla 工具连接到 WordPress 网站服务器。输入服务器用户名、主机名、端口号,将 FTP 客户端连接到服务器。
2. 通过 FileZilla 连接服务器后,在左侧面板中显示的是本地磁盘驱动器,右侧是服务器磁盘。要编辑 header.php 文件,请转到当前 WordPress 主题的目录下。
3. 主题的路径为 /wp-content/themes/theme-name/ 。在该目录下,将会看到 header.php 文件。
4. 我们可以右键单击文件并选择编辑选项。该文件将会被保存到本地硬上,可以使用记事本或 Notepad++ 等文件编辑器打开它。
5. 可以在</head>标记之前添加相应的代码。更改完成后,点击保存文件,然后将其上传回服务器。
6.综上,就是通过 FTP 工具将 header.php 文件下载到本地进行编辑的方法。
总结
综上所述,就是 WordPress 网站中常用的编辑 header.php 文件的方法。
作者:牛奇网,本站文章均为辛苦原创,在此严正声明,本站内容严禁采集转载,面斥不雅请好自为之,本文网址:https://www.niuqi360.com/wordpress/how-to-edit-header-in-wordpress/