主頁(yè) > cms教程 > 易優(yōu)cms教程

模板制作準(zhǔn)備工作

時(shí)間： 2024-02-22 11:54 閱讀：次作者：素材無(wú)憂網(wǎng)

系統(tǒng)環(huán)境的搭建,請(qǐng)點(diǎn)擊鏈接查看。

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

一、瀏覽器
模板制作準(zhǔn)備工作(圖1)

二、編輯器
模板制作準(zhǔn)備工作(圖2)

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

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

打開(kāi)Eyoucms網(wǎng)站根目錄，模板都放在根目錄下的template文件夾里面
模板制作準(zhǔn)備工作(圖3)

打開(kāi)template文件夾可以看到多個(gè)子文件夾，pc表示電腦端模板，mobile表示移動(dòng)端模板，如果無(wú)mobile目錄，則電腦和移動(dòng)端均引用PC目錄模板。
模板制作準(zhǔn)備工作(圖4)
如果你是一個(gè)在eyoucms官網(wǎng)直接下載的免費(fèi)安裝系統(tǒng)，那么系統(tǒng)里面將默認(rèn)只有一個(gè)pc目錄，該模板屬于響應(yīng)式模板，所以電腦和移動(dòng)端均用PC目錄模板

接下來(lái)我們需要了解模板文件夾里面的文件結(jié)構(gòu)
模板制作準(zhǔn)備工作(圖5)

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

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

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

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

比如lists_article_xxx.htm （xxx為自己定義的模板名稱(chēng)，可以隨便寫(xiě)）保持"lists_article_"不變則可以關(guān)聯(lián)給列表欄目頁(yè)，可以在后臺(tái)編輯欄目時(shí)選擇，如下圖case及fuwu為我們新增的：
模板制作準(zhǔn)備工作(圖6)