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