系統(tǒng)環(huán)境搭建好了，好的工具有利于你快速修改和制作模板。

一、瀏覽器

二、編輯器

三、熟悉模板制作標(biāo)簽(當(dāng)然，如果你只是對已有的模板做單純的修改，比如：顏色修改、結(jié)構(gòu)修改等。那么不熟悉模板標(biāo)簽也沒關(guān)系。)

在制作模板之前，你還需要先了解Eyoucms特有的目錄結(jié)構(gòu)，按規(guī)則放置網(wǎng)頁文件、CSS文件、JS文件，這樣程序才能夠順利讀取到模板文件。

打開Eyoucms網(wǎng)站根目錄，模板都放在根目錄下的template文件夾里面

打開template文件夾可以看到多個(gè)子文件夾，pc表示電腦端模板，mobile表示移動(dòng)端模板，如果無mobile目錄，則電腦和移動(dòng)端均引用PC目錄模板。

如果你是一個(gè)在eyoucms官網(wǎng)直接下載的免費(fèi)安裝系統(tǒng)，那么系統(tǒng)里面將默認(rèn)只有一個(gè)pc目錄，該模板屬于響應(yīng)式模板，所以電腦和移動(dòng)端均用PC目錄模板

接下來我們需要了解模板文件夾里面的文件結(jié)構(gòu)

到這里，我們需要認(rèn)識(shí)一下文件結(jié)構(gòu)

名稱	類型	說明
skin	文件夾	存放css，js文件
footer.htm	文件	共用底部文件，里面編寫底部信息等，所有的頁面一般都會(huì)調(diào)用。
header.htm	文件	共用頭部文件，里面編寫網(wǎng)站LOGO、導(dǎo)航等，所有的頁面都會(huì)調(diào)用。
index.htm	文件	首頁文件，里面編寫首頁內(nèi)容部分的代碼，引用了頭部和底部文件。
lists_article.htm	文件	文章模塊列表頁面
lists_article_text.htm	文件	文章模塊自定義列表頁面，_text表示基于默認(rèn)列表模板自定義出新的列表模板，保持lists_article不變即可在后臺(tái)列表欄目里切換引用。
lists_download.htm	文件	下載模塊列表頁面
lists_guestbook.htm	文件	留言模塊列表頁面
lists_guestbook_30.htm	文件	留言模塊自定義列表頁面。命名里的30可以是任意的字母或數(shù)字，均關(guān)聯(lián)留言模塊列表里。
lists_images.htm	文件	圖集模塊列表頁面
lists_product.htm	文件	產(chǎn)品模塊列表頁面
lists_search.htm	文件	搜索結(jié)果列表頁面
lists_single.htm	文件	單頁模塊頻道頁面
lists_tags.htm	文件	tag標(biāo)簽列表模板頁面
uiset.txt	文件	如果是易優(yōu)可視化模板制作，請將此文件放在模板目錄下，比如：pc 、mobile
view_article.htm	文件	文章模塊詳情頁面
view_download.htm	文件	下載模塊詳情頁面
view_images.htm	文件	圖集模塊詳情頁面
view_product.htm	文件	產(chǎn)品模塊詳情頁面

按照上面表格中的文件說明，需要寫什么地方，就在對應(yīng)模板文件里修改，或者自己按規(guī)則新建新的模板頁亦可。

如果需要新建自定義模板讓對應(yīng)的欄目關(guān)聯(lián)上可以這樣命名：

比如lists_article_xxx.htm （xxx為自己定義的模板名稱，可以隨便寫）  保持“l(fā)ists_article_”不變則可以關(guān)聯(lián)給列表欄目頁，可以在后臺(tái)編輯欄目時(shí)選擇，如下圖case及fuwu為我們新增的：

 

小提示：放心修改，程序升級(jí)并不會(huì)覆蓋用戶的前臺(tái)模板及后臺(tái)數(shù)據(jù)。

本頁內(nèi)容由塔燈網(wǎng)絡(luò)科技有限公司通過網(wǎng)絡(luò)收集編輯所得，所有資料僅供用戶參考了本站不擁有所有權(quán)，如您認(rèn)為本網(wǎng)頁中由涉嫌抄襲的內(nèi)容，請及時(shí)與我們聯(lián)系，并提供相關(guān)證據(jù)，工作人員會(huì)在5工作日內(nèi)聯(lián)系您，一經(jīng)查實(shí)，本站立刻刪除侵權(quán)內(nèi)容。本文鏈接:http://www.junxiaosheng.cn/10938.html