主頁 > 網(wǎng)站建設 > 建站知識 > 2014最新dedecms織夢模板安裝教程(圖文教程)

2014最新dedecms織夢模板安裝教程(圖文教程)

POST TIME:2020-04-12 22:40

在安裝模板之前我們先熟悉一下DEDE模板的相關知識

1,模板路徑:

  a:模板文件路徑:DEDE的默認模板文件是保存在{cmspath}/templets/default下的。

  b:模板相關CSS路徑:DEDE默認模板文件夾default內(nèi)的模板文件的CSS路徑都保存在{cmspath}templetsstyle下。

  c:模板相關圖片路徑:默認模板文件夾default內(nèi)的模板使用到的圖片都保存在{cmspath}/templets/images下。

  d:默認底層模板路徑:{cmspath}/templets/system;功能:在沒有指定標記的默認底層模板的時候,系統(tǒng)將自動調用這個文件夾的相應文件作為底層模板。

  e:插件目錄模板路徑:{cmspath}/templets/plus;功能:評論、友情鏈接、RSS地圖等模板。

  f:會員后臺模板路徑: {cmspath}/member/templets;功能:會員后臺的模板

2,模板文件命名規(guī)范:

  (1)index_識別ID.htm: 表示板塊(欄目封面)模板;

 ?。ǎ玻﹍ist_識別ID.htm: 表示欄目列表模板;

 ?。ǎ常゛rticle_識別ID.htm: 表示內(nèi)容查看頁(文檔模板,包括專題查看頁);

 ?。ǎ矗﹕earch.htm: 搜索結果列表模板;

 ?。ǎ担﹊ndex.htm: 主頁模板;

  注解:[識別ID]可以在“頻道模型管理”的地方獲得,當然,你也可以在“頻道模型管理”的地方確定某個頻道的模板命名。

  例:list_image.htm 表示是就是內(nèi)容類型為圖片集的欄目默認列表模板。

  article_article.htm 表示的是文章查看頁模板。

下面開始講解一下模板的安裝問題:

  DedeCMS系統(tǒng)的模板是非固定的,用戶可以在新建欄目時可以自行選擇欄目模板,官方僅提供最基本的默認模板,即是內(nèi)置系統(tǒng)模型的各個模板, 由于DedeCMS支持自定義頻道模型,用戶自定義新頻道模型后,還需要按該模型的字段設計一套新的模板,此外,DedeCMS也支持使用風格的形式使用 模板,默認風格是 default,它表示系統(tǒng)默認使用 {cmspath}/templets/default 這個文件夾的模板,如果你下載了一套新的模板,你可以不必要刪除 default 原有的文件,把下載的模板文件夾命名你想要的風格名稱,如 moban 等,然后在后臺修改了默認的模板風格名稱為moban ,那系統(tǒng)將使用{cmspath}/templets/ moban 這文件當作默認模板,但是若你手工指定了欄目模板的位置,則后臺參數(shù)風格的定義無效。

  在了解各個默認模板的路徑之后,我們就可以開始安裝模板了。模板安裝時一般分為以下幾種情況:

1,按照默認模板和相關css、圖片的默認路徑來制作的新模板;

  那么我們在安裝時直接把新模板上傳并覆蓋到默認模板的對應文件夾下即可。

  上傳完后更新htm后即可看到新模板的效果。

2,根據(jù)模板制作者自定義的模板路徑的安裝方法:

  因為各個模板制作者的習慣不同,會把模板文件、css文件、圖片文件夾放到不同的位置。那么在這種情況下我們怎么安裝模板呢?

  在我們拿到這種模板后,我們用記事本或者Macromedia 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和圖片的存放路徑了。然后要做的就是把對應的文件或文件夾放到相應的位置,并在后臺更新html。

  因為不是使用的default下的模板。那么需要在后臺設置一下。

  首先進入DEDE后臺。找到系統(tǒng) -- 系統(tǒng)設置 – 系統(tǒng)基本參數(shù),并修改圖中的模板默認風格名稱,這個名稱就是你存放htm模板文件夾的名稱。

同時再修改后臺 – 生成 – html更新 –修改圖中主頁模板中的zcool名稱。也可以用瀏覽方式來選擇。

實例解析:

  我們先到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單獨提取出來,并放到一個新文件夾內(nèi),我們在這里假設全部放到2d30內(nèi)。然后上傳到templets下。

A:安裝方法:

  我們打開index.htm后會發(fā)現(xiàn)它的css路徑是在

  {dede:global.cfg_templeturl/}/images/cms/cms.css

  這就說明需要把css文件放到images的cms文件夾下。

  那么系統(tǒng)默認在images下是沒有cms文件夾的,所以我們需要在images下建立一個cms的文件夾。

  同時我們打開css文件看到的圖片路徑是

  background: #404040 url(navhover.png)

  說明它的圖片和css是在一個文件夾下的

  所以我們可以省略紅色字體部分的操作,直接上傳cms文件夾 到templets下的images文件夾下就可以了。

  做完上述操作后直接在后臺更新html就可以了。

B:安裝方法:

  把2d30這個文件夾上傳至templets下,

  Cms同樣上傳至images下。

  然后再后臺更改

  系統(tǒng) -- 系統(tǒng)設置 – 系統(tǒng)基本參數(shù)

  修改后臺 – 生成 – html更新 –主頁模板

  最后更新html。

  最后,細心的朋友可能已經(jīng)發(fā)現(xiàn)有個htm文件比較特殊(article_article - code.htm)

  那么這個文件怎么使用呢,下面我給大家講一下:

  article_article - code.htm是在article-article.htm文件的基礎上修改的,同時也是一個內(nèi)容頁模板。

一般這種模板會出現(xiàn)在以下情況:

  A欄目是文章模型,B欄目頁是文章模型,同時A和B欄目的列表模板為同一個模板,而內(nèi)容模板為不同模板。就會出現(xiàn)2個不同的內(nèi)容模板?;蛘遖rticle_article - code.htm為列表模板,而A和B欄目的列表模板為不同模板。

  這個時候我們就需要進入后臺 – 核心 – 常用操作 – 網(wǎng)站欄目管理,選擇右側A或B欄目的更改選項。點擊進入后選擇高級選項。

  這個時候我們會看到封面模板、列表模板、文章模板3個信息框。

  拿article_article - code.htm做例子。

  我們更換文章模板,點擊瀏覽按鈕,選擇article_article - code.htm,或者直接修改文章模板路徑名稱。

  最后確定,并更新該欄目的文檔htm。到這里我們就完成了文章模板的更換。

  不同列表模板和封面模板更換方法同樣操作即可。

  很多朋友說上傳模板后沒有效果,這個時候就要檢查你是否更新htm和模板指定是否正確。

  該教程只是一個指引過程。新手朋友需要活學活用才行。



收縮
  • 微信客服
  • 微信二維碼
  • 電話咨詢

  • 400-1100-266