[WordPress] 外掛分享： Foundation Top Bar Navigation Menu

前言介紹

  • 這款 WordPress 外掛「Foundation Top Bar Navigation Menu」是 2015-09-22 上架。
  • 目前有 30 個安裝啟用數。
  • 上一次更新是 2015-09-23，距離現在已有 3809 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
  • 外掛最低要求 WordPress 3.0 以上版本才可以安裝。
  • 有 2 人給過評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

jethin |

外掛標籤

menu | mobile | foundation | navigation | responsive |

內容簡介

Foundation Top Bar Navigation Menu 外掛允許主題開發人員將 WordPress 選單顯示為響應式的 Foundation 上方工具列。該外掛包含以下核心功能：

通过與選單或页面列表結構相匹配，應用 Foundation 上方工具列的類名
注册默认「上方工具列」的選單位置
支持包含支持上方工具列的基礎版 Foundation

請到Zurb Foundation網站查看更多有關 Foundation 上方工具列的資訊和示例。

使用方法

在主題中下載並包含 Foundation 框架(或者使用插件中包含的基礎版-請參閱下面的注意事項)。

將新選單或現有WordPress選單指派給「上方工具列」的選單位置（或使用‘wp_list_pages’將頁面列表顯示為上方工具列）-詳見下文。

編輯主題模板，將上方工具列選單顯示在所需位置。使用WordPress的‘wp_nav_menu’函數來顯示上方工具列：

<?php
if ( has_nav_menu('topbar') ) {
wp_nav_menu( array(
'theme_location' => 'topbar',
'container' => false,
'walker' => new ftb_menu()
));
}
?>

使用‘wp_list_pages’函數，可以顯示頁面列表而不是選單：

<?php
wp_list_pages( array(
'title_li' => '',
'walker' => new ftb_pages()
));
?>

注意事項

‘ftb_menu ()’ 和 ‘ftb_pages ()’ 这两个选择器都接受一个“no_wrap”参数。包含此參數可以去除預設的上方工具列 HTML 封套，只顯示<ul>無序列表。

‘wp_nav_menu() -> theme_location’ 參數可以設置為任何已註冊的選單區域。

該外掛選擇性地包含基礎版 Foundation 5.5.2，其中只包含了上方工具列。建議直接在主題中包含Foundation，而非使用此基礎版。要在主題中載入插件的基礎版，請在“設定 —> 常規”管理屏幕中將“在主題中載入基礎版Foundation”設置為“True”。

請到Zurb Foundation網站下載 Foundation，並查看安裝和使用說明文檔。

上方工具列的樣式是包含在 Foundation 框架中的默認樣式。透過 Foundation 和/或 WordPress 方法可以进行一定程度的自定义。但任何自定義必須由主題開發人員實現。

備註

使用Zurb Foundation版本5.5.2開發此插件。

原文外掛簡介

The Foundation Top Bar Navigation Menu plugin allows theme developers to display a WordPress menu as a responsive Foundation top bar. The plugin includes the following core functions:

A walker that applies Foundation top bar classes to a menu or page list
Registration of a default “Top Bar” menu location
The ability to include a basic version of Foundation that supports the top bar

Visit Zurb Foundation to learn more about the Foundation top bar and to view an example.
Usage
Download and include the Foundation framework in your theme (or load the basic version included with the plugin — see Notes below.)
Assign a new or existing WordPress menu into the “Top Bar” menu location. (or use ‘wp_list_pages’ to display a list of pages as a top bar — see below.)
Edit your theme’s templates to display the top bar menu where you’d like it to appear. Use WordPress’ ‘wp_nav_menu’ function to display the top bar menu:
'topbar',
'container' => false,
'walker' => new ftb_menu()
));
}
?>

A list of pages can be displayed instead of a menu using the ‘wp_list_pages’ function:
'',
'walker' => new ftb_pages()
));
?>

Notes

The ftb_menu() and ftb_pages() walkers both accept a single ‘no_wrap’ argument. Including this argument will remove the default top bar HTML wrapper and display just the

    unordered list.

    ‘wp_nav_menu() -> theme_location’ argument can be set to any registered menu area.

    This plugin optionally includes a basic version of Foundation 5.5.2 that contains only top bar support. It is recommended that Foundation be included directly in your theme instead of using this basic version. To load the plugin’s basic version in your theme set “Load Foundation Basic in Theme” to “true” in the “Settings -> General” admin screen.

    Visit Zurb Foundation to download Foundation and to view installation and usage documentation.

    Default WordPress menu classes are not included in outputted top bar HTML.

    Notes
    Top bar styling is the default included with the Foundation framework. Some customization is possible using Foundation and/or WordPress methods, but any customizations must be implemented by theme developers.
    This plugin is developed using Zurb Foundation version 5.5.2.

    各版本下載點

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

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

    最新版本

    延伸相關外掛（你可能也想知道）

    • 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...。
    • Float menu – awesome floating side menu 》Float Menu 是一個免費的 WordPress 外掛程式，可以建立和定位網站上獨特的浮動式選單。這個擴充功能允許使用者不論在資源上面的位置獲取面板的功能，選單隨...。
    • 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 知識。, 此外掛不會建...。

文章
Filter
Apply Filters
Close
Mastodon