[WordPress] 外掛分享: Page navigation by menu

前言介紹

  • 這款 WordPress 外掛「Page navigation by menu」是 2022-07-07 上架。
  • 目前尚無安裝啟用數,是個很新的外掛。如有要安裝使用,建議多測試確保功能沒問題!
  • 上一次更新是 2024-12-04,距離現在已有 151 天。
  • 外掛最低要求 WordPress 4.9 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 5.6 以上。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

lovor |

外掛標籤

menu | next | page | previous | navigation |

內容簡介

此外掛可提供頁面導覽功能,類似於內建函式 the_posts_navigation() 用於文章的功能。
導覽的頁面會依照所提供的選單篩選(預設為主選單)及與選單項目相同的順序排序。
預設會使用主選單,但可以呼叫其他選單的函式,以使用其他選單進行顯示。

使用方式
基本

只需要安裝此外掛,並在 php 模板中呼叫 the_pages_navigation() 即可。同樣有一個 get_the_pages_navigation() 函式,可回傳相同內容的字串。
這些函式可提供額外的參數(都是選項),如下:
* $menu – 要顯示頁面的選單 ID、捷徑、名稱或物件(WP_Term)
* $start_position – 從選單中的哪個位置開始導覽
? $end_position – 停止顯示導覽的選單位置

進階

有一些可用的篩選器可以協助自訂此外掛的輸出。

更換選單篩選器

apply_filters('page_nav_menu', $default_menu)

篩選用於導覽的選單。

$default_menu – 要顯示頁面的選單 ID、捷徑、名稱或物件(WP_Term)

箭頭篩選器

apply_filters( 'page_nav_left_arrow', $HTML )
apply_filters( 'page_nav_right_arrow', $HTML )

篩選箭頭輸出。

$HTML – 箭頭的 HTML 碼,可編碼為 SVG、img 等等格式。

篩選輸出

apply_filters( 'arrow_wrapper', $HTML_output, $left, $enabled, $output_image, $output_link, $output_div, $output_text )

篩選整個 HTML 輸出。

$HTML_output – 正如其名
$left – 輸出用於左邊(上一頁)的箭頭
$enabled – 启用了该侧的导航
$output_image – 箭头图像的 HTML
$output_link – 箭头链接的 URL
$output_div – 箭头旁边的文字的包含器
$output_text – 箭头旁边的文字

篩選範例
add_filter( 'page_nav_left_arrow', function() {
return '';
} );

原文外掛簡介

Plugin to support navigation by pages – similar to built in function the_posts_navigation() for posts.
Pages in navigation are filtered by provided menu (Primary menu by default) and sorted in the same order as in menu.
By default, main menu is used, but different menu could be used by calling function for displaying with different menu as parameter.
Disclaimer!
This plugin works only with classic themes. With FSE themes it will not work, since it depends on classic menus.
Usage
Basic
Just install and call the_pages_navigation() in your php template. There is also a get_the_pages_navigation() function which returns string with same content.
Arguments to these functions could be supplied, all optional.
* $menu – a menu ID, slug, name, or object (WP_Term) for which to show pages
* $start_position – start position from which position in menu to start navigation
? $end_position – to which position in menu to show navigation
Advanced
There are filters that can help to customize plugin output.
Change menu filter
apply_filters('page_nav_menu', $default_menu)

Filters menu used for navigation.

$default_menu – a menu ID, slug, name, or object (WP_Term)

Arrow filters
apply_filters( 'page_nav_left_arrow', $HTML )
apply_filters( 'page_nav_right_arrow', $HTML )

Filters arrow output.

$HTML – HTML of arrow, coded as SVG, img or something else.

Filter output
apply_filters( 'arrow_wrapper', $HTML_output, $left, $enabled, $output_image, $output_link, $output_div, $output_text )

Filters whole HTML output.

$HTML_output – as the name says
$left – output is for left side (previous)
$enabled – navigation on that side is enabled
$output_image – html of arrow image
$output_link – URL of link to which arrow leads
$output_div – wrapper of text besides arrow
$output_text – text besides arrow

Examples of filtering
add_filter( 'page_nav_left_arrow', function() {
return '';
} );

各版本下載點

  • 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「Page navigation by menu」來進行安裝。

(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。


1.0.0 | 1.0.1 | 1.1.0 | trunk |

延伸相關外掛(你可能也想知道)

  • Breadcrumb NavXT 》Breadcrumb NavXT 是受歡迎的 WordPress 外掛 Breadcrumb Navigation XT 的後繼者,從頭開始編寫以比其前輩更好。此外掛可為您的 WordPress 網誌或網站生成定...。
  • WP-PageNavi 》想要取代舊的 ← Older posts | Newer posts → 連結,並改為一些頁面連結嗎?, 這個外掛提供了 wp_pagenavi() 的樣板標籤,可以產生豪華的分頁連結...。
  • Max Mega Menu 》Max Mega Menu 可自動將您現有的菜單轉換為豪華菜單。您還可以將任何 WordPress widget 添加到菜單中,使用主題編輯器重新風格化菜單,並使用內建設置更改菜...。
  • Page scroll to id 》Page scroll to id 是一款功能完整的外掛,將瀏覽器「跳轉」行為替換成平滑捲動動畫效果,當按下 href 值含 # 的鏈結時。此外,它提供所有基本工具和進階功能...。
  • Menu Image, Icons made easy 》這個外掛可以輕鬆地在選單項目中加入圖像或圖示,打造更好的網站選單。, 可以控制圖像或圖示的位置以及大小。, 這個 Menu Image 外掛還有其他功能,以下是其...。
  • Menu Icons by ThemeIsle 》這個外掛提供了在選單項目中加入圖示的功能,就像最新的儀表板選單的外觀一樣。, , 使用方法, , 啟用外掛後,前往外觀 > 選單以編輯您的選單, 在「選單圖...。
  • LuckyWP Table of Contents 》ptoc] used to manually insert the table of contents., Filters lwptoc_settings, lwptoc_post_settings, Use for change plugin settings programmaticall...。
  • Responsive Menu – Create Mobile-Friendly Menu 》這是一個高度自訂化的 WordPress 響應式選單外掛程式,擁有超過150個可自訂選項,讓您擁有22,500種組合選擇!您不需要編寫代碼或知識,只需使用簡單易用的介...。
  • Font Awesome 4 Menus 》此 WordPress 外掛能夠在不需編寫任何程式碼的情況下,將 Font Awesome 4 圖示添加到您的 WordPress 選單和網站上!您只需將 fa-(圖示名稱)添加為選單的 cl...。
  • Exclude Pages 》這個外掛新增了一個勾選框,「在選單中包含此頁面」,取消勾選則排除使用者在您的網站上看到的頁面導覽中的頁面。, 如有問題:聯繫我。此插件新增了一個勾選...。
  • WP-Paginate 》最新消息, WP-Paginate 是一個簡單靈活的分頁外掛,可為您的 WordPress 網站提供更好的導覽方式。, 除了提高訪客的使用體驗外,更廣泛的報告顯示,分頁可透過...。
  • Rich Table of Contents 》RTOC是一個來自日本的目錄生成外掛,讓任何人都可以輕鬆地創建目錄。除了擁有傳統目錄外掛的功能外,它設計了精美易用的介面。實時預覽具有直觀的使用者介面...。
  • Flexy Breadcrumb 》PressTigers 的 Flexy Breadcrumb 是一個簡單而強大的麵包屑導覽系統外掛,適用於 WordPress 網站。使用此外掛,您可以透過 [flexy_breadcrumb] 短碼在網站的...。
  • WP Realtime Sitemap 》這是一個網站地圖的 WordPress 外掛,可以讓您輕鬆地顯示所有頁面、文章、存檔、分類和標籤,而無需進行樣板修改或在網頁上懂 HTML/PHP 知識。, 此外掛不會建...。
  • WP PageNavi Style 》首先,我想感謝 Lester 'GaMerZ' Chan 和 scribu 為這個美麗的 WordPress 頁面導航外掛所做出的貢獻。, 使用此外掛你必須先安裝 Wp Pagenavi。 , 連結:分頁...。

文章
Filter
Apply Filters
Mastodon