從零學(xué)DedeCms模板教程
來源:易賢網(wǎng) 閱讀:1196 次 日期:2016-07-02 10:49:08
溫馨提示:易賢網(wǎng)小編為您整理了“從零學(xué)DedeCms模板教程”,方便廣大網(wǎng)友查閱!

關(guān)鍵字描述:教程 模板 < 模版 代碼 標(biāo)記 &mdash 制作 field:title/ DedeCms真是一個(gè)非常棒的系統(tǒng),我從接觸到現(xiàn)在一年時(shí)間再也沒有理會(huì)其他CMS系統(tǒng),推薦剛開始建站或準(zhǔn)備換程序的朋友使用DedeCms系統(tǒng)。就像柏拉圖說的:利劍已出,天下必亂,選擇DedeCms V3,無往

關(guān)鍵字描述:教程 模板 < 模版 代碼 標(biāo)記 &mdash 制作 field:title/

DedeCms真是一個(gè)非常棒的系統(tǒng),我從接觸到現(xiàn)在一年時(shí)間再也沒有理會(huì)其他CMS系統(tǒng),推薦剛開始建站或準(zhǔn)備換程序的朋友使用DedeCms系統(tǒng)。就像柏拉圖說的:利劍已出,天下必亂,選擇DedeCms V3,無往不勝。選擇它,不會(huì)錯(cuò)的。

由于DedeCms是柏拉圖一個(gè)人開發(fā),不可能像動(dòng)易一樣提供完整的使用推廣服務(wù),在模版方面,只有一套默認(rèn)的模版,也沒有模版制作使用的詳細(xì)教程,只有模版標(biāo)簽的說明,這難倒了很多毫無基礎(chǔ)的朋友。我剛接觸的時(shí)候在制作列表頁面時(shí)還發(fā)帖詢問怎么更改列表數(shù)目,直到現(xiàn)在還不時(shí)有人發(fā)帖詢問(這個(gè)問題很突出,在各個(gè)論壇都一樣,很多人都不會(huì)用搜索)。在論壇里我也看到很多朋友發(fā)帖說模版不夠多,模版不會(huì)用,也沒有好心人幫助,然后發(fā)帖發(fā)泄一下離開。論壇上分享的模版很少,即時(shí)現(xiàn)在也不多,這和我們國(guó)情也有關(guān),沒多少人喜歡分享,而一些垃圾還拿分享出來的東西賣錢,鄙視一下!

俗話說,求人不如求己,沒模版好辦,自己制作。趁落伍征文,發(fā)表這篇文章爭(zhēng)取落去,呵呵,人無利己,誰肯早起,大家也鄙視一下我。

這篇文章針對(duì)的是“無產(chǎn)階級(jí)”毫無基礎(chǔ)的朋友,如果你是高手或“資產(chǎn)階級(jí)”就不用看了,高手歡迎交流,“資產(chǎn)階級(jí)兄弟”給點(diǎn)活讓兄弟我做做,保證質(zhì)量。

基礎(chǔ)

學(xué)習(xí)html

何謂CMS模版?其實(shí)就是加上CMS模板引擎代碼的HTML頁面,所以基礎(chǔ)便是HTML語言學(xué)習(xí),HTML的標(biāo)簽不多,很容易學(xué)習(xí),搜索下遍地都是教程,不過現(xiàn)在正流行web標(biāo)準(zhǔn),就是大家說的“DIV CSS”,要求又提高許多,需要學(xué)習(xí)CSS,大家可以下載CSS手冊(cè),修改模版的時(shí)候?qū)φ諏W(xué)習(xí)修改,每天只要花點(diǎn)時(shí)間很快就會(huì)學(xué)會(huì)。真心想學(xué)好web制作的朋友可常來我的網(wǎng)站逛逛。

學(xué)習(xí)dede模版代碼

了解代碼前,如果你是新手,請(qǐng)使用默認(rèn)模版熟悉下dede系統(tǒng),系統(tǒng)的設(shè)置,如何添加欄目,怎么為欄目設(shè)置模版,如何發(fā)表文章,更改文章,有個(gè)基本概念。

Dedecms的代碼很有特色,只要熟悉以后很快就能上手而且使用非常靈活。dede模板引擎的代碼樣式有如下幾種形式:

{dede:標(biāo)記名稱 屬性='值'/}

{dede:標(biāo)記名稱 屬性='值'}{/dede:標(biāo)記名稱}

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

從上面我們可以看出,dede模板引擎的代碼可以分為標(biāo)記名稱、屬性和自定義樣式模版三部分,標(biāo)記名稱和屬性用{}包圍

而自定義樣式模版在兩個(gè){}之間。

標(biāo)記名稱與屬性的說明請(qǐng)大家參考系統(tǒng)幫助里的模版標(biāo)記參考,這里介紹具體運(yùn)用方法。

先看下面的例子:

{dede:arclist typeid='0' titlelen='28' row='10' }

<li><a href='[field:arcurl/]'>[field:title/]</a></li>

{/dede:arclist}上面是最基本的取得最新內(nèi)容列表標(biāo)記arclist,由開始標(biāo)記{dede:arclist 屬性typeid='' titlelen='28' row='10' col='1'}模版樣式<li><a href='[field:arcurl/]'>[field:title/]</a></li>和結(jié)束標(biāo)記{/dede:arclist}組成。當(dāng)你完成頁面制作后,便可開始添加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>

關(guān)鍵字描述:教程 模板 < 模版 代碼 標(biāo)記 &mdash 制作 field:title/

<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標(biāo)記,友情鏈接flink標(biāo)記,導(dǎo)航channel標(biāo)記,站內(nèi)新聞mynews標(biāo)記等待都是同樣道理。

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

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

制作

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

就模版而言,很多站長(zhǎng)只看到設(shè)計(jì)即頁面好看而沒有看到網(wǎng)頁制作即網(wǎng)頁代碼,這是一個(gè)非常錯(cuò)誤的觀念。網(wǎng)頁好看雖然重要,但對(duì)我們個(gè)人站長(zhǎng)來說,網(wǎng)頁制作更為重要。網(wǎng)頁代碼的質(zhì)量關(guān)系到搜索引擎SEO與網(wǎng)站的可維護(hù)性,對(duì)我們站長(zhǎng)來說,網(wǎng)站只要簡(jiǎn)潔大方即可,關(guān)鍵是網(wǎng)站利于搜索引擎搜索能夠創(chuàng)造更多的利潤(rùn)賺更多的錢。

天下文章一大抄,就看你會(huì)不會(huì)抄,制做模版和抄寫文章一樣,就看你會(huì)不會(huì)仿。我的設(shè)計(jì)水平很爛根本不入流,只會(huì)寫網(wǎng)頁代碼。設(shè)計(jì)既然不會(huì)那就仿,取一個(gè)網(wǎng)頁那是侵權(quán),那就取三個(gè)四個(gè)網(wǎng)頁,拿出它們的設(shè)計(jì)優(yōu)點(diǎn),組合成自己的網(wǎng)站。

過程以本站為例子:規(guī)劃好網(wǎng)站結(jié)構(gòu),決定以藍(lán)綠兩種顏色為網(wǎng)頁主色調(diào),從網(wǎng)上找到合適的資源后開始在PS里組合網(wǎng)站,滿意后開始編寫代碼制作網(wǎng)頁,制作好后添加dede代碼測(cè)試。

安裝使用

dede3.1lit版本增強(qiáng)了系統(tǒng)設(shè)置,模版的所在位置可以在系統(tǒng)設(shè)置里設(shè)定,把模版文件夾放到templets,欄目設(shè)置里{style}代表了模版文件夾位置,如下圖。

實(shí)例

下面提供本站實(shí)例給大家參考使用,頁面制作并不復(fù)雜,適合大家學(xué)習(xí)使用。

總共制作了文章,圖片(采用文章系統(tǒng)),下載三個(gè)系統(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)用,且限定文章所在欄目?jī)?nèi)而不是現(xiàn)在的全站。

關(guān)鍵字描述:教程 模板 < 模版 代碼 標(biāo)記 &mdash 制作 field:title/

inc_arcpart_view.php——更改友情鏈接flink

inc_channel_unit_functions.php——調(diào)用arclist標(biāo)簽無法讀出此欄目為副欄目的文章的應(yīng)急解決方案

inc_functions.php——跳轉(zhuǎn)提示頁標(biāo)題修改

inc_vote.php——投票修改

增加的文件:

為了全站顯示登入系統(tǒng)后的狀態(tài),member目錄增加幾個(gè)文件。

index_doo.php

index_login.php

login.html

config_g.php

logined.js

templets/index_login.html

下載后放到網(wǎng)站templets,參照上面設(shè)置即可。點(diǎn)此下載

更多信息請(qǐng)查看CMS教程
易賢網(wǎng)手機(jī)網(wǎng)站地址:從零學(xué)DedeCms模板教程
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請(qǐng)考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!
相關(guān)閱讀CMS教程

2025國(guó)考·省考課程試聽報(bào)名

  • 報(bào)班類型
  • 姓名
  • 手機(jī)號(hào)
  • 驗(yàn)證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡(jiǎn)要咨詢 | 簡(jiǎn)要咨詢須知 | 加入群交流 | 手機(jī)站點(diǎn) | 投訴建議
工業(yè)和信息化部備案號(hào):滇ICP備2023014141號(hào)-1 云南省教育廳備案號(hào):云教ICP備0901021 滇公網(wǎng)安備53010202001879號(hào) 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號(hào)
云南網(wǎng)警備案專用圖標(biāo)
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號(hào):hfpxwx
咨詢QQ:526150442(9:00—18:00)版權(quán)所有:易賢網(wǎng)
云南網(wǎng)警報(bào)警專用圖標(biāo)