WIKI使用導(dǎo)航
站長百科導(dǎo)航
站長專題
- 網(wǎng)站推廣
- 網(wǎng)站程序
- 網(wǎng)站賺錢
- 虛擬主機
- cPanel
- 網(wǎng)址導(dǎo)航專題
- 云計算
- 微博營銷
- 虛擬主機管理系統(tǒng)
- 開放平臺
- WIKI程序與應(yīng)用
- 美國十大主機
KesionCMS V8/函數(shù)標簽實現(xiàn)新聞列表
KesionCMS V8| 安裝| 使用|FAQ |
為了標簽更好的管理,首先我們要先建個目錄進行管理。點擊標簽->標簽管理->添加目錄,在彈出的對話框中選擇標簽?zāi)夸浰鶎俚哪夸?,自己命名標簽?zāi)夸浀拿Q,主要是為了方便管理標簽,以后要找標簽比較方便查找。比如我們是為了講解標簽而用的標簽則命為標簽教程。如果做網(wǎng)站過程中有文章,圖片功能,可以分為文章標簽,圖片標簽。如下圖:
點擊“確定”按鈕添加成功。
接下來,我們就可以開始建標簽了。
首先,我們來看文章列表是通過什么標簽來實現(xiàn)的,如下圖:
這種效果我們在網(wǎng)頁中是最常見的。
做成html模板格式如下:
<div class="gn_news"> <ul> <li><a target="_blank" href="#">報告稱農(nóng)民鮮有仇富心理 尊嚴感或繼續(xù)下降</a></li> <li><a target="_blank" href="#">我國艾滋感染者和病人約78萬 6成感染者不知情</a></li> <li><a target="_blank" href="#">湖南大學(xué)新任校長:任內(nèi)不報課題不帶研究生</a></li> <li><a target="_blank" href="#">江西新余一家私營煤礦礦筒墜井致6人遇難</a></li> <li><a target="_blank" href="#">廣東惠州貨柜車斷裂分體墜入京九線 致2人受傷</a></li> <li><a target="_blank" href="#">廣西百萬飲水工程成擺設(shè) 不到一個月便斷水</a></li> </ul> </div>
即我們要把灰色背景中的內(nèi)容通過調(diào)用標簽來實現(xiàn)。那么如何來建標簽,通過標簽來實現(xiàn)呢,接下來我們講下標簽的創(chuàng)建方法。
首先,我們后臺添加國內(nèi)這個欄目,然后在這個欄目下添加文章。我們新建萬能列表標簽來調(diào)用。
點擊系統(tǒng)函數(shù)標簽 –>萬能列表創(chuàng)建新標簽,標簽名稱自己命名,主要為了好區(qū)分好管理。我們調(diào)用的是國內(nèi)新聞,所以我們?nèi)∶麨閲鴥?nèi)新聞列表,標簽?zāi)夸浖次覀儎偛沤ǖ臉撕灲坛?。選擇范圍即要選擇系統(tǒng)的模型,我們是要調(diào)用國內(nèi)新聞下面的文章,所以我們選擇文章系統(tǒng)國內(nèi)新聞欄目。排序方法可以根據(jù)需要選擇,有這么多種可以選擇,如下圖:
屬性控制即是否調(diào)用的是推薦,滾動,頭條,熱門等屬性的文章,我們根據(jù)需要設(shè)置,如果調(diào)用的是最新文章則都不需要打勾。文檔數(shù)量比如輸入10即調(diào)用最新添加的10條新聞。標簽字數(shù)如30即調(diào)用15個漢字。輸出格式也有多種可以選擇,可根據(jù)需要進行選擇。一般如果懂自定義建議選擇自定義樣式輸出,更加靈活。如下圖:
日期格式也有非常多種可以選擇,根據(jù)網(wǎng)站的需要選擇是否調(diào)用日期。如果不調(diào)用則這邊不選擇,標簽循環(huán)體中不調(diào)用日期字段;如果需要調(diào)用日期則要選擇一個日期格式,然后在標簽循環(huán)體中調(diào)用日期的字段。如下圖:
指定地區(qū)看文章是否要調(diào)用各分地區(qū)的,如果不用則不選擇。前提是添加文章的時候也有指定所屬地區(qū)。
簡介字數(shù)即當(dāng)我們要調(diào)用有帶文章簡介內(nèi)容時需要設(shè)置的字符數(shù),在循環(huán)體中調(diào)用簡介字段,文章系統(tǒng)會自動提取文章的前200個字作為簡介。調(diào)用簡介效果如下圖:
最后就是我們選擇自定義輸出樣式的標簽循環(huán)體,我們可以根據(jù)需要選擇要輸出的字段,上面我們要實現(xiàn)的國內(nèi)新聞只需要顯示文章鏈接及文章標題。所以我們的循環(huán)體只需要這樣寫:
[loop={@num}] <li><a href="{@linkurl}" target="_blank">{@title}</a></li> [/loop]
所以參數(shù)設(shè)置后如下圖:
點擊確定增加按鈕保存標簽。
再返回到模板里面, 我們找到國內(nèi)這個欄目,找到這段代碼,如下:
<div class="gn_news"> <ul> <li><a target="_blank" href="#">報告稱農(nóng)民鮮有仇富心理 尊嚴感或繼續(xù)下降</a></li> <li><a target="_blank" href="#">我國艾滋感染者和病人約78萬 6成感染者不知情</a></li> <li><a target="_blank" href="#">湖南大學(xué)新任校長:任內(nèi)不報課題不帶研究生</a></li> <li><a target="_blank" href="#">江西新余一家私營煤礦礦筒墜井致6人遇難</a></li> <li><a target="_blank" href="#">廣東惠州貨柜車斷裂分體墜入京九線 致2人受傷</a></li> <li><a target="_blank" href="#">廣西百萬飲水工程成擺設(shè) 不到一個月便斷水</a></li> </ul> </div>
將其替換為:
<div class="gn_news"> <ul> {LB_國內(nèi)新聞列表} </ul> </div>
這時刷新前臺模板,可能我們看到的效果我們要的最終效果不同,比如沒有行距控制,沒有前面的小圖標,沒有自己希望的這種文字顏色。如下圖所示:
所以要達到我們的要求,就需要通過控制CSS樣式,打開模板看調(diào)用的是哪個樣式表,在樣式表中加入以下這些樣式:
.gn_news{} .gn_news ul{padding:8px;} .gn_news li{height:30px;line-height:30px;background:url(dot.jpg) no-repeat 0px 8px;padding-left:10px;} .gn_news a{color:#369; font-size:14px;} .gn_news a:hover{color:#ff3300; text-decoration:none;}
再刷新前臺模板,我們的效果就可以出來了。如下圖:
參考來源[ ]
KesionCMS V7使用手冊導(dǎo)航 | ||||||
---|---|---|---|---|---|---|
|