發表日期:2018-12 文章編輯:小燈 瀏覽次數:5651
一、瀏覽器
二、編輯器
三、熟悉模板制作標簽(當然,如果你只是對已有的模板做單純的修改,比如:顏色修改、結構修改等。那么不熟悉模板標簽也沒關系。)
打開Eyoucms網站根目錄,模板都放在根目錄下的template文件夾里面
打開template文件夾可以看到多個子文件夾,pc表示電腦端模板,mobile表示移動端模板,如果無mobile目錄,則電腦和移動端均引用PC目錄模板。
如果你是一個在eyoucms官網直接下載的免費安裝系統,那么系統里面將默認只有一個pc目錄,該模板屬于響應式模板,所以電腦和移動端均用PC目錄模板
接下來我們需要了解模板文件夾里面的文件結構
到這里,我們需要認識一下文件結構
名稱 | 類型 | 說明 |
---|---|---|
skin | 文件夾 | 存放css,js文件 |
footer.htm | 文件 | 共用底部文件,里面編寫底部信息等,所有的頁面一般都會調用。 |
header.htm | 文件 | 共用頭部文件,里面編寫網站LOGO、導航等,所有的頁面都會調用。 |
index.htm | 文件 | 首頁文件,里面編寫首頁內容部分的代碼,引用了頭部和底部文件。 |
lists_article.htm | 文件 | 文章模塊列表頁面 |
lists_article_text.htm | 文件 | 文章模塊自定義列表頁面,_text表示基于默認列表模板自定義出新的列表模板,保持lists_article不變即可在后臺列表欄目里切換引用。 |
lists_download.htm | 文件 | 下載模塊列表頁面 |
lists_guestbook.htm | 文件 | 留言模塊列表頁面 |
lists_guestbook_30.htm | 文件 | 留言模塊自定義列表頁面。命名里的30可以是任意的字母或數字,均關聯留言模塊列表里。 |
lists_images.htm | 文件 | 圖集模塊列表頁面 |
lists_product.htm | 文件 | 產品模塊列表頁面 |
lists_search.htm | 文件 | 搜索結果列表頁面 |
lists_single.htm | 文件 | 單頁模塊頻道頁面 |
lists_tags.htm | 文件 | tag標簽列表模板頁面 |
uiset.txt | 文件 | 如果是易優可視化模板制作,請將此文件放在模板目錄下,比如:pc 、mobile |
view_article.htm | 文件 | 文章模塊詳情頁面 |
view_download.htm | 文件 | 下載模塊詳情頁面 |
view_images.htm | 文件 | 圖集模塊詳情頁面 |
view_product.htm | 文件 | 產品模塊詳情頁面 |
按照上面表格中的文件說明,需要寫什么地方,就在對應模板文件里修改,或者自己按規則新建新的模板頁亦可。
如果需要新建自定義模板讓對應的欄目關聯上可以這樣命名:
比如lists_article_xxx.htm (xxx為自己定義的模板名稱,可以隨便寫) 保持“lists_article_”不變則可以關聯給列表欄目頁,可以在后臺編輯欄目時選擇,如下圖case及fuwu為我們新增的:
小提示:放心修改,程序升級并不會覆蓋用戶的前臺模板及后臺數據。
日期:2018-12 瀏覽次數:4046
日期:2018-12 瀏覽次數:3810
日期:2018-12 瀏覽次數:5650
Copyright ? 2013-2018 Tadeng NetWork Technology Co., LTD. All Rights Reserved.