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

2022-05-26 17:53 易優(yōu)技巧

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

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

一、瀏覽器

二、編輯器

三、熟悉模板制作標(biāo)簽(當(dāng)然，如果你只是對(duì)已有的模板做單純的修改，比如：顏色修改、結(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文件
users	文件夾	存放會(huì)員模板及購(gòu)物模板文件
footer.htm	文件	共用底部文件，里面編寫底部信息等，所有的頁面一般都會(huì)調(diào)用。
header.htm	文件	共用頭部文件，里面編寫網(wǎng)站LOGO、導(dǎo)航等，所有的頁面都會(huì)調(diào)用。
index.htm	文件	首頁文件，里面編寫首頁內(nèi)容部分的代碼，引用了頭部和底部文件。
index_tags.htm	文件	標(biāo)簽主頁文件，里面可以調(diào)用tag模板標(biāo)簽，將羅列文檔的tags標(biāo)簽集合。
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	文件	單頁模塊頻道頁面
index_tags.htm	文件	tag標(biāo)簽主頁模板頁面
lists_tags.htm	文件	tag標(biāo)簽列表模板頁面
uiset.txt	文件	如果是易優(yōu)可視化模板制作，請(qǐng)將此文件放在模板目錄下，比如：pc 、mobile
view_article.htm	文件	文章模塊詳情頁面
view_download.htm	文件	下載模塊詳情頁面
view_images.htm	文件	圖集模塊詳情頁面
view_product.htm	文件	產(chǎn)品模塊詳情頁面

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

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

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

users文件夾介紹：

名稱	類型	說明
skin	文件夾	存放css，js文件
users_reg.htm	文件	賬號(hào)注冊(cè)頁
users_reg_field.htm	文件	賬號(hào)注冊(cè)自定義字段頁
users_login.htm	文件	賬號(hào)登錄頁
users_select_login.htm	文件	微信登錄頁(包含本站登錄)
reset_password.htm	文件	重置密碼頁
retrieve_password.htm	文件	找回密碼頁
users_centre.htm	文件	個(gè)人信息頁
users_centre_field.htm	文件	個(gè)人信息自定義字段頁
users_change_pwd.htm	文件	個(gè)人信息修改密碼頁
bind_email.htm	文件	個(gè)人信息綁定郵箱頁
users_header.htm	文件	會(huì)員中心頂部頁
users_left.htm	文件	會(huì)員中心左側(cè)頁
users_footer.htm	文件	會(huì)員中心底部頁
release_centre.htm	文件	投稿列表頁
release_bar.htm	文件	投稿導(dǎo)航頁
article_add.htm	文件	文章投稿--添加頁
article_edit.htm	文件	文章投稿--編輯頁
shop_centre.htm	文件	訂單管理--訂單列表頁
shop_order_details.htm	文件	訂單管理--訂單詳情頁
shop_under_order.htm	文件	訂單管理--訂單提交頁(下單操作)
shop_wechat_pay_select.htm	文件	訂單管理--支付方式選擇頁(微信內(nèi))
shop_cart_list.htm	文件	購(gòu)物車管理--購(gòu)物車列表頁
shop_address_list.htm	文件	地址管理--地址列表頁
shop_add_address.htm	文件	地址管理--地址添加頁
shop_edit_address.htm	文件	地址管理--地址編輯頁
shop_get_wechat_addr.htm	文件	地址管理--添加地址方式選擇頁(微信內(nèi))
pay_account_recharge.htm	文件	賬戶余額--余額列表頁
pay_consumer_details.htm	文件	賬戶余額--余額充值頁
pay_recharge_detail.htm	文件	支付管理--支付頁(包含充值及購(gòu)買)
pay_wechat.htm	文件	支付管理--微信二維碼頁
pay_success.htm	文件	支付管理--支付成功頁
pay_error.htm	文件	支付管理--支付失敗頁
level_centre.htm	文件	會(huì)員升級(jí)頁