- 掛牌上市企業(yè)
- 60秒人工響應(yīng)
- 99.99%連通率
- 7*24h人工
- 故障100倍補(bǔ)償
dedecms實現(xiàn)首頁模板的新聞顯示與產(chǎn)品案例 |
| 發(fā)布時間: 2012/9/17 15:00:30 |
上一節(jié)我們講到了用Dede建企業(yè)站的公司簡介和聯(lián)系我們這兩個單頁的模板制作，前面也講了Dede標(biāo)簽，那么，今天，北京SEO（www.53seo.net）來講解企業(yè)站首頁的制作。 其實企業(yè)站的首頁很簡單的，要實現(xiàn)代Dede代碼調(diào)用的地方一般只有三個（當(dāng)然，你也可加更多，但比較重要的而言，這三個是必需要的），新聞模塊，案例展示模塊（也就是顯示圖片集塊），還有一個就是對SEO有利和友情鏈接模塊了！ 首先，寫好你的html的首頁 table與div+css的均可（要弄清楚哪里是放新聞的，哪里是放產(chǎn)品案例展示，哪里是放友情鏈接的，也就是我們通常說的html模板）如下圖： 如上圖，大家都看到了這個網(wǎng)站的布局，那么到底是如何實現(xiàn)的呢？接下來，為大家揭開Dede標(biāo)簽的神秘面紗~先來看企業(yè)新聞，在后臺的設(shè)置是： 點擊增加頂級欄目： 以上是企業(yè)新聞的常規(guī)目錄的設(shè)置方法，再看高級選項的設(shè)置： 這里我就提一下，下一節(jié)課要講到這里的，這里只是為了方便講解首頁調(diào)用新聞內(nèi)容，好了，都設(shè)置完了，我們再回到前面來看企業(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> <A[Y)I~](ZC9Z[3Y)IDK7LK.gif) > {/dede:arclist}</ul></div>上面的代碼注意到了吧，前面我們提到過，{dede:arclist row=7 typeid=’4′ titlelen=’45′}這個用到的就是文章列表標(biāo)簽，其中，row=7：新聞只顯示7條；typeid=’4′：調(diào)用ID標(biāo)識為4的內(nèi)容，不知道你注意到?jīng)]有，前面截圖的時候 把我那個企業(yè)新聞那里的[ID:4]打了個圈的，這個時候就用到了，titlelen=’45′:標(biāo)題顯示有長度 然后顯示標(biāo)題標(biāo)簽（<a href=”[field:arcurl/]“>[field:title/]..</a>）時間標(biāo)簽（[field:pubdate function='strftime("%Y-%m-%d",@me)'/]）時間顯示的樣式為：年-月-日這里在首頁調(diào)用的企業(yè)新聞模塊基本就完成了，另一個技術(shù)動態(tài)模塊與這個是一樣的 到時候改一下 typeid就行了~我們再來看案例展示這一塊的代碼，貼出如下：<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)識ID為2和3里面的內(nèi)容Row=4：只顯示4張圖片，如上圖效果Orderby=pubdate：根據(jù)時間來排序 最新排在最前面Imgwidth,imgheight:分別為圖片的寬與高<a href=”[field:arcurl/]“>[field:image/]<span>[field:title/]</span></a>顯示圖片并且?guī)宵c擊進(jìn)入詳細(xì)說明的鏈接。簡單吧，最后，就是友情鏈接了，這個簡單了{(lán)dede:flink linktype=’2′ row=’60′/}：linktype=’2′為文字鏈接，1為圖片鏈接。Row=’60′,最多只顯示60條。好啦！今天的教程就到這里了，不是很多，但貴在簡潔，簡單，學(xué)會了吧，做企業(yè)站也不是很難的，呵呵，北京SEO下一期更精彩，期待你的到來~本文出自：億恩科技【www.artduck.net】 服務(wù)器租用/服務(wù)器托管中國五強(qiáng)！虛擬主機(jī)域名注冊頂級提供商！15年品質(zhì)保障！--億恩科技[ENKJ.COM] |
0371-60135900
京公網(wǎng)安備41019702002023號
香港服務(wù)器租用
美國服務(wù)器租用
電信骨干機(jī)房
聯(lián)通骨干機(jī)房
