Divi教學-Divi主題-Navigation-導航選項設定

【Divi教學】Divi主題 Navigation 導航選項設定

作者:Joyy 志強

發佈日期:2022 年 07 月 04 日

首頁 E Divi 教學 E 【Divi教學】Divi主題 Navigation 導航選項設定

Divi主題之下,可以透過原本的divi主題設定,來決定導航列(Navigation)所能夠呈現的功能。在這篇文章中,將詳細和你說明在Divi主題下的設定中,導航列的所有相關設定方式。

Navigation Pages (導航列 頁面選項)

Divi教學

在Divi中,可以把頁面、分類…等項目直接列入 頁頭 選單之中。

Exclude Pages… (排除頁面…)

Divi教學

上圖紅框處,是用來排除 頁面自動加入導航列的。預設通常是開啟。

意指我們在新增任何頁面時,不會自動把 新增的頁面 加入至選單導航列之中。

其實想想這也很怪,如果我一新增新的頁面,就自動加入選單,那選單不就怪怪的嗎?所預設是新增的頁面都會打勾,讓他不會自動新增至導航列裡。

如果你在設計WordPress時,很確定這個新增頁你要加入選單中的話,可以在這裡把勾勾取消,讓他自動新增,來減少你建置的時間。

Show dropdown menus (顯示下拉選單)

Divi教學

這開啟時,只要頁面有子、父關係,就可讓父頁於選單時,子頁變成下拉選單。

Divi教學

設定方式就是於新增頁面→頁面屬性→上層頁面(即為父頁)

Divi教學

若功能關閉的話,Divi在選單中,就不會把下層頁面(子頁),顯示在選單裡。

Display Home link (顯示首頁連結)

Divi教學

Divi主題這個設定很直覺,就是是否出現首頁這個連結。

Divi教學

Sort Pages Links (頁面連結排序)

Divi教學
Divi教學

排序的選項很多,預設是使用抬頭名稱,而仍保留有其他設定方式。

Order Pages Links by… (排序依據…)

【Divi教學】Divi主題 Navigation 導航選項設定 divi Navigation, divi page builder, Divi Tutorial, divi 佈景主題, Divi 教學, divi 頁面編輯器, divi主題

這部份使用在自動排序上的條件,有分為 Asc升冪排序 / Desc降冪排序 2種。

Number of dropdown tiers shown (選單子頁層數)

Divi教學

預設是3層。這裡建議不要修改太多,會讓畫面看起來很亂。

Categories (分類)

Divi教學

在Divi中,分類(Categroies)和頁面(Pages)的設定是很相似的。唯一差別就在 Hide empty categories裡。

Hide empty categories (隱藏空白未使用的分類)

Divi教學

建議開啟此功能。

Divi教學
Divi教學

若是關閉此設定的話,當你在寫文章,新增分類時,沒有用到的分類,就會自動跑上導航列選單上面去。

Disable top tier dropdown menu links(關閉下拉選單頂層連結)

Divi教學

預設值為關閉(不開啟)。

主要用來控制下拉選單,是否要讓 頂層 分類具有連結效果。

Divi教學

上圖標示的範例,若預設為關閉(不開啟),則頂層Sample Page可以點擊並開啟Sample Page的畫面。

若開啟時,則頂層Sample Page將無法點擊與開啟該畫面。

這是種彈性使用的方式,在使用Divi主題時,可以依需求來進行調整。

最後結語

不論是Divi主題,還是任何一種佈景主題,都一定有可以進行導航列的設方式。

上述功能,若都採預設值,仍依個人建置WordPress網站時,自行變化和調整。Joyy個人仍是推薦使用 Divi Theme Builder的方式來進行導航列的客製化,可以呈現的方式也更多元。

Divi教學

或是直接於WordPress後台的選單功能,亦可以進行導航列的相關設計與調整。

Divi佈景主推薦:10% Discount | 不滿意30天內保証退款

其他Divi相關教學

Divi教學-Divi主題Options基本設置選項教學

Divi教學-Divi表單如何設定Google reCAPTCHA

Divi教學-Divi Breadcrumbs外掛使用教學

推薦閱讀 ▼

【教學】WordPress 防止垃圾留言 Akismet Anti-Spam 設定教學

【教學】WordPress 防止垃圾留言 Akismet Anti-Spam 設定教學

數以百萬的使用者採用 Akismet,它是保護網站遠離垃圾留言的絕佳方式。Akismet 是 WordPress 使用者幾乎都會安排的一套防止垃圾留言的外掛工具。而且免費的功能,幾乎就已經可以完完全全協助防止 99.99% 的垃圾留言 ! 功能如此強大,怎麼可以不使用在自己的網站呢 ? Akismet | 介紹 Akismet Anti-Spam 是一款功能非常強大的垃圾留言防護外掛,由 Automattic 公司所開發提供。這外掛已經被安裝和啟用超過 500 萬次以上,並且在全球各地的 WordPress...

【教學】WordPress 建立文章目錄 Table of Content Plus 設定教學

【教學】WordPress 建立文章目錄 Table of Content Plus 設定教學

Table of Content Plus,一個強大且方便使用的文章目錄自動產生工具。如果你和我一樣,對網頁程式碼一竅不通,又希望可以有簡單、快速的方式建立文章目錄,那 Table of Content Plus 你就不能不知道 ! 它可以快速的幫你建立出美觀而且實用的文章目錄 ! 只需要簡單的幾個步驟,就可以達成 ! Table of Content Plus | 取得方式 你可以有 2 種方式進行這個外掛的安裝。 下載 Table of Content Plus 外掛程式,至 WordPress 外掛 → 安裝外掛 →...

【教學】Cloudways Staging Site 使用方式介紹 ! 讓你更新網站內容更方便 !

【教學】Cloudways Staging Site 使用方式介紹 ! 讓你更新網站內容更方便 !

Staging Site 又稱之為臨時網站,之前在 Joyy 使用 Siteground 時,就已經知道這個功能。後來在協助其他客戶進行網站建置時,由於需要大改版 … 就是連同佈景主題這種大調整,可能無法在短時間進行修改的狀況。有這個 Staging Site 的功能,就可以滿足這個狀況 ! 可以放心修改,在修改好之後,再與原本的網站進行更新即可。可以說是非常實用的功能喔 ! 在這篇教學內容,將是以 Cloudways 的主機進行說明。如果你還沒有開始使用 Cloudways 的主機,或是在評估是否要更換使用 Cloudways...

0 Comments

Submit a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *