維看幫助中心

如何使用快速導航組件?

瀏覽數量:555     作者:本站編輯     發佈時間: 2017-02-16      來源:本站

一、如何使用快速導航組件?


快速導航組件是將多個頁面串聯起來以頁面名稱形式展示在頁面上的一個模塊,單擊頁面名稱可以跳轉到相應的頁面,方便用戶快速在多個頁面之間跳轉,頁面之間是並列關係沒有層級的區分。



二、快速導航組件主要有哪些應用場景?


快速導航組件一般添加到網站的頁腳、左側欄、右側欄等區域,支持橫向快捷導航和縱向快捷導航,根據實際的應用場景選擇合適的風格。快速導航組件的設置項中支持單個或批量添加站內頁面、外部鏈接、頁面錨點、產品分類、文章分類多種類型的頁面作為導航,可以拖動調整導航的順序。網站導航組件的風格中支持選擇多種橫嚮導航風格和縱嚮導航風格。


快速導航組件的應用案例,請參考如下:

案例1:這個案例頁腳位置的“Quick Links”是使用快速導航組件來做的(圖1);

圖1:

快速導航組件應用案例1.png


案例2:頁腳位置有一處內容是使用快速導航組件來做的,如下圖2所示:

圖2:

快速導航組件應用案例2.png



三、如何使用快速導航組件?


1、如何查看快速導航組件是否已經存在?

如果你的頁面上已經有這個組件了,就不需要再添加,直接根據需要進行相關操作就可以(具體操作見下文所述);

如果你的頁面上需要這個組件,但是還沒有添加,就需要先添加這個組件了;怎麼判斷頁面上有沒有這個組件?單擊查看如何查看某一塊內容是使用什麼組件製作的?


2、如何添加快速導航組件?

在頁面上添加組件的方法都是一樣的,單擊查看如何添加組件?

添加的組件名稱為“快速導航”,如下圖3所示:

圖3:

組件名稱.png



3、如何設置快速導航組件?


3.1 進入組件的“設置”分兩種場景

1)此組件已經添加好的場景:進入所有這類組件設置項方法都是一樣的,可以參考這個攻略:如何進入組件的設置項?

2)新添加的組件的場景:在添加此組件時會彈出這個組件的的設置話框。


3.2在組件的設置中可以設置組件展示的內容

組件標題:若需要可以輸入組件標題,若不輸入,組件標題也不顯示,也不會佔位(圖4);

導航列表:即此組件展示的內容,單擊右上角的“批量添加導航”按鈕可以把內容添加上來,支持添加的導航類型有:站內頁面、外部鏈接、頁面錨點、產品分類、文章分類(詳細介紹見下文);

修改導航名稱:支持修改導航名稱,單擊導航即可修改(圖4);

新窗口打開導航:支持設置在新窗口中打開導航(圖4);

nofollow標籤:nofollow是HTML頁面中a標籤的屬性值,將\"nofollow\"放在超鏈接中,告訴搜索引擎不要抓取此鏈接(主要適用於添加的外部鏈接,避免本網站權重流失,其它導航類型不用使用此功能)。勾選了“nofollow”後,系統會自動在該a鏈接上增加rel=\"nofollow\" 這個屬性(圖4);

刪除:不需要的導航,直接單擊導航後面“刪除”按鈕即可(圖4);

圖4:

內容.jpg


單擊上圖4中“批量添加導航”,彈出可添加的內容,支持添加的導航類型有:站內頁面、外部鏈接、頁面錨點、產品分類、文章分類,詳細內容如下:

站內頁面即此網站的一個頁面,這裡會把除“內容”中生成的頁面(見圖6)以外的所有頁面都列出來(例如產品分類、產品詳情、文章分類、文章詳情、下載分類、FAQ分類)供選擇使用,比如產品中心、聯繫我們、新聞動態等,拖動下圖5所示的滾動條可展示更多站內頁面;

圖5:

站內頁面.jpg


圖6:

內容中生成的頁面.jpg


外部鏈接:可以是本網站以外的鏈接,也可以是除了“站內頁面”那裡列出的以外的頁面,比如:在“內容”中生成的頁面(見圖6):產品詳情、文章詳情、下載分類、FAQ分類。

操作步驟:單擊“外部鏈接”--》單擊“新增鏈接”--》輸入鏈接名稱以及鏈接地址(帶http://)--》保存--》在鏈接名稱前面打勾(如下圖7)。

圖7:

外部鏈接.png


頁面錨點:即單擊此導航時會跳轉到某一個頁面的指定位置,需要先通過錨點組件創建這個錨點,然後根據需要勾選顯示在這個位置(如下圖8)。

圖8:

頁面錨點.png


產品分類:支持把產品分類顯示在快速導航組件中,在這裡會列出所有的產品分類,根據需求選擇即可,單擊“管理產品分類”可新增、刪除、編輯產品分類(圖9);

圖9:

產品分類.png


文章分類支持把文章分類顯示在快速導航組件中,在這裡會列出所有的文章分類,根據需求選擇即可,單擊“管理文章分類”可新增、刪除、編輯文章分類(圖10);

圖10:

文章分類組件.png



3.3在組件的設置中可以設置組件展示的風格


選擇展示風格:單擊“風格”切換到風格標籤,在這裡可以選擇導航展示的風格,展示形式多種多樣,有橫向展示風格也有縱向展示風格,如下圖11所示:

圖11:

選擇展示風格.jpg


導航選中顏色:支持設置選中某一個導航時的導航文字顏色(見下圖12);

手機端展示樣式:手機端展示樣式是默認收起的,因為展開會把頁面撐的比較高,但也需要根據個人需求來選擇收起或展開(見下圖12);

圖12:

快速導航組件.png



3.4設置好快速導航組件的內容和風格後,單擊設置框右下方“保存”按鈕,以保存所設置的內容。

保存.png


4、保存、預覽、發布

設置好以上內容以後要單擊頁面右上角的“保存”按鈕,目的是把此修改保存到網站後台;

然後可以單擊“預覽”按鈕查看不同終端下展示的效果,如果不合適可以到後台再做修改;

如果需要讓訪客也看到,請單擊頁面右上角的“發布”按鈕,發布之後稍等兩分鐘左右即可看網站前台展示效果。

保存預覽發布.png


建站流程

找不到你的問題?
135-6001-3420
seoprixcom@gmail.com
214227632
Facebook
Twitter
Google
LinkedIn
Instagram
維看雲建站系統
專業外貿建站系統,為您打造一個適合谷歌的優化網站!
  • 客服QQ
    214227632
  • 微信手機
    (852) 6741 8807
  • 郵箱
    seoprixcom@gmail.com