關閉當前
關閉其它
關閉全部
 
系統環境的搭建,請點擊鏈接查看。
系統環境搭建好了,好的工具有利于你快速修改和制作模板。

一、瀏覽器

二、編輯器

三、熟悉山东11选5开桨结果(當然,如果你只是對已有的模板做單純的修改,比如:顏色修改、結構修改等。那么不熟悉模板標簽也沒關系。)

在制作模板之前,你還需要先了解Eyoucms特有的目錄結構,按規則放置網頁文件、CSS文件、JS文件,這樣程序才能夠順利讀取到模板文件。

打開Eyoucms網站根目錄,模板都放在根目錄下的template文件夾里面

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

如果你是一個在eyoucms官網直接下載的免費安裝系統,那么系統里面將默認只有一個pc目錄,該模板屬于響應式模板,所以電腦和移動端均用PC目錄模板

接下來我們需要了解模板文件夾里面的文件結構

到這里,我們需要認識一下文件結構

名稱 類型 說明
skin 文件夾 存放css,js文件
footer.htm 文件 共用底部文件,里面編寫底部信息等,所有的頁面一般都會調用。
header.htm 文件 共用頭部文件,里面編寫網站LOGO、導航等,所有的頁面都會調用。
index.htm 文件 首頁文件,里面編寫首頁內容部分的代碼,引用了頭部和底部文件。
lists_article.htm 文件 文章??榱斜硪趁?/td>
lists_article_text.htm 文件 文章??樽遠ㄒ辶斜硪趁?,_text表示基于默認列表模板自定義出新的列表模板,保持lists_article不變即可在后臺列表欄目里切換引用。
lists_download.htm 文件 下載??榱斜硪趁?/td>
lists_guestbook.htm 文件 留言??榱斜硪趁?/td>
lists_guestbook_30.htm 文件 留言??樽遠ㄒ?span style="overflow-wrap: break-word; background-color: rgb(248, 248, 248);">列表頁面。命名里的30可以是任意的字母或數字,均關聯留言??榱斜砝?。
lists_images.htm 文件 圖集??榱斜硪趁?/td>
lists_product.htm 文件 產品??榱斜硪趁?/td>
lists_search.htm 文件 搜索結果列表頁面
lists_single.htm 文件 單頁??櫧檔酪趁?/td>
lists_tags.htm 文件 tag標簽列表模板頁面
uiset.txt 文件 如果是易優可視化模板制作,請將此文件放在模板目錄下,比如:pc 、mobile
view_article.htm 文件 文章??橄昵橐趁?/td>
view_download.htm 文件 下載??橄昵橐趁?/td>
view_images.htm 文件 圖集??橄昵橐趁?/td>
view_product.htm 文件 產品??橄昵橐趁?/span>

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

如果需要新建自定義模板讓對應的欄目關聯上可以這樣命名:

比如lists_article_xxx.htm (xxx為自己定義的模板名稱,可以隨便寫)  保持“lists_article_”不變則可以關聯給列表欄目頁,可以在后臺編輯欄目時選擇,如下圖case及fuwu為我們新增的:

 

小提示:放心修改,程序升級并不會覆蓋用戶的前臺模板及后臺數據。