此教程將分為三步介紹CMS2.0的功能使用：分別是文章內(nèi)容的制作發(fā)布、 文章列表頁(yè)的綁定、內(nèi)容詳情頁(yè)的綁定頁(yè)。你將學(xué)會(huì)如何通過(guò)Coolsite360后臺(tái)內(nèi)容管理模塊編寫內(nèi)容、完成博客、新聞等動(dòng)態(tài)內(nèi)容發(fā)布。

文章內(nèi)容的制作發(fā)布

1.首先返回工作臺(tái)，在左側(cè)導(dǎo)航欄找到內(nèi)容管理2.0。鼠標(biāo)懸停在all分組上點(diǎn)擊新建分類可創(chuàng)建新的分組（綁定后顯示是分組里的文章），這里分組默認(rèn)用all。點(diǎn)擊創(chuàng)建新內(nèi)容可創(chuàng)建一篇未發(fā)布的文章。

2.點(diǎn)擊新增內(nèi)容源，定義需要綁定的內(nèi)容結(jié)構(gòu)。 

3.點(diǎn)擊添加字段選擇需要定義的字段類型。

4.鼠標(biāo)移動(dòng)文章列表上，點(diǎn)擊編輯按鈕可進(jìn)入文本編輯器。CMS2.0的文本編輯器如下圖：相比1.0版本內(nèi)容結(jié)構(gòu)增加了很多類型字段并且這些字段都能綁定。1.0版本這些字段不能綁定。 

5.編輯好文章后點(diǎn)擊右下角保存按鈕。

6.對(duì)文章進(jìn)行發(fā)布即可。 

 文章列表頁(yè)的綁定

1.在編輯器內(nèi)左側(cè)功能模塊找到支持CMS1.0的組件（注意CMS1.0組件可以升級(jí)轉(zhuǎn)換為2.0的組件，但是2.0組件不能轉(zhuǎn)化為1.0的組件，兩者不可逆）。這里以插入支持CMS1.0的組件文章列表-兩欄為例 。 

2.在CMS模塊的菜單欄點(diǎn)擊數(shù)據(jù)綁定按鈕，右側(cè)面板點(diǎn)擊升級(jí)為CMS2.0組件。 

3.升級(jí)后配置面板出現(xiàn)很多配置項(xiàng)，（這相對(duì)1.0版本具有更多的功能及實(shí)用性）。

4.首先綁定數(shù)據(jù)，選擇綁定數(shù)據(jù)下的數(shù)據(jù)類型（對(duì)應(yīng)工作臺(tái)建立的內(nèi)容結(jié)構(gòu)表），這里以文章為例。

5.選擇綁定文章后，里面的每一項(xiàng)已經(jīng)默認(rèn)綁定了，如果需要綁定不同的項(xiàng)可以在右側(cè)的下拉菜單選擇不同的綁定源。注意綁定數(shù)據(jù)類型必須一致。比如：文本類型不能綁定圖片類型。

6.綁定好后保存預(yù)覽。顯示結(jié)果是工作臺(tái)的文章列表標(biāo)題封面就綁定成功了。

 內(nèi)容詳情頁(yè)的綁定

 上面只是綁定了文章的封面、標(biāo)題等。下面給大家介紹怎么點(diǎn)擊封面、標(biāo)題能夠跳轉(zhuǎn)詳細(xì)展示文章頁(yè)面。

1.在編輯器的左側(cè)面板找到頁(yè)面，點(diǎn)擊后選擇添加CMS內(nèi)容模版頁(yè)新建命名，如：頁(yè)面1。

2.在左側(cè)功能模塊找到CMS1.0文章詳細(xì)頁(yè)模版，選擇插入到頁(yè)面中。

3.在CMS模塊的菜單欄點(diǎn)擊數(shù)據(jù)綁定按鈕，右側(cè)面板點(diǎn)擊升級(jí)為CMS2.0組件（詳細(xì)頁(yè)也要升級(jí)，否則會(huì)綁定失敗）。 

4.升級(jí)完成后配置綁定項(xiàng)。

5.這時(shí)返回index頁(yè)面中設(shè)置綁定，對(duì)文章列表-兩欄組件綁定詳細(xì)頁(yè)，在右側(cè)面板的鏈接面板設(shè)置頁(yè)面1（詳細(xì)頁(yè)）鏈接項(xiàng)進(jìn)行綁定。

6.鏈接塊選擇詳頁(yè)，其他鏈接類型以后在探討。

7.內(nèi)容模版頁(yè)選擇添加的頁(yè)面1（詳細(xì)頁(yè)）綁定。

8.每一鏈接項(xiàng)分別對(duì)應(yīng)綁定。

4.保存后預(yù)覽如下所示：

 以上就完成CMS2.0的綁定數(shù)據(jù)流程，你只需要在工作臺(tái)編輯發(fā)布文章，就可以在網(wǎng)站上實(shí)時(shí)看見(jiàn)啦！更多CMS2.0的用法我們?cè)诤竺娴慕坛淘谡務(wù)摚韵率荂MS2.0的視頻配套教程。方便大家學(xué)習(xí)和參考。

http://www.hupochang.cn/resources/coursecontent/5a0b11a36c85695735fe407c/