如何用科訊 v6.x全站專題管理打造60周年慶專題(2)_建站經(jīng)驗(yàn)教程
推薦:揭秘如何利用吸引眼球的內(nèi)容裝飾你的在線購物頁面根據(jù)英國互動媒體零售集團(tuán)和凱捷咨詢公司的估計(jì),在2008年的第四季度,英國的顧客在網(wǎng)上購物上花了131.6億歐元。這比2007年的同期增長了15%。另一方面,2007年9月市場調(diào)研和咨詢顧問公司丘比特研究公司(Jupiter Research)的數(shù)據(jù)顯示,在接受調(diào)查的1179名
接下來,就是添加專題了,如下圖,國內(nèi)專題,國際專題下面的專題列表就是我們要添加的專題

點(diǎn)擊“添加專題”,選擇專題所屬分類,輸入專題名稱,綁定模板,如下圖:

點(diǎn)擊“確定增加”按鈕,添加專題完成。
下面就是要到欄目管理里面,在新聞頻道,國內(nèi)新聞,國際新聞中添加新聞(專題內(nèi)容)了,如下圖

就是添加文章,然后把文章加入專題,如下圖,把屬于印尼地震相關(guān)的加入到這個專題

點(diǎn)擊加入專題后,我們可以到專題管理下點(diǎn)擊查看或者點(diǎn)擊專題名稱預(yù)覽專題下的文檔

下面的工作就是建標(biāo)簽調(diào)用了
點(diǎn)擊標(biāo)簽—新建標(biāo)簽,選擇專題標(biāo)簽,下拉選擇“循環(huán)顯示分類專題標(biāo)簽”,標(biāo)簽名稱自己命名如循環(huán)頻道專題匯總,欄目輸出格式,分table輸出,可以按需求設(shè)置分欄,欄目導(dǎo)航圖片,可以設(shè)置專題顯示樣式,有5種樣式供選擇,如下圖:

我們還提供了div自定義樣式,用戶可以根據(jù)自己需求寫樣式控制,如下圖:

標(biāo)簽添加完成,就是在模板中放入建好的標(biāo)簽,打開科汛系統(tǒng)目錄下的template,找到專題模板,用dreamweaver工具打開編輯專題首頁模板.html, 在模板中要顯示循環(huán)專題列表位置插入剛才新建的標(biāo)簽,代碼如下:
| <table width="960" border="0" align="center" cellpadding="0" cellspacing="0" style="margin-top:8px" > <tr> <td>{LB_循環(huán)頻道專題匯總}</td> </tr> </table> |
保存模板。發(fā)布專題首頁,預(yù)覽效果如下圖所示:

點(diǎn)擊“更多”進(jìn)入就是專題分頁列表頁,同樣的,新建標(biāo)簽,選擇專題標(biāo)簽--分頁顯示分類下的所有專題標(biāo)簽,我們也提供5種樣式供選擇,可以根據(jù)需求選擇,如下圖:

保存標(biāo)簽,用dw工具打開template目錄,專題模板文件夾下的專題分類頁,進(jìn)行編輯,在模板中要顯示的位置插入分頁顯示專題列表標(biāo)簽,如下所示:
| <style> .ztlist{widtH:960px; margin:0px auto; margin-top:10px;} .ztlist_tit{ background:url(/images/slh_mj_002.gif); height:26px; font-size:14px; font-weight:bold; color:#990000; padding-left:38px; line-height:26px;} .ztlist_box{ border:#FFCC33 1px solid; border-top:none;padding:8px; height:570px;} .ztlist_box img{width:160px; height:100px; padding:3px; border:#CCFF66 3px solid} .ztlist_box td{ text-align:left; padding-left:10px; line-height:25px;} .ztlist_box a:Link,.ztlist_box a:visited{ font-size:14px; font-weight:bold; color:#990000 } </style> <div class="ztlist"> <div class="ztlist_tit">{$GetSpecialClassName} </div> <div class="ztlist_box">{LB_分頁顯示專題列表}</div> </div> |
保存模板,生成專題分類頁面,最終效果圖所下圖所示:

專題首頁,專題列表頁介紹到這邊了,下面我們一起來看下專題內(nèi)容頁的管理。
點(diǎn)擊專題分類進(jìn)入瀏覽具體專題頁面。
首先,用dw打開專題頁模板編輯,我們也可以在專題頁放幻燈片,專題介紹等標(biāo)簽,代碼如下所示:
| <style> .ztbanner{widtH:950px; margin:0px auto; margin-top:10px; border:#F8E9A5 5px solid} .ztlist{widtH:960px; margin:0px auto; margin-top:10px;} .ztlist_tit{ background:url(/images/slh_mj_002.gif); height:26px; font-size:14px; font-weight:bold; color:#990000; padding-left:38px; line-height:26px;} .ztlist_box{ border:#FFCC33 1px solid; border-top:none;padding:8px; height:auto;} .ztlist_box img{width:160px; height:100px; padding:3px; border:#CCFF66 3px solid} .ztlist_box td{ text-align:left; padding-left:10px; line-height:25px;} .ztlist_box a:Link,.ztlist_box a:visited{ font-size:14px; font-weight:bold; color:#990000 } .ztlist_flash{ width:290px; height:230px; float:left; background:#FCF4E9; padding:5px; } .ztlist_intro{width:380px;float:Left; margin-left:10px;} .zt_tit{ background:url(/images/s01_mj_004.gif);height:26px;font-size:14px;font-weight:bold;color:#fff;padding-left:25px;line-height:26px;} .ztlist_nr{ border:#DE2114 3px solid;padding:5px; height:198px; font-size:14px; } .ztlist_vote{width:240px;float:right;margin-left:10px;margin-right:10px;} .ztlist_nr .vote img{border:none;width:40px;height:20px;} .ztlist_zx{width:940px;margin:0px auto;margin-top:10px;} .zt_tit{ background:url(/images/s01_mj_004.gif);height:26px;font-size:14px;font-weight:bold;color:#fff;padding-left:25px;line-height:26px;} .ztlist_xw{ border:#DE2114 3px solid;padding:5px;height:300px; font-size:14px;} .ztlist_xw .image{ padding:2px; } .ztlist_xw .image img{ width:110px;height:116px;border:#000 1px solid;} .ztlist_xw .t a{ font-size:14px; text-decoration:underline;text-align:left;padding-left:10px;} .ztlist_xw .text{ font-size:12px;line-height:25px;} </style> <div class="ztbanner">{$GetSpecialPic}</div> <div class="ztlist"> <div class="ztlist_tit">{$GetSpecialName}</div> <div class="ztlist_box"> <div class="ztlist_flash">{LB_專題幻燈}</div> <div class="ztlist_intro"> <div class="zt_tit">專題簡介</div> <div class="ztlist_nr">{$GetSpecialNote}</div> </div> <div class="ztlist_vote"> <div class="zt_tit">在線調(diào)查</div> <div class="ztlist_nr">{=GetVote(16)}</div> </div> <div class="ztlist_zx"> <div class="zt_tit">熱門資訊</div> <div class="ztlist_xw">{LB_最新資訊}</div> </div> <div class="ztlist_zx"> <div class="zt_tit">最新資訊</div> <div class="ztlist_xw">{LB_專題內(nèi)容分頁}</div> </div> </div> </div> |
保存模板,最新效果如下圖所示:

最后,就是生成專題
專題首頁發(fā)布,點(diǎn)擊“發(fā)布專題”—“發(fā)布專題首頁”按鈕,發(fā)布專題分類點(diǎn)擊發(fā)布所有專題,如果有發(fā)布過,只需發(fā)布最新添加的可以輸入專題個數(shù),發(fā)布最新上傳的幾個專題,也可以選擇專題進(jìn)行發(fā)布。如下圖:

好了,今天專題管理就為大家介紹到這邊。
分享:解析WordPress如何自定義字段我們在使用 WordPress 撰寫日志或者頁面的時候,都會在編輯框下面看到自定義字段 ( custom fields ),可能很多人都沒有關(guān)注過這個 WordPress 自定義字段到底是干什么用的?其實(shí) WordPress 自定義字段非常有用,它是對 WordPress Posts 表的一種補(bǔ)充和擴(kuò)展
- 相關(guān)鏈接:
- 教程說明:
建站經(jīng)驗(yàn)教程-如何用科訊 v6.x全站專題管理打造60周年慶專題(2)
。