zblog网站头部修改保姆级教程，新手改完直接提转化

你是不是碰到过这种情况？用zblog搭了个业务站，客户点进来先看头部，要么找不到联系方式，要么logo还是默认的，显得特别不专业，留不住人。之前有个开五金店的粉丝找我，说花300找外包改头部，结果改完半个月主题更新，又变回原样了。其实zblog改头部真的不难，你看完这篇，不用懂复杂代码，照着步骤抄就行，改完不仅好看，还能留住更多客户。

一、改之前先做2件事，彻底避免改崩全站

1. 先备份当前主题文件

进zblog后台，点左侧「主题管理」。

找到你正在用的主题，点「导出」按钮。

把导出的压缩包存到本地电脑就行。

避坑提醒：别直接改官方默认主题。官方一更新，你改的所有内容都会被覆盖。最好把默认主题复制一份，重命名之后再启用修改。

2. 找到头部对应的编辑文件

zblog的头部内容，全存在header.php文件里。

你在后台点「主题设置」，找到「文件编辑」选项。

点开就能看到header.php，点一下就能进入编辑页。

举个例子，你要改logo就找带img、标注logo的段落。要改导航就找带nav关键词的段落，一眼就能找到。

二、3个高频修改需求，照着抄就能改对

1. 替换logo、站点名和slogan

先把你做好的logo传到zblog的媒体库，复制图片地址。

在header.php里找到原来的logo地址，直接替换成你复制的地址。

要是想改站点名，就找写着{$name}或者原站点名的段落，直接改成你要的文字就行。

避坑提醒：logo尺寸别超过原来的大小。不然会出现变形、撑破头部的情况。

2. 头部加联系方式、二维码

很多人做业务站，要在头部放电话、微信二维码。

你直接找header.php最末尾的标签，在它前面加这段代码：

``` ```

把里面的电话、二维码地址换成你自己的就行。要调整位置，就改margin后面的数值。

3. 改导航栏的文字和链接

找header.php里带

的段落。每个
• 标签对应一个导航项。

  比如原来的代码是

• 首页
。你要加产品导航，就复制这段，把链接换成你的产品分类地址，文字换成「产品中心」就行。

想删哪个导航，直接删掉对应的

• 段落就可以。

  三、改完做好2步，不会出问题也不会被覆盖

  1. 多端测试有没有变形

  改完别只在电脑上看。拿手机刷一下你的网站，看看头部有没有错位。

  要是按钮点不开、文字堆在一起，就把你加的元素宽度改小一点。手机端宽度别超过750px，不然会出横向滚动条，用户体验特别差。

  2. 防止主题更新覆盖修改内容

  如果你用的是付费主题，每次更新都会覆盖header.php。

  你改完之后，把改好的header.php内容复制一份，存到本地笔记里。

  或者直接装个zblog的「自定义头部」插件，把你加的代码放到插件里，就算主题更新也不会丢。

  其实zblog改头部真的没什么技术门槛。很多新手怕改崩，就是没先做备份。你按刚才的步骤走，先备份，再找对应位置改内容，最后测试一遍，10分钟就能搞定。现在就去打开你的zblog后台，先把主题备份了，哪怕先改个logo试试手，改完你就知道有多简单。要是改的时候碰到问题，评论区留个言我帮你看。