欄目導航模塊介紹

一、功能效果

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

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

二、功能說明

【版本】無版本限制

【注意】僅標準模板電腦網(wǎng)站支持添加

三、設置教程

1. 新增欄目導航模塊

進入電腦網(wǎng)站設計頁面，在左側(cè)導航欄點擊【模塊-新增模塊-基礎】，添加【欄目導航】模塊。

2. 新增欄目

在【欄目導航】模塊上新增欄目。（欄目類型選擇“默認”，代表新增一個空白頁面）。

3. 完成模塊信息

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

4. 設置版式

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

5. 加到指定欄目

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

注意：如果未設置欄目導航【加到指定欄目】，點擊任意欄目進入的頁面顯示是空白的，沒有左側(cè)的欄目導航。如下圖：

此時可返回添加【欄目導航】模塊的頁面，將【欄目導航】模塊右鍵點擊加到指定欄目（詳見步驟5）

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

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

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

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

7. 完成效果

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

四、常見問題

Q：為什么我點擊導航欄目進入后右側(cè)沒有添加模塊的按鈕？

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