活動(dòng)背景

小寶與他的團(tuán)隊(duì)打算在店鋪首頁(yè)通過(guò)添加布局單元來(lái)完善首頁(yè)的功能，例如添加公告區(qū)、熱銷(xiāo)寶貝展區(qū)、客服中心、寶貝分類(lèi)以及寶貝搜索等。

添加布局單元是指在店鋪裝修時(shí)，可以添加單欄和兩欄以及不同分欄方式的布局。

活動(dòng)實(shí)施

1．編輯布局管理

在店鋪裝修之前，小寶和他的團(tuán)隊(duì)使用Photoshop軟件完成了店鋪首頁(yè)的設(shè)計(jì)。根據(jù)設(shè)計(jì)圖，小寶和他的團(tuán)隊(duì)對(duì)店鋪的首頁(yè)布局進(jìn)行了修改，在首頁(yè)添加公告區(qū)，如圖2．2．1所示。

圖2．2．1

進(jìn)入店鋪裝修后臺(tái)，點(diǎn)擊“布局管理”，進(jìn)入“布局管理”頁(yè)面，如圖2．2．2所示。

2．添加布局單元

（1）選擇“頁(yè)面管理”菜單下需要修改的頁(yè)面，點(diǎn)擊“布局管理”，如圖2．2．3所示。不同的頁(yè)面，可以根據(jù)店鋪的需求來(lái)設(shè)置不同的布局結(jié)構(gòu)。

（2）點(diǎn)擊“添加布局單元”，如圖2．2．4所示。

圖2．2．2

圖2．2．3

圖2．2．4

（3）選擇需要的布局結(jié)構(gòu)。在布局結(jié)構(gòu)中，按照分欄方式以及各個(gè)分欄中模塊的比例，一共有6種選擇方式。在選擇的過(guò)程中，可以根據(jù)店鋪所需模塊的比例大小選擇對(duì)應(yīng)的布局結(jié)構(gòu)。這里小寶選擇了寬度為950像素的布局結(jié)構(gòu)，打算讓公告區(qū)可以全屏顯示，如圖2．2．5所示。

圖2．2．5

（4）調(diào)整布局單元的位置。鼠標(biāo)左擊新添加的布局單元右側(cè)的“十字箭頭”，按住鼠標(biāo)左鍵不放可以拖動(dòng)布局單元。按住箭頭，將該布局單元拖拉到導(dǎo)航下方，如圖2．2．6所示。

圖2．2．6

（5）添加成功后點(diǎn)擊“保存”按鈕。

活動(dòng)評(píng)價(jià)

小寶與他的團(tuán)隊(duì)在首頁(yè)添加布局單元時(shí)，發(fā)現(xiàn)布局單元的大小要符合店鋪的風(fēng)格，以避免新添加的單元與店鋪布局結(jié)構(gòu)不協(xié)調(diào)。并且在操作的過(guò)程中，小寶能夠細(xì)心地發(fā)現(xiàn)，一個(gè)裝修頁(yè)面中，最多只能添加5個(gè)布局單元。在進(jìn)行網(wǎng)店裝修的過(guò)程中，小寶和他的團(tuán)隊(duì)不僅學(xué)會(huì)了店鋪裝修技能，還學(xué)會(huì)了舉一反三的技巧。