如何在 Odoo 網站設定導覽連結與選單
返回資源|ERP 系統

如何在 Odoo 網站設定導覽連結與選單

Yannis, Odoo Expert
9 分鐘閱讀

目錄

為什麼導覽對你的 Odoo 網站至關重要

良好的導覽設計能決定網站的成敗。三次點擊規則建議網站上所有資訊都應在三次滑鼠點擊內即可到達。透過 Odoo 網站內建的工具,你可以建立清晰的選單、連結和按鈕,引導訪客輕鬆瀏覽你的內容。

Odoo 網站首頁與導覽元素

本指南將帶你逐一了解 Odoo 網站中的每項導覽功能——從基本連結到大型選單。

Odoo 網站的三種連結類型

Odoo 網站支援三種主要連結類型,各有不同用途。

內部連結

內部連結將訪客導向你網站內的其他頁面。

建立方式:

  1. 進入頁面編輯模式
  2. 選取要加入連結的文字或圖片
  3. 點擊 Insert or Edit Link 按鈕

Odoo 編輯器工具列中的 Insert or Edit Link 按鈕

  1. 輸入反斜線(/)加上關鍵字或頁面標題
  2. Odoo 會自動建議符合的頁面——選取你要的頁面即可

內部連結自動建議顯示符合的頁面

例如,輸入 /contact 就會顯示你的「聯絡我們」頁面。

外部連結

外部連結將訪客導向你網站以外的頁面。

建立方式:

  1. 選取文字或圖片
  2. 點擊連結按鈕
  3. 貼上完整網址(例如 https://example.com
  4. 啟用 Open in new tab,避免訪客離開你的網站

外部連結設定與 Open in new tab 選項

錨點連結

錨點連結可導航至同一頁面中的特定區段——適用於長頁面或目錄式導覽。

建立方式:

  1. 選取目標元素(你要連結到的區段)
  2. 點擊 Create a link to target this section——這會建立錨點

Create a link to target this section 選項

  1. 返回你要放置可點擊連結的文字位置
  2. 點擊連結按鈕,輸入 # 加上錨點名稱
  3. Odoo 會顯示可選取的錨點

使用井號選取可用錨點的介面

自訂連結外觀

Odoo 中的每個連結都可以設定為按鈕樣式,並自訂顏色、大小和形狀。

連結自訂選項,顯示樣式、大小、形狀和顏色設定

可用選項:

設定選擇
樣式連結、主要按鈕、次要按鈕、自訂
大小小、中、大
形狀預設、圓角、外框、填滿
顏色從佈景主題的色彩面板中選取

你可以在 Theme 分頁的 Color Presets 中全域設定預設按鈕樣式,定義主要和次要按鈕的外觀。

Theme 分頁中的 Color Presets 設定主要和次要按鈕

管理頂部選單

頂部選單是網站的主導覽列。Odoo 提供兩種編輯方式。

在頂部直接編輯

  1. 在編輯模式下點擊頂部選單
  2. 從多種內建範本中選擇
  3. 直接編輯個別選單項目——重新命名、排序或更改樣式

編輯模式下的頂部選單範本選擇

選單編輯器(完整控制)

如需更進階的管理:

  1. 前往 Site > Menu Editor
  2. 這裡可以列表方式檢視所有選單項目

選單編輯器以列表方式顯示所有選單項目

  1. 透過拖放來重新排序項目
  2. 使用垃圾桶圖示刪除項目
  3. 使用新增按鈕新增項目

建立子選單

在選單編輯器中建立下拉子選單:

  1. 新增一個選單項目
  2. 將它拖曳到父項目下方
  3. 向右移動——它就會成為上方項目的子選單
  4. 父項目會自動變成下拉選單

將項目向右縮排至父項目下方以建立子選單

你可以嵌套多個項目,建立任意數量的子選單。

網站上顯示巢狀子選單項目的下拉選單

大型選單

對於內容豐富的網站,大型選單提供更大的下拉區域,以欄位方式組織內容。

新增大型選單的方式:

  1. 開啟 Menu Editor
  2. 點擊 Add Mega Menu Item
  3. 命名並在選單結構中定位
  4. 在編輯模式下點擊大型選單進行自訂
  5. 從內建的欄位排版範本中選擇

大型選單以欄位排版顯示多個項目

  1. 根據需要編輯每個欄位中的內容

大型選單非常適合展示分類、精選內容或服務概覽。

自訂頁尾

頁尾的運作方式與頂部類似,但通常放置次要資訊,例如聯絡方式、社群連結和法律頁面。

頁尾區段與範本選項及社群媒體圖示

可自訂的內容:

  • 範本——從內建頁尾範本中選擇版面配置
  • 選單項目——點擊任何項目以編輯文字和連結
  • 社群媒體圖示——新增或移除平台、設定網址、調整大小和顏色

頁尾中的社群媒體圖示自訂

Odoo 網站導覽最佳實踐

  • 主選單保持 5 至 7 個項目——選項過多會讓訪客感到不知所措
  • 使用描述性標籤——「我們的服務」比「更多」更好
  • 外部連結在新分頁開啟——讓訪客留在你的網站
  • 在長頁面使用錨點連結——幫助讀者快速跳至相關區段
  • 在手機上測試——確保選單在較小螢幕上也能正常運作
  • 定期檢查——移除過期的連結和頁面

下一步

有了這些導覽工具,你可以打造一個直覺且讓訪客持續參與的網站。從審視目前的選單結構開始,然後運用最適合你內容的連結類型和選單功能。

更多 Odoo 網站教學,歡迎瀏覽我們關於頁面建置、SEO 優化和電子商務設定的其他指南。


參考資料

標籤

Odoo網站導航選單使用者體驗
Professional businesswoman working with data and analytics in modern office environment

需要香港 Odoo 實施協助?

Zoo AI 是香港 Odoo 合作夥伴,為中小企提供專業 ERP 實施與 AI 自動化方案。立即聯絡我們,了解更多。