POST TIME:2017-11-13 23:58
在安裝模板之前我們先熟悉一下DEDE模板的相關(guān)知識
1， 模板路徑：
a：模板文件路徑：DEDE的默認(rèn)模板文件是保存在{cmspath}/templets/default下的。
b：模板相關(guān)CSS路徑：DEDE默認(rèn)模板文件夾default內(nèi)的模板文件的CSS路徑都保存在{cmspath}templetsstyle下。
c：模板相關(guān)圖片路徑：默認(rèn)模板文件夾default內(nèi)的模板使用到的圖片都保存在{cmspath}/templets/images下。
d：默認(rèn)底層模板路徑：{cmspath}/templets/system；功能：在沒有指定標(biāo)記的默認(rèn)底層模板的時候，系統(tǒng)將自動調(diào)用這個文件夾的相應(yīng)文件作為底層模板。
e：插件目錄模板路徑：{cmspath}/templets/plus；功能：評論、友情鏈接、RSS地圖等模板。
f：會員后臺模板路徑： {cmspath}/member/templets；功能：會員后臺的模板
2，模板文件命名規(guī)范：
（１）index_識別ID.htm： 表示板塊（欄目封面）模板；
（２）list_識別ID.htm： 表示欄目列表模板；
（３）article_識別ID.htm： 表示內(nèi)容查看頁（文檔模板，包括專題查看頁）；
（４）search.htm： 搜索結(jié)果列表模板；
（５）index.htm： 主頁模板；
注解：[識別ID]可以在“頻道模型管理”的地方獲得，當(dāng)然，你也可以在“頻道模型管理”的地方確定某個頻道的模板命名。
例：list_image.htm 表示是就是內(nèi)容類型為圖片集的欄目默認(rèn)列表模板。
article_article.htm 表示的是文章查看頁模板。
下面開始講解一下模板的安裝問題：
DedeCMS系統(tǒng)的模板是非固定的，用戶可以在新建欄目時可以自行選擇欄目模板，官方僅提供最基本的默認(rèn)模板，即是內(nèi)置系統(tǒng)模型的各個模板，由于DedeCMS支持自定義頻道模型，用戶自定義新頻道模型后，還需要按該模型的字段設(shè)計(jì)一套新的模板，此外，DedeCMS也支持使用風(fēng)格的形式使用模板，默認(rèn)風(fēng)格是 default，它表示系統(tǒng)默認(rèn)使用 {cmspath}/templets/default 這個文件夾的模板，如果你下載了一套新的模板，你可以不必要刪除 default 原有的文件，把下載的模板文件夾命名你想要的風(fēng)格名稱，如 moban 等，然后在后臺修改了默認(rèn)的模板風(fēng)格名稱為moban ，那系統(tǒng)將使用{cmspath}/templets/ moban 這文件當(dāng)作默認(rèn)模板，但是若你手工指定了欄目模板的位置，則后臺參數(shù)風(fēng)格的定義無效。
在了解各個默認(rèn)模板的路徑之后，我們就可以開始安裝模板了。模板安裝時一般分為以下幾種情況：
1， 按照默認(rèn)模板和相關(guān)css、圖片的默認(rèn)路徑來制作的新模板；
那么我們在安裝時直接把新模板上傳并覆蓋到默認(rèn)模板的對應(yīng)文件夾下即可。
上傳完后更新htm后即可看到新模板的效果。
2， 根據(jù)模板制作者自定義的模板路徑的安裝方法：
因?yàn)楦鱾€模板制作者的習(xí)慣不同，會把模板文件、css文件、圖片文件夾放到不同的位置。那么在這種情況下我們怎么安裝模板呢？
在我們拿到這種模板后，我們用記事本或者M(jìn)acromedia Dreamweaver 來打開htm文件。
打開后我們在文件頭部可以看到以下的代碼
類似代碼一般出現(xiàn)在<meta name=”keywords” content=”{dede:global.cfg_keywords/}” />下面。也就是htm的<head> </head> 之間。
從這段代碼可以看出他的css路徑是存放于style下的。
然后我們再打開css文件。
同樣在文件找能表示路徑的代碼
如： background:url(../images/btn-bg1.gif) no-repeat;
從這里就可以看出他的圖片是存放于images下的。
作為上述兩步后我們就知道了htm、css和圖片的存放路徑了。然后要做的就是把對應(yīng)的文件或文件夾放到相應(yīng)的位置，并在后臺更新html。
因?yàn)椴皇鞘褂玫膁efault下的模板。那么需要在后臺設(shè)置一下。
首先進(jìn)入DEDE后臺。找到系統(tǒng) — 系統(tǒng)設(shè)置 – 系統(tǒng)基本參數(shù)，并修改圖中的模板默認(rèn)風(fēng)格名稱，這個名稱就是你存放htm模板文件夾的名稱。
同時再修改后臺 – 生成 – html更新 –修改圖中主頁模板中的zcool名稱。也可以用瀏覽方式來選擇。
實(shí)例解析：
我們先到http://bbs.dedecms.com/141167.html下載這個模板。
下載后并解壓后我們可以看到一下幾個文件：
其中打開cms文件夾后發(fā)現(xiàn)他的css文件和圖片全都存放于一個文件夾內(nèi)的。
而htm全都存放在2d30.cn文件夾內(nèi)的。
下面我們開始安裝模板：
1， 這里我們可以選擇兩種方式安裝模板
A：把所有html覆蓋default文件夾下
B：把2d30.cn文件內(nèi)的所有htm單獨(dú)提取出來，并放到一個新文件夾內(nèi)，我們在這里假設(shè)全部放到2d30內(nèi)。然后上傳到templets下。
A：安裝方法：
我們打開index.htm后會發(fā)現(xiàn)它的css路徑是在
{dede:global.cfg_templeturl/}/images/cms/cms.css
這就說明需要把css文件放到images的cms文件夾下。
那么系統(tǒng)默認(rèn)在images下是沒有cms文件夾的，所以我們需要在images下建立一個cms的文件夾。
同時我們打開css文件看到的圖片路徑是
background: #404040 url(navhover.png)
說明它的圖片和css是在一個文件夾下的
所以我們可以省略紅色字體部分的操作，直接上傳cms文件夾 到templets下的images文件夾下就可以了。
做完上述操作后直接在后臺更新html就可以了。
B：安裝方法：
把2d30這個文件夾上傳至templets下，
Cms同樣上傳至images下。
然后再后臺更改
系統(tǒng) — 系統(tǒng)設(shè)置 – 系統(tǒng)基本參數(shù)
修改后臺 – 生成 – html更新 –主頁模板
最后更新html。
最后，細(xì)心的朋友可能已經(jīng)發(fā)現(xiàn)有個htm文件比較特殊（article_article – code.htm）
那么這個文件怎么使用呢，下面我給大家講一下：
article_article – code.htm是在article-article.htm文件的基礎(chǔ)上修改的，同時也是一個內(nèi)容頁模板。
一般這種模板會出現(xiàn)在以下情況：
A欄目是文章模型，B欄目頁是文章模型，同時A和B欄目的列表模板為同一個模板,而內(nèi)容模板為不同模板。就會出現(xiàn)2個不同的內(nèi)容模板?；蛘遖rticle_article – code.htm為列表模板，而A和B欄目的列表模板為不同模板。
這個時候我們就需要進(jìn)入后臺 – 核心 – 常用操作 – 網(wǎng)站欄目管理，選擇右側(cè)A或B欄目的更改選項(xiàng)。點(diǎn)擊進(jìn)入后選擇高級選項(xiàng)。
這個時候我們會看到封面模板、列表模板、文章模板3個信息框。
拿article_article – code.htm做例子。
我們更換文章模板，點(diǎn)擊瀏覽按鈕，選擇article_article – code.htm，或者直接修改文章模板路徑名稱。
最后確定，并更新該欄目的文檔htm。到這里我們就完成了文章模板的更換。
不同列表模板和封面模板更換方法同樣操作即可。
很多朋友說上傳模板后沒有效果，這個時候就要檢查你是否更新htm和模板指定是否正確。
該教程只是一個指引過程。新手朋友需要活學(xué)活用才行。
| ? |
|
|
|
|||||||||||||||
| 全國咨詢熱線 | |||||||||||||||||
| 400-1100-266 | |||||||||||||||||
| 在線客服( QQ：340506921 ) | |||||||||||||||||
 |
|||||||||||||||||
