WordPress头部header修改教程

你是不是遇到过这种情况？做了个WordPress网站，想改个logo，加个联系电话到顶部，或是放个百度统计代码，找程序员开口就要收两三百，自己搜教程全是看不懂的黑话，改了两下网站直接白屏，慌得一批。

这篇教程我整理了改了上百个网站的经验，全是新手能直接照着做的方法，不管你是改外观还是加代码，看完就能动手，不会把网站改崩。

1 改之前先做2件事，绝对不踩坑

1.1 先备份你的header文件

不管你改什么，第一步永远是备份。

操作也特别简单，打开WordPress后台，点「外观」-「主题文件编辑器」。

右边侧边栏找到主题头部(header.php)，点进去把里面所有代码全选复制。

粘贴到电脑本地的记事本里存好，改坏了直接粘回来就行。

避坑提醒：别嫌麻烦，我见过太多新手跳过这步，改崩了只能重新装主题，亏大了。

1.2 找对要修改的文件

很多人改完没效果，都是找错了文件。

不少主题会把顶部栏和导航分开存，比如单独有个header-top.php。

你可以先打开网站，右键点击你要改的头部位置，点「检查」。

看一下元素的类名或者id名，再去主题文件里搜这个关键词，就能找到对的文件。

2 改外观用这个方法，不用碰代码

如果你是改logo、换导航、加顶部联系方式这类外观调整，根本不用改代码。

2.1 主题自带自定义功能，拖拽就能改

现在90%的主流主题，都自带可视化头部修改功能。

操作步骤：打开WordPress后台，点「外观」-「自定义」。

进去之后基本都能看到「网站头部」「顶部栏」「网站标识」这类选项。

举个例子，你要换logo，直接点「网站标识」，删除旧的上传新的，右侧实时就能看效果。

你要加个联系电话到顶部，就加一个文本模块，输上号码拖到对应位置就行。

我之前帮开水果店的客户改，5分钟就搞定了，一分钱没花。

2.2 区块主题直接可视化编辑

如果你用的是WordPress默认的区块主题，操作更简单。

直接去后台点「外观」-「编辑器」，整个网站都是可视化的。

你直接点头部区域，想删什么删什么，想加什么从左侧拖模块就行。

错了点撤销，改完点保存，全程不用碰一行代码。

3 加代码这样改，安全又省心

如果你要加统计代码、站点验证代码、悬浮弹窗这类，要放头部代码，这么做最稳。

3.1 新手优先用插件插代码，零风险

我最推荐新手用这个方法，根本不用改主题文件。

你去后台「插件」-「安装插件」，搜Insert Headers and Footers，安装激活。

激活之后去「设置」-「Insert Headers and Footers」，第一个框就是头部代码框。

你把要加的代码直接粘进去，点保存就完事了。

这个方法最大的好处是，你换主题的时候代码不会丢，不用重新加。

3.2 一定要手动改文件，按这个步骤来

如果非要改header.php，按之前说的先备份，再操作。

打开header.php之后，找到页面的关闭head标签：

```

```

把你要加的代码，粘贴在标签的前面，别删原来的任何代码。

改完点「更新文件」，再刷新网站看效果就好了。

避坑提醒：粘贴代码的时候别多删少删，要是保存之后网站白屏，直接把之前备份的代码全粘回来覆盖，就能恢复正常。

其实改WordPress头部真没那么复杂，改外观用主题自带的可视化，加代码用插件，只要提前做好备份，根本不会出问题。不用动不动花大几百找程序员改，很多操作十分钟就能搞定。你现在就可以打开你的WordPress后台，先把header文件备份好，再试着改第一个你想调的内容，有啥问题随时留言。