外掛介紹

大綱選單可以幫助我們了解文章結構，也能快速跳轉到想要看的章節。

所以我做了一個跟 Notion 很像的浮動大綱選單，可以放在文章的左 / 右側，隨著閱讀滾動，選單也會一直固定在同個位置，方便跳轉。

主要功能

  • 可以設定要放置的位置：
    • 文章左側
    • 文章右側
  • 根據滾動位置自動定位目錄
  • 當滾動超出文章範圍時自動隱藏
  • 使用橫線段表示目錄結構
  • 可以展開或縮小
  • 支援短代碼或函數，可以自己放在想要的位置

圖片參考

▼ 後台設定的介面

▼ 瀏覽文章時，會跟隨在文章左 / 右側，滑過會有章節名稱，點選可跳轉

▼ 點擊上方的圖釘按鈕，可以展開大綱目錄，看到完整的章節內容，再點一下會隱藏

安裝步驟

  1. 將 muki-floating-toc 文件夾上傳到 /wp-content/plugins/ 目錄
  2. 在 WordPress 的 外掛 中啟用 Muki Floating TOC 外掛
  3. 前往 設定 > Muki Floating TOC 進行配置

下載

☞ 請至 WordPress 官方網站下載 MUKI Floating TOC

常見問題

Q1. 我能否手動將 Muki Floating TOC 放在文章中的任何位置？

A1.

可以，有三種方式顯示目錄：

  1. 自動模式：在設定中選擇自動顯示 (預設選項)
  2. 主題函數：在主題檔案中使用 muki_floating_toc_display() 函數
  3. 短代碼：在文章或頁面內容中直接使用
    短代碼

更新紀錄

  • 1.0.6
    • 新增：自動顯示設定選項，可控制目錄自動顯示功能
    • 新增：muki_floating_toc_display() 函數，供主題開發者手動整合
    • 新增：muki_floating_toc 短代碼，讓內容編輯者直接使用
    • 改進：提升自訂目錄位置的彈性
    • 改進：更新管理介面，提供更詳細的使用說明
  • 1.0.5
    • 安全性：新增直接檔案存取保護，防止未授權檔案執行
    • 修正：重新命名 JavaScript 變數使用唯一前綴，防止衝突
    • 修正：更新外掛 URI 為有效網址
    • 改進：確保符合 WordPress.org 程式碼標準
  • 1.0.42
    • 將標題層級文字（如 H2）改為以 CSS ::after 偽元素呈現，避免被搜尋引擎索引
    • 微調層級指示相關樣式
  • 1.0.41
    • 增加語系
    • 調整滾動體驗
  • 1.0.2 移除多餘的註解
  • 1.0.1 修改目錄樣式

AD

小結

使用上有任何問題歡迎留言詢問唷。