欄目導(dǎo)航模塊介紹

一、功能效果

利用“欄目導(dǎo)航”模塊可以達(dá)到點(diǎn)擊左邊的欄目，頁(yè)面右邊出現(xiàn)相應(yīng)的內(nèi)容的效果。

點(diǎn)擊下圖可訪問(wèn)示例網(wǎng)站測(cè)試效果。

二、功能說(shuō)明

【版本】無(wú)版本限制

【注意】?jī)H標(biāo)準(zhǔn)模板電腦網(wǎng)站支持添加

三、設(shè)置教程

1. 新增欄目導(dǎo)航模塊

進(jìn)入電腦網(wǎng)站設(shè)計(jì)頁(yè)面，在左側(cè)導(dǎo)航欄點(diǎn)擊【模塊-新增模塊-基礎(chǔ)】，添加【欄目導(dǎo)航】模塊。

2. 新增欄目

在【欄目導(dǎo)航】模塊上新增欄目。（欄目類型選擇“默認(rèn)”，代表新增一個(gè)空白頁(yè)面）。

3. 完成模塊信息

如需展示公司電話、郵箱、地址等，則分別添加這三個(gè)信息的欄目并設(shè)置顯示。添加完成后點(diǎn)擊保存。

4. 設(shè)置版式

點(diǎn)擊頁(yè)面左側(cè)導(dǎo)航的【樣式-版式】，選擇顯示“區(qū)域1和區(qū)域2”，綠色則代表已選中顯示。

5. 加到指定欄目

首次添加了欄目導(dǎo)航到左側(cè)后，鼠標(biāo)右鍵欄目導(dǎo)航，選擇【加到指定欄目】，在彈窗中將要展示出來(lái)的欄目選中添加到右框欄目中。

注意：如果未設(shè)置欄目導(dǎo)航【加到指定欄目】，點(diǎn)擊任意欄目進(jìn)入的頁(yè)面顯示是空白的，沒(méi)有左側(cè)的欄目導(dǎo)航。如下圖：

此時(shí)可返回添加【欄目導(dǎo)航】模塊的頁(yè)面，將【欄目導(dǎo)航】模塊右鍵點(diǎn)擊加到指定欄目（詳見(jiàn)步驟5）

或點(diǎn)擊左側(cè)【添加模塊】新增【欄目導(dǎo)航】模塊，并將已添加過(guò)的欄目設(shè)置顯示。如下圖：

6. 為欄目導(dǎo)航添加內(nèi)容

點(diǎn)擊欄目導(dǎo)航中相應(yīng)的欄目，在頁(yè)面的右側(cè)添加想要展示的內(nèi)容。

（例如，頁(yè)面左側(cè)需要分別點(diǎn)擊“公司電話、公司郵箱、公司地址”，在這三個(gè)頁(yè)面的右側(cè)分別添加“文字模塊、文字模塊、在線地圖模塊”，即可實(shí)現(xiàn)點(diǎn)擊左側(cè)的標(biāo)題，右邊出現(xiàn)相應(yīng)內(nèi)容的效果。）

7. 完成效果

完成后的效果如下，點(diǎn)擊左側(cè)的標(biāo)題，右側(cè)能出現(xiàn)相應(yīng)內(nèi)容，您還可以給模塊設(shè)置好看的樣式和動(dòng)畫，讓模塊與您的網(wǎng)站設(shè)計(jì)效果更加貼合。

四、常見(jiàn)問(wèn)題

Q：為什么我點(diǎn)擊導(dǎo)航欄目進(jìn)入后右側(cè)沒(méi)有添加模塊的按鈕？

A：在右側(cè)導(dǎo)航點(diǎn)擊【樣式-版式】，再次勾選版式1和2即可。