一、使用“欄目導航”模塊可以實現什么效果？
一個欄目對應一個頁面，使用欄目導航，可實現：點擊左側的欄目，頁面右側出現相應內容的效果，如下圖。
二、如何使用“欄目導航”模塊？
2.1、進入電腦版網站設計頁面后，在需要添加“欄目導航”模塊的頁面中，點擊添加“欄目導航”模塊。
2.2、在彈窗內，點擊“添加欄目”。（欄目類型選擇“默認”，代表新增一個空白頁面）
本教程以在“聯(lián)系我們”頁面中分別顯示“公司電話、公司郵箱、公司地址”三種聯(lián)系方式，那么
1、進入網站設計頁面，在對應頁面的添加“欄目導航”模塊。例如，我現在想在“聯(lián)系我們”的頁面中分別顯示“公司電話、公司郵箱、公司地址”三種聯(lián)系方式，那么我就得現在“聯(lián)系我們”頁面下添加一個“欄目導航”模塊。
2、在“欄目導航”模塊上新增欄目。（欄目類型選擇“默認”，代表新增一個空白頁面）
3、將“欄目導航”模塊添加到指定頁面（即剛才在模塊上新增的3個頁面），鼠標懸停在“欄目導航”模塊上按“右鍵”即可看到“加到指定欄目”選項。在彈出來的菜單中，鼠標“左鍵”選擇剛才新增的3個欄目，點擊“添加”按鈕，保存。（由于“公司電話、公司郵箱、公司地址”三個欄目代表三個空白頁面，目前我們是在“聯(lián)系我們”頁面下添加了“欄目導航”，因此要將“欄目導航”分別添加到這三個頁面下，才能在這三個頁面都顯示“欄目導航”。）
4、點擊頁面左側的“樣式”按鈕，點擊“樣式設置”下的“版式”，選擇顯示“區(qū)域1和區(qū)域2（如圖）”。
將“欄目導航”模塊拖動到左側，然后點擊相應的欄目，在相應頁面的右側添加內容即可。（例如，這里需要分別點擊“公司電話、公司郵箱、公司地址”，在這三個頁面的右側分別添加“文字模塊、文字模塊、在線地圖模塊”，才能達到點擊左側的標題，右邊出現相應內容的效果。）
完成后的效果如下，點擊左側的標題，右側能出現相應內容。
類似的效果還可以通過以下方法達到：
