通過學(xué)習(xí)路線圖,零基礎(chǔ)學(xué)習(xí)專業(yè)網(wǎng)頁設(shè)計(jì)、小程序UI設(shè)計(jì)技巧,成就網(wǎng)頁設(shè)計(jì)高手。
此教程將分為三步完成CMS1.0的功能使用:分別是文章編輯發(fā)布、文章列表頁的綁定、文章詳情頁的綁定。學(xué)習(xí)它,你將學(xué)會(huì)學(xué)習(xí)如何通過意派Coolsite360后臺(tái)內(nèi)容管理模塊,來編寫發(fā)布內(nèi)容、完成博客、新聞等動(dòng)態(tài)內(nèi)容發(fā)布。
文章制作發(fā)布
1.首先在返回工作臺(tái),在左側(cè)導(dǎo)航欄找到內(nèi)容管理。
2.鼠標(biāo)懸停在all分組上點(diǎn)擊新建分類的可創(chuàng)建新的分組(綁定后顯示是分組里的文章)。這里分組默認(rèn)用all。
3.點(diǎn)擊創(chuàng)建新內(nèi)容可創(chuàng)建一篇未發(fā)布的文章。
4.鼠標(biāo)移動(dòng)文章列表上,點(diǎn)擊編輯按鈕可進(jìn)入文本編輯器。下圖CMS1-2。
CMS1.0的文本編輯器如下圖:
4.編輯好文章后點(diǎn)擊右下角保存按鈕。
5.對(duì)文章進(jìn)行發(fā)布即可。
文章列表頁的綁定
1.在編輯器內(nèi)左側(cè)功能模塊找到支持CMS1.0的組件。這里以文章列表-兩欄為例 。
2.在CMS模塊的菜單欄點(diǎn)擊數(shù)據(jù)綁定按鈕,在右側(cè)面板的添加內(nèi)容源選擇在工作臺(tái)制作好的文章分組——all.
3.這時(shí)保存預(yù)覽看看效果。(預(yù)覽才能生效)。
4.如果顯示結(jié)果是工作臺(tái)的文章列表標(biāo)題封面就綁定成功了。 文章詳情頁的綁定
上面只是綁定了文章的封面、標(biāo)題等。下面給大家介紹怎么點(diǎn)擊上面的封面、標(biāo)題能夠詳細(xì)展示文章的一個(gè)頁面。
1.在編輯器的左側(cè)面板找到頁面,點(diǎn)擊后選擇添加新頁面新建命名,如:頁面2。
2.在左側(cè)功能模塊找到CMS1.0所用的文章詳細(xì)頁模版,選擇插入到頁面2中。
3.返回index頁面中設(shè)置綁定,對(duì)剛才已經(jīng)綁定數(shù)據(jù)的文章列表-兩欄組件再綁定詳細(xì)頁,在右側(cè)面板的綁定內(nèi)容模版選擇內(nèi)容模版頁面2。
4.保存后預(yù)覽如下所示:
以上就完成CMS1.0的使用流程,你只需要在工作臺(tái)編輯發(fā)布文章,就可以在網(wǎng)站上實(shí)時(shí)看見啦!以下是CMS1.0的視頻配套教程。方便大家學(xué)習(xí)和參考。
http://m.hupochang.cn/resources/coursecontent/5a0b11a36c85695735fe407c/
意派-Coolsite360 | 網(wǎng)頁設(shè)計(jì)工具
意派Coolsite360-響應(yīng)式網(wǎng)站_自助建站_微信小程序 設(shè)計(jì)制作工具意派-Epub360 | H5頁面制作工具
意派?Epub360-專業(yè)H5頁面在線設(shè)計(jì)制作工具,H5微信邀請(qǐng)函制作軟件