系列方法一：
1、下載一個模板之后要判斷一下模板文件是否齊全。htm文件中是否包括首頁、列表頁和文章內(nèi)容頁等;htm文件用到的css文件是否包括;模板安裝包中是否包括網(wǎng)站用到的背景圖片;
2、建設網(wǎng)站欄目。在安裝調(diào)試一個模板之前必須事先建好網(wǎng)站的相關欄目，這樣才能做好調(diào)試。欄目的建設可以參考模板的樣例網(wǎng)站進行建設。
3、更改系統(tǒng)中的模板名，這一步我們以模板mier為例：
（1）打開后臺-系統(tǒng)-系統(tǒng)基本參數(shù)，查看模板名，默認情況下為default?，F(xiàn)在，我們要把默認的模板名，改為我們要使用的模板名。
（2）打開后臺-生成-HTML更新-更新主頁HTML,默認情況這里的模板路徑為default/index.htm。把default改成我們要使用的模板名。
4、根據(jù)建好的網(wǎng)站欄目修改模板中調(diào)用的相關欄目ID。在htm文件中找到如下標簽
{dede:arclist row=’8′ titlelen=’36′ typeid=’56′ orderby=’rand’ }
{/dede:arclist}
將其中的 typeid調(diào)整為自己網(wǎng)站的欄目ID。
5、調(diào)整htm文件和css文件中用到的圖片的路徑，根據(jù)自身網(wǎng)站圖片的存放路徑進行調(diào)整。
6、修改模板文件htm中的固定鏈接。在模板中存在一些固定鏈接，可以根據(jù)你自己的網(wǎng)站進行適當調(diào)整。
7、上傳模板文件。將模板中的文件目錄上傳到服務器的/templets目錄下，上傳之前需要保存好原來目錄下的文件。這個是默認的上傳方法，如果模板本身有特殊要求，可以根據(jù)模板本身的要求上傳。
8、在后臺生成首頁、欄目頁和內(nèi)容頁，根據(jù)效果對調(diào)試修改相關模板。
9、默認的DedeCMS模板風格default目錄文件說明
index.htm(首頁模板)
head.htm(網(wǎng)頁頭部模板)
*footer*.htm(網(wǎng)頁底部模板)
list_*.htm(列表頁模板)
article_*.htm(內(nèi)容頁模板)
tag*.htm(標簽模板)
taglist.htm(標簽列表模板)
search.htm(搜索頁模板)
以上簡單描述了DEDECMS模板安裝的一般思路，不同的模板安裝方法也存在不同，希望上面的描述能為大家安裝dedecms模板時提供一些幫助。
系列方法二：
方法一將新模板覆蓋templets下的文件最簡單的更換模板的方法是直接覆蓋templets目錄下的所有文件
但是這樣會導致原先的模板被覆蓋。
方法二 通過后臺管理,使dedecms去尋找模板目錄
還有一種就是更換整個網(wǎng)站的模板目錄。
系統(tǒng)管理 --> 站點設置 --> 默認模板風格 設置為目錄名字
比如下載了一個新的模板,新模板目錄為newtemplet
那么設置為 /newtemlet/default 這樣基本模塊的模板就會去該目錄下尋找。
但是這樣有一個問題,就是如果欄目已經(jīng)創(chuàng)建好了,設置這個就會沒有什么效果。不知道這是不是dede的一個bug。
方法三 修改特定頁面的模板
還有就是修改單獨網(wǎng)頁的模板,那么就去
頻道管理 --> 網(wǎng)站欄目管理 --> 高級選項里選定模板地址
充分利用 ../ 這樣的上級目錄跳轉到模板的目錄下。
至于風格,我到現(xiàn)在看起來是不是必須修改模板里的css文件的地址?
方法四 修改源代碼改變模板目錄
發(fā)現(xiàn)另一種方法,更為直接:
修改include目錄下的config_base.php下找到
$cfg_templets_dir = $cfg_cmspath.'/templets';
只需要把這個修改為新的目錄名字,然后html更新一下,所有的模板風格都改變了。
這種方法不推薦,不過你要是為了防止模板被盜到可以
還有個方法:把新模板直接上傳到templets/default目錄里,然后再點擊欄目管理,在欄目高級參數(shù)那里選擇新模板。
cms模版,其實就是加上cms模板引擎代碼的html頁面,所以基礎便是html語言學習,不 過現(xiàn)在正流行web標準,就是大家說的“div+css”,要求又提高許多,需要學習css,大家可以下載css手冊,修改模版的時候對照學習修改。
dede模板引擎的代碼樣式有如下幾種形式:
{dede:標記名稱 屬性='值'/}
{dede:標記名稱 屬性='值'}{/dede:標記名稱}
{dede:標記名稱 屬性='值'}自定義樣式模板(innertext){/dede:標記名稱}
從上面我們可以看出,dede模板引擎的代碼可以分為標記名稱、屬性和自定義樣式模版三部分,標記名稱和屬性用{}包圍
而自定義樣式模版在兩個{}之間。
標記名稱與屬性的說明請大家參考系統(tǒng)幫助里的模版標記參考,這里介紹具體運用方法。
先看下面的例子:
{dede:arclist typeid='0' titlelen='28' row='10' }
[field:title/]
{/dede:arclist} 上面是最基本的取得最新內(nèi)容列表標記arclist,由開始標記{dede:arclist 屬性typeid='' titlelen='28' row='10' col='1'}模版樣式
[field:title/]和結束標記 {/dede:arclist}組成。當你完成頁面制作后,便可開始添加dede代碼。沒有添加dede代碼之前:
[field:title/]
[field:title/]
[field:title/]
[field:title/]
添加代碼后
{dede:arclist typeid='0' titlelen='28' row='10' }
[field:title/]
{/dede:arclist}
模版解析后就是添加代碼前的樣子。列表list標記,友情鏈接flink標記,導航channel標記,站內(nèi)新聞mynews標記等待都是同樣道理。
文章頁里用到{dede:標記名稱 屬性='值'/},如{dede:field name='title' /}就是文章標題的意思。
模版里面的路徑問題:本站使用{dede:global name='cfg_basehost'/}/templets/w3cpro/img/css.css,{dede:global name='cfg_basehost'/}是取得網(wǎng)站根目錄的意思。這里有個模版保護問題,如果你珍惜你的網(wǎng)頁模版,就把img目錄獨立分離出來,這樣 別人就不會知道你的模版目錄。
獨立制作一個模版,需要規(guī)劃、設計、制作、調(diào)試等部分。
復制模版,保存原來的html頁面,刪除正文內(nèi)容,添加cms代碼。
就模版而言,很多站長只看到設計即頁面好看而沒有看到網(wǎng)頁制作即網(wǎng)頁代碼,這是一個非常錯誤的觀念。網(wǎng)頁代碼的質(zhì)量關系到搜索引擎seo與網(wǎng)站的可維護性。
天下文章一大抄,就看你會不會抄,制做模版和抄寫文章一樣,就看你會不會仿。我的設計水平很爛根本不入流,只會寫網(wǎng)頁代碼。設計既然不會那就仿,取一個網(wǎng)頁那是侵權,那就取三個四個網(wǎng)頁,拿出它們的設計優(yōu)點,組合成自己的網(wǎng)站。
過程以本站為例子:規(guī)劃好網(wǎng)站結構,決定以藍綠兩種顏色為網(wǎng)頁主色調(diào),從網(wǎng)上找到合適的資源后開始在ps里組合網(wǎng)站,滿意后開始編寫代碼制作網(wǎng)頁,制作好后添加dede代碼測試。
安裝使用
dede3.1lit版本增強了系統(tǒng)設置,模版的所在位置可以在系統(tǒng)設置里設定,把模版文件夾放到templets,欄目設置里style代表了模版文件夾位置,如下圖。
實例
下面提供本站實例給大家參考使用,頁面制作并不復雜,適合大家學習使用。
總共制作了文章,圖片(采用文章系統(tǒng)),下載三個系統(tǒng)模版,其他模版可以根據(jù)提供的頁面修改。
index_in.html——主頁
list.html——列表頁
index_arc.html——文章頁、下載封面
index_img.html——圖片封面
list_img.html——圖片列表
search.htm——搜索頁面
article.html——文章頁
article_down.html——下載頁
article_img.html——圖片
修改的文件:
inc_archives_view.php——上一篇下一篇分開調(diào)用,且限定文章所在欄目內(nèi)而不是現(xiàn)在的全站。
inc_arcpart_view.php——更改友情鏈接flink
inc_channel_unit_functions.php——調(diào)用arclist標簽無法讀出此欄目為副欄目的文章的應急解決方案
inc_functions.php——跳轉提示頁標題修改
inc_vote.php——投票修改
增加的文件:
為了全站顯示登入系統(tǒng)后的狀態(tài),member目錄增加幾個文件。
index_doo.php
index_login.php
login.html
config_g.php
logined.js
templets/index_login.html
下載后放到網(wǎng)站templets,參照上面設置即可
聯(lián)系客服
