從零開始學織夢DedeCms模板，模板教程，從此模板制作不求人

2024-07-12 08:45:49

字體：大中小

來源：轉載

供稿：網友

這篇文章針對的是“無產階級”毫無基礎的朋友，如果你是高手或“資產階級”就不用看了，高手歡迎交流，“資產階級兄弟”給點活讓兄弟我做做，保證質量。
基礎
學習html
何謂CMS模版？其實就是加上CMS模板引擎代碼的HTML頁面，所以基礎便是HTML語言學習，HTML的標簽不多，很容易學習，搜索下遍地都是教程，不過現在正流行web標準，就是大家說的“DIV+CSS”，要求又提高許多，需要學習CSS，大家可以下載CSS手冊，修改模版的時候對照學習修改，每天只要花點時間很快就會學會。真心想學好web制作的朋友可常來我的網站逛逛。
學習dede模版代碼
了解代碼前，如果你是新手，請使用默認模版熟悉下dede系統，系統的設置，如何添加欄目，怎么為欄目設置模版，如何發表文章，更改文章，有個基本概念。
Dedecms的代碼很有特色，只要熟悉以后很快就能上手而且使用非常靈活。dede模板引擎的代碼樣式有如下幾種形式：

復制代碼

{dede:標記名稱 屬性='值'/}{dede:標記名稱 屬性='值'}{/dede:標記名稱}{dede:標記名稱 屬性='值'}自定義樣式模板(InnerText){/dede:標記名稱}

從上面我們可以看出，dede模板引擎的代碼可以分為標記名稱、屬性和自定義樣式模版三部分，標記名稱和屬性用{}包圍
而自定義樣式模版在兩個{}之間。
標記名稱與屬性的說明請大家參考系統幫助里的模版標記參考，這里介紹具體運用方法。
先看下面的例子：

復制代碼

{dede:arclist typeid='0' titlelen='28' row='10' }<li><a href='[field:arcurl/]'>[field:title/]</a></li>{/dede:arclist} 上面是最基本的取得最新內容列表標記arclist，由開始標記{dede:arclist 屬性typeid='' titlelen='28' row='10' col='1'}模版樣式<li><a href='[field:arcurl/]'>[field:title/]</a></li>和結束標記 {/dede:arclist}組成。當你完成頁面制作后，便可開始添加dede代碼。沒有添加dede代碼之前：  <ul><li><a href='[field:arcurl/]'>[field:title/]</a></li><li><a href='[field:arcurl/]'>[field:title/]</a></li><li><a href='[field:arcurl/]'>[field:title/]</a></li><li><a href='[field:arcurl/]'>[field:title/]</a></li><li><a href='[field:arcurl/]'>[field:title/]</a></li><li><a href='[field:arcurl/]'>[field:title/]</a></li><li><a href='[field:arcurl/]'>[field:title/]</a></li><li><a href='[field:arcurl/]'>[field:title/]</a></li><li><a href='[field:arcurl/]'>[field:title/]</a></li><li><a href='[field:arcurl/]'>[field:title/]</a></li></ul>添加代碼后  <ul>{dede:arclist typeid='0' titlelen='28' row='10' }<li><a href='[field:arcurl/]'>[field:title/]</a></li>{/dede:arclist}</ul>

模版解析后就是添加代碼前的樣子。列表list標記，友情鏈接flink標記，導航channel標記，站內新聞mynews標記等待都是同樣道理。

文章頁里用到{dede:標記名稱屬性='值'/}，如{dede:field name='title' /}就是文章標題的意思。

模版里面的路徑問題：本站使用{dede:global name='cfg_basehost'/}/templets/w3cpro/img/css.css，{dede:global name='cfg_basehost'/}是取得網站根目錄的意思。這里有個模版保護問題，如果你珍惜你的網頁模版，就把img目錄獨立分離出來，這樣別人就不會知道你的模版目錄。

制作
要是真正獨立制作一個模版，是很費精力的，規劃、設計、制作、調試哪部分都很累人。很多站長都沒有能力制作，所以就有那么多的朋友期待別人放出模版，稍微有點能力就復制別人的模版，何為復制？保存原來的html頁面，刪除正文內容，添加CMS代碼，完工。，這就是復制，沒有一點技術含量，只要添加CMS代碼即可。就這樣，我看還有很多人收費100到200幫人制作，我看得暈死，這也行。做為站長也太懶了，做站連CMS的標記代碼都不了解，還做什么站，真是郁悶了。

就模版而言，很多站長只看到設計即頁面好看而沒有看到網頁制作即網頁代碼，這是一個非常錯誤的觀念。網頁好看雖然重要，但對我們個人站長來說，網頁制作更為重要。網頁代碼的質量關系到搜索引擎SEO與網站的可維護性，對我們站長來說，網站只要簡潔大方即可，關鍵是網站利于搜索引擎搜索能夠創造更多的利潤賺更多的錢。

天下文章一大抄，就看你會不會抄，制做模版和抄寫文章一樣，就看你會不會仿。我的設計水平很爛根本不入流，只會寫網頁代碼。設計既然不會那就仿，取一個網頁那是侵權，那就取三個四個網頁，拿出它們的設計優點，組合成自己的網站。

過程以本站為例子：規劃好網站結構，決定以藍綠兩種顏色為網頁主色調，從網上找到合適的資源后開始在PS里組合網站，滿意后開始編寫代碼制作網頁，制作好后添加dede代碼測試。

安裝使用
dede3.1lit版本增強了系統設置，模版的所在位置可以在系統設置里設定，把模版文件夾放到templets，欄目設置里{style}代表了模版文件夾位置，如下圖。

實例
下面提供本站實例給大家參考使用，頁面制作并不復雜，適合大家學習使用。

總共制作了文章，圖片（采用文章系統），下載三個系統模版，其他模版可以根據提供的頁面修改。

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——上一篇下一篇分開調用，且限定文章所在欄目內而不是現在的全站。
inc_arcpart_view.php——更改友情鏈接flink
inc_channel_unit_functions.php——調用arclist標簽無法讀出此欄目為副欄目的文章的應急解決方案
inc_functions.php——跳轉提示頁標題修改
inc_vote.php——投票修改
增加的文件：

為了全站顯示登入系統后的狀態，member目錄增加幾個文件。

index_doo.php
index_login.php
login.html
config_g.php
logined.js
templets/index_login.html
下載后放到網站templets，參照上面設置即可。

上一篇：織夢Dedecms網站搬家步驟詳解

下一篇：織夢dedecms安全設置集合整理