第二節:文章分類與導航選單

如何做好將網站中的文章分類與導航選單的規劃是非常重要的一環,有些網站系統的設定上直接就把文章分類和導航選單掛勾畫上等號了,我們並不是這麼定義文章分類與導航選單的關係。

第二節:文章分類與導航選單

文圖

一、我們來學習一下如何給文章新增分類,並且給我們的文章加上分類。

20171208211255.png▲可以從「內容管理」中的「新增分類」進入。

  1. 分類名稱:給分類一個名字。這裡先提醒一下,文章的一級分類不一定要等於網站導航的一級選單,有些網站系統的設定上直接就把文章分類和導航選單掛勾畫上等號了,這樣的觀念定義太狹隘了,我們並不是這麼定義文章分類與導航選單的關係。在我們的系統中,文章可以同時屬於多個分類,擁有多個分類的文章將會在各自的分類列表中展現出來。而網站的導航選單則是一個選單項對應一個文章分類。

  2. 上級分類:第一次新增分類時必然為一級分類!當您第二次建立分類的時候,就可以下拉選擇某一個上級分類了。例如:第一次新增分類名為〝Apple〞,第二次新增分類名為〝iPhone〞,那麼〝iPhone〞我們可以選擇〝Apple〞成為上級分類。為了靈活性,您也可以隨時透過「分類管理」來編輯設定各個分類之間的上下級關係,不用擔心操作失誤無法解救。

  3. 分類描述:如果分類很多很多了,這是為了幫助管理者記憶的備註欄。


二、有了分類之後,接著我們來學習如何將分類建立到網站的導航選單上。

20171208211811.png▲可以從「選單管理」中的「新增選單」進入。

  1. 選單分類:一個網站必定是有導航選單的,所以系統預先已經建立好了基本的選單分類,大多數情況下,您都不會用到建立另一個選單分類。對於企業網站或是文章網站來說,一個主要的選單分類就已經足夠了。如果您是自己設計網站的主題模板,那麼才有可能在網站中同時出現一種以上的導航選單。

  2. 父級:第一次新增選單必然是作為一級選單。

  3. 選單名稱:在這裡給選單命名,記住!選單不等於文章分類,所以您可以隨意命名。圖中我們命名為使用教學,可以看到這並非我們前面所新增的文章分類名稱。稍後我們將用它來做為文章分類的父級。

  4. 連結:任何需要設定次級分類的導航選單,我們都讓它保持在首頁這個連結即可。如果是要做為單獨的導航選單,我們就需要為它設定一個連結,如果網站內的連結,通常都是文章分類,我們可以直接下拉選擇一個分類就完成了。

  5. 自訂義連結:承上,如果我們的導航選單是要連結到本身網站已外的網址,就在這個地方輸入目標網址即可。

  6. 打開方式:選擇是否要在新視窗打開連結,通常站內連結都是在原窗口打開,站外連結則作為新窗口打開。

  7. 圖示:在導航選單項文字前面設定一個小圖示,這邊直接使用的是icon fonts語法,支援哪一種icon fonts則視您的網頁設計師在設計主題模板時使用何種icon fonts_css囉!

  8. 狀態:如果有一天您突然想要讓某個導航選單不要出現在網站中,但又不是真的想要把它刪除了,這時候您就可以將其設定為〝隱藏〞,等到哪天想打開了再讓它〝顯示〞即可。


三、接著我們來學習如何給父級選單設定子選單。

20171208212045.png▲可以從「選單管理」中的「新增選單」進入,或是從「管理選單」中該項父級選單的「新增子選單」進入。

  1. 父級:承接上面的例子,父級就選擇我們剛才新增選單命名的〝使用教學〞。

  2. 選單名稱:上面提到過選單不等於分類,所以這裡要辛苦一下,我們自己輸入命名的文字。因為下面要連結我們在前一篇教學新增的文章分類,所以這裡我們把它命名要和文章分類同名,訪客在瀏覽您網站的時候才不會感到困惑哦。

  3. 連結:文章分類是站內連結,這裡我們直接在連結的地方下拉,選擇上一篇教學中我們新增的文章分類〝基礎使用〞。

  4. 之後的欄位都保持預設值就可以囉!


※完成所有操作後,按一下「清除快取」,這樣網站就能看到剛剛新增的選單囉!

20171209044404.png▲子選單在網站導航列上的展現方式視網頁設計而定。


接著我們來學習如何利用頁面設定文章輸出方式