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

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

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

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

3.點擊添加字段選擇需要定義的字段類型。

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

5.編輯好文章后點擊右下角保存按鈕。

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

 文章列表頁的綁定

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

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

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

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

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

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

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

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

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

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

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

4.升級完成后配置綁定項。

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

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

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

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

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

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

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