EyouCMS模板头部修改保姆级教程，零基础也能一次改对

是不是你用EyouCMS做了个企业站？想换个logo、加个联系电话，找外包要收几百块。自己改又怕改坏整站崩，要么改完半天不生效，要么改完移动端直接错位。今天就给你讲最实用的头部修改方法，全程大白话，跟着步骤走就能搞定，一分钱不用花。

改前必做3件事，避免改崩全站

改之前先做这几步，哪怕改坏了也能一秒复原，完全没风险。

1. 先备份原头部文件

打开你的网站FTP或者服务器文件管理器，找模板路径。

EyouCMS的模板默认存在template/当前使用的模板名目录下。

头部文件一般叫header.htm，有的会分header_index.htm（首页头部）、header_common.htm（通用头部）。找到对应文件后，直接复制一份重命名为header_old.htm。万一改崩了，把新文件删掉，旧文件改回原名就行。

避坑提醒：别直接在原文件上改了不备份，我刚用EyouCMS的时候就吃过亏，删错了一段代码，整站头部白屏，折腾了半天才恢复。

2. 关闭缓存再修改

先登网站后台，点右上角的「清空缓存」按钮。再进左侧「系统基本参数」，把「开发模式」开成「是」。

不然你改了半小时代码，刷新网站还是老版本，纯纯做无用功。90%的新手改完没效果，都是没关缓存导致的。

3. 确认你改的是对应文件

改之前先打开header.htm看内容，比如你要改首页的头部，就看代码里有没有首页专属的内容，比如轮播图调用代码。别改了半天内页的头部，首页当然没变化。

3种常见头部修改实操，跟着抄就行

下面这几个是大家改得最多的场景，直接照着步骤做就行，不用懂复杂代码。

1. 替换logo和跳转链接

打开header.htm，搜索「logo」关键词，很快就能找到logo的代码段。一般是下面这种结构：

``` ```

你要做的就两步：第一，把新的logo图传到template/模板名/images目录，文件名和原来的保持一致，直接覆盖就行。如果不想覆盖，就把img标签里的src路径改成你新logo的文件名。第二，要是想改logo跳转的地址，就把a标签里的href内容换成你要的链接，比如你要跳转到别的网站，直接填完整网址就行。

避坑提醒：新logo的尺寸尽量和原来的一致，不然会变形。实在要改大小，给img标签加个style="width:120px;height:auto"，别乱改外层div的宽度，容易把导航挤到下一行。

2. 修改顶部导航菜单

80%的情况下，改导航根本不用碰代码。直接登后台，找左侧「功能管理」-「导航管理」，在这里就能直接加菜单、改名称、调排序，保存后清个缓存就生效。

要是你想改导航的样式，比如改字体颜色、加hover效果，就打开template/模板名/css/common.css文件，搜索.nav关键词，找到导航的样式代码。举个例子，你想让选中的导航变成红色，就加一行：.nav .active{color:ff0000;}，保存刷新就生效。

3. 加头部悬浮联系电话

很多企业站要加固定在顶部的咨询电话，直接在header.htm最外层的div末尾加这段代码就行：

``` ```

这里的z-index设成999，是为了不让别的内容盖住这个悬浮条。要是你不想固定悬浮，把position:fixed去掉就行，放在你想要的位置。

改完必做2步，避免留暗坑

改完别直接就不管了，花两分钟做这两个检查，省得后面出问题。

1. 多端多页面检查

先刷首页看看有没有错位，再点进内页、产品页、新闻页都翻一遍。然后拿手机打开网站，看看移动端头部有没有变形，导航能不能正常点开。很多人改完PC端没问题，移动端导航直接崩了，就是没做响应式检查。

2. 常见问题快速排查

要是改完出现乱码，肯定是你用系统自带的记事本改的，换Notepad++或者VSCode改，保存的时候选UTF-8编码就行。要是改完没效果，先清后台缓存，再检查你是不是改错了模板文件，比如现在站用的是模板A，你改的是模板B的头部，当然不生效。

其实EyouCMS头部修改真没你想的难，不用懂太多编程知识，找对文件、改前备份，按照上面的步骤来，半小时就能搞定。现在就去打开你的网站后台，先备份原文件，试着改个logo试试，改坏了也不怕，直接恢复备份就行。要是碰到啥搞不定的问题，评论区留个言我给你解答。