手把手教你搞定EyouCMS自定义模板页面，新手也能直接抄作业

开头

你是不是经常遇到这种头疼的事？老板让你给网站搞个特别的专题页，或者你想加个独立的“联系我们”页面。结果你打开EyouCMS后台，翻来翻去，发现默认的模板套不上，改了半天样式全乱了。看着挺简单的一个需求，自己就是搞不定，心里是不是挺急的？别慌，今天我就手把手教你搞定EyouCMS自定义模板页面。这事儿真没那么难，只要你别被代码吓跑，跟着我的步骤一步步来，哪怕你以前只写过Word文档，也能弄出一个漂亮的独立页面。这篇文章不讲虚的，直接给你能用的方法。

一、准备工作：别乱动核心文件

在开始动手之前，我得先给你提个醒。很多人第一次改模板，习惯去改系统核心文件。千万别这么干！一旦系统更新，你的修改全没了。咱们要做的，是在自己的主题文件夹里操作。

1. 找到你的主题文件夹

你得找到网站模板存放的地方。通常，它都在FTP或者文件管理器的template目录下。你会看到一个叫default或者你自己命名的文件夹。这个就是你的“地盘”。以后所有的自定义页面，都要放在这里面。别去管其他的文件夹，那是系统用的，碰都别碰。

2. 新建一个HTML文件

在这个文件夹里，右键新建一个文件。名字你自己取，最好用英文，比如my_page.html。这个名字咱们后面要用到，所以记一下。这个文件现在还是空的，别急，咱们慢慢往里面填东西。记住，文件后缀一定要是.html，别搞成.txt了，不然系统不认识。

二、去后台把页面“领证”

文件建好了，但系统还不知道它的存在。咱们得去后台告诉系统：“嘿，我有个新页面，你得认它。”

1. 添加单页内容

登录你的EyouCMS后台。在菜单栏里找到栏目管理，或者有的版本叫内容管理。点进去，你会看到很多选项。咱们要找的是添加单页内容。为什么要选单页？因为咱们做的这个页面，内容是固定的，不像新闻列表那样会一直变。举个例子，像“公司介绍”、“联系方式”这种，最适合用单页来做。

2. 填写基本信息

点进去后，你会看到一个表单。栏目名称就填你想要显示的标题，比如“企业简介”。目录名称最好也用英文，比如about。最关键的一步来了，往下拉，找到模板文件这一项。在这里，把你刚才新建的那个文件名填进去，也就是my_page.html。填完之后，点保存。这时候，你的页面就已经在系统里“上户口”了。

三、代码编写：把内容填进去

现在咱们回到代码编辑器，打开刚才那个my_page.html。咱们要开始写点东西了。别怕，咱们不用从头写HTML，直接复用现成的就行。

1. 引入头部和底部

一个网页，总得有导航栏和页脚吧？如果这些你自己写，累死不说，还容易跟首页不一样。EyouCMS有个很方便的标签，叫include。你在文件最上面写上：

```html {include filename="head.htm"} ```

这一句代码，意思就是把网站通用的头部直接拿过来。同理，在文件最下面写上：

```html {include filename="footer.htm"} ```

这样，你的页面立马就有了跟首页一样的导航和底部，省事多了。记住，这里的head.htm和footer.htm是你主题里原本就有的文件名，如果你的主题叫别的名字，比如header.htm，那就按你的来。

2. 调用页面内容

头部和底部有了，中间放啥呢？你刚才在后台填的那个“企业简介”内容，怎么显示出来？这里要用到EyouCMS的内容标签。在中间的位置，写上这一句：

```html {$field.body} ```

这个{$field.body}就是专门用来显示你在后台编辑器里输入的文字和图片的。你写什么，它就显示什么。是不是很简单？这时候你去后台，点一下那个“更新内容”，然后去前台看看你的页面。虽然可能丑了点，但内容已经出来了。

四、样式与调试：让页面变漂亮

内容有了，但可能排版乱七八糟。图片太大，文字没对齐。这时候咱们得加点样式。

1. 加点CSS样式

你不用去改那个巨大的style.css文件。直接在my_page.html里，写个style标签。比如你想让中间的内容区宽一点，居中显示。你可以这样写：

```html ```

然后把那个调用内容的代码包起来：

```html ```

这样，你的内容就乖乖待在中间了。想改颜色、改大小，都在这个style里改，怎么改都不影响其他页面。这招特别适合新手，既改了样式，又不会把整个网站搞乱。

2. 避坑提醒：缓存是大坑

很多朋友改了代码，刷新前台发现没变化。以为代码写错了，其实是被缓存坑了。EyouCMS为了跑得快，会把页面存起来。你改了之后，必须去后台点一下清除缓存。或者，在开发模式下，把缓存关掉。养成改完代码就清缓存的习惯，能省下你不少抓头发的时间。还有，如果页面显示乱码，检查一下你的文件编码是不是UTF-8，这个细节经常被忽略。

结尾

好了，咱们捋一捋。其实做EyouCMS自定义模板页面，就三步走：建文件、后台关联、写标签调用。别把这事想得太复杂，也别被那些英文标签吓倒。你只要记住{include}用来调头尾，{$field.body}用来调内容，基本上80%的独立页面都能搞定。光看没用，你现在就打开后台，试着建一个叫“测试”的页面。只有亲手操作一遍，你才发现这事儿真的不难。动起来吧！