詳細(xì)信息
當(dāng)前位置: 首頁> 詳細(xì)信息
Design Lab |【博客系統(tǒng)】如何設(shè)計(jì)文章頁面以及部署文章列表
專欄:Design Lab
發(fā)布日期:2020-02-25
閱讀量:5126
作者:今科科技

愛用建站博客系統(tǒng)
愛用建站文章管理功能升級,文章管理已遷移至【博客系統(tǒng)】管理
在博客系統(tǒng)中保存的文章/博客/新聞將會同步更新到手機(jī)網(wǎng)站和PC網(wǎng)站,以下為博客系統(tǒng)文章網(wǎng)站部署教程

Design Lab:PC端教程
博客內(nèi)容部署
1、點(diǎn)擊首頁菜單欄【智能網(wǎng)站】-【Design Lab】,進(jìn)入PC可視化設(shè)計(jì)器



2、點(diǎn)擊上方欄目【Page】-【新聞詳情】

1546932543461027526.png


3、點(diǎn)擊【模塊】-【博客】,拖曳【博客內(nèi)容】組件至相應(yīng)位置

1546935750772047206.png


4、點(diǎn)擊右鍵【編輯模塊】

1546932528518031786.png


5、編輯【基本設(shè)置】以及【分享設(shè)置】,點(diǎn)擊【確定】

1546932544036035940.png


6、也可點(diǎn)擊【編輯樣式】,設(shè)置樣式的常規(guī)和內(nèi)容

1546932528914010579.png

1546933177586080978.png


博客內(nèi)容部署即大功告成,通過任意方式打開的文章詳情都將以此樣式呈現(xiàn)給訪客,下面為文章在網(wǎng)站中設(shè)置入口


博客列表部署
1、將【博客列表】組件拖入任意頁面

1546936007412073780.png


2、點(diǎn)擊右鍵【編輯模塊】,編輯博客列表的常規(guī)以及展示設(shè)置。

1546936631475071707.png


3、選擇指定頁面,點(diǎn)擊【設(shè)置鏈接】,或點(diǎn)擊右上欄【Page】-【+添加頁面】添加新頁面,開啟【自定義鏈接】,點(diǎn)擊【站內(nèi)鏈接】選取對應(yīng)文章分類。

1546932546150031329.png

1546932531399042996.png

Tips:編輯器可設(shè)置文章列表以及文章詳情頁面超鏈接

Design Lab:移動端教程
1.PC端登陸愛用建站【
登陸入口】,點(diǎn)擊【智能網(wǎng)站】-【Design Lab】。

1554118132570014613.png

2.進(jìn)入后臺選擇左上角的【移動端】進(jìn)入。

1542435727366009511.jpg


3.選擇【模塊】,單擊【基礎(chǔ)】,將【文章列表】拉進(jìn)移動端布局頁面。

1542437846175045064.jpg


右鍵單擊選擇【編輯模塊】。

1542437846437010794.jpg

4.【常規(guī)】中可以設(shè)置模塊樣式和文章列表。

1542437845979072246.jpg

5.在【展示設(shè)置】里設(shè)置分頁展示、篇數(shù)及文字。

1542437847699092307.jpg



上一頁:Design Lab丨如何新增導(dǎo)航欄目和子欄目(頁面)及管理
下一頁:Design Lab |【SEO】 如何設(shè)置網(wǎng)站favicon?

本文由今科科技用戶上傳并發(fā)布,今科科技僅提供信息發(fā)布平臺。文章代表作者個(gè)人觀點(diǎn),不代表今科科技立場。未經(jīng)作者許可,不得轉(zhuǎn)載,有涉嫌抄襲的內(nèi)容,請通過 反饋中心 進(jìn)行舉報(bào)。


售前咨詢:0760-2332 0168  
售后客服:400  830  7686



1998~2024,今科26年專注于企業(yè)信息化服務(wù)

立 即 注 冊 / 咨 詢
上 線 您 的 網(wǎng) 站 !