文章內(nèi)容

dedecms實(shí)現(xiàn)首頁(yè)模板的新聞顯示與產(chǎn)品案例

發(fā)布時(shí)間: 2012/9/17 15:00:30

上一節(jié)我們講到了用Dede建企業(yè)站的公司簡(jiǎn)介和聯(lián)系我們這兩個(gè)單頁(yè)的模板制作，前面也講了Dede標(biāo)簽，那么，今天，北京SEO（www.53seo.net）來(lái)講解企業(yè)站首頁(yè)的制作。其實(shí)企業(yè)站的首頁(yè)很簡(jiǎn)單的，要實(shí)現(xiàn)代Dede代碼調(diào)用的地方一般只有三個(gè)（當(dāng)然，你也可加更多，但比較重要的而言，這三個(gè)是必需要的），新聞模塊，案例展示模塊（也就是顯示圖片集塊），還有一個(gè)就是對(duì)SEO有利和友情鏈接模塊了！首先，寫(xiě)好你的html的首頁(yè) table與div+css的均可（要弄清楚哪里是放新聞的，哪里是放產(chǎn)品案例展示，哪里是放友情鏈接的，也就是我們通常說(shuō)的html模板）如下圖：

如上圖，大家都看到了這個(gè)網(wǎng)站的布局，那么到底是如何實(shí)現(xiàn)的呢？接下來(lái)，為大家揭開(kāi)Dede標(biāo)簽的神秘面紗~先來(lái)看企業(yè)新聞，在后臺(tái)的設(shè)置是：

點(diǎn)擊增加頂級(jí)欄目：

以上是企業(yè)新聞的常規(guī)目錄的設(shè)置方法，再看高級(jí)選項(xiàng)的設(shè)置：

這里我就提一下，下一節(jié)課要講到這里的，這里只是為了方便講解首頁(yè)調(diào)用新聞內(nèi)容，好了，都設(shè)置完了，我們?cè)倩氐角懊鎭?lái)看企業(yè)新聞的代碼標(biāo)簽，如下：<div id=”News”> <a href=”/news/”></a> <ul> {dede:arclist row=7 typeid=’4′ titlelen=’45′} <li> <table border=”0″ cellpadding=”0″ cellspacing=”0″ width=”100%”> <tr><td width=”75%”>  <a href=”[field:arcurl/]“>[field:title/]..</a></td><td width=”25%”>[field:pubdate function='strftime("%Y-%m-%d",@me)'/]</td></tr> </table> <

> {/dede:arclist}</ul></div>上面的代碼注意到了吧，前面我們提到過(guò)，{dede:arclist row=7 typeid=’4′ titlelen=’45′}這個(gè)用到的就是文章列表標(biāo)簽，其中，row=7：新聞只顯示7條；typeid=’4′：調(diào)用ID標(biāo)識(shí)為4的內(nèi)容，不知道你注意到?jīng)]有，前面截圖的時(shí)候把我那個(gè)企業(yè)新聞那里的[ID:4]打了個(gè)圈的，這個(gè)時(shí)候就用到了，titlelen=’45′:標(biāo)題顯示有長(zhǎng)度然后顯示標(biāo)題標(biāo)簽（<a href=”[field:arcurl/]“>[field:title/]..</a>）時(shí)間標(biāo)簽（[field:pubdate function='strftime("%Y-%m-%d",@me)'/]）時(shí)間顯示的樣式為：年-月-日這里在首頁(yè)調(diào)用的企業(yè)新聞模塊基本就完成了，另一個(gè)技術(shù)動(dòng)態(tài)模塊與這個(gè)是一樣的到時(shí)候改一下 typeid就行了~我們?cè)賮?lái)看案例展示這一塊的代碼，貼出如下：<div> <ul> {dede:arclist typeid=’2,3′ row=4 orderby=pubdate imgwidth=’143′ imgheight=’106′} <li><a href=”[field:arcurl/]“>[field:image/]<span>[field:title/]</span></a><

>{/dede:arclist} </ul></div>代碼解釋：Typeid=’2,3′：調(diào)用標(biāo)識(shí)ID為2和3里面的內(nèi)容Row=4：只顯示4張圖片，如上圖效果Orderby=pubdate：根據(jù)時(shí)間來(lái)排序最新排在最前面Imgwidth,imgheight:分別為圖片的寬與高<a href=”[field:arcurl/]“>[field:image/]<span>[field:title/]</span></a>顯示圖片并且?guī)宵c(diǎn)擊進(jìn)入詳細(xì)說(shuō)明的鏈接。簡(jiǎn)單吧，最后，就是友情鏈接了，這個(gè)簡(jiǎn)單了{(lán)dede:flink linktype=’2′ row=’60′/}：linktype=’2′為文字鏈接，1為圖片鏈接。Row=’60′,最多只顯示60條。好啦！今天的教程就到這里了，不是很多，但貴在簡(jiǎn)潔，簡(jiǎn)單，學(xué)會(huì)了吧，做企業(yè)站也不是很難的，呵呵，北京SEO下一期更精彩，期待你的到來(lái)~
本文出自：億恩科技【www.ibaoshan.net】

服務(wù)器租用/服務(wù)器托管中國(guó)五強(qiáng)！虛擬主機(jī)域名注冊(cè)頂級(jí)提供商！15年品質(zhì)保障！--億恩科技[ENKJ.COM]