このプラグインは WordPress の最新3回のメジャーリリースに対してテストされていません。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress で使用した場合は互換性の問題が発生する可能性があります。

Foundation Top Bar Navigation Menu

説明

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:

  1. A walker that applies Foundation top bar classes to a menu or page list
  2. Registration of a default “Top Bar” menu location
  3. 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:

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

A list of pages can be displayed instead of a menu using the ‘wp_list_pages’ function:

<?php
wp_list_pages( array(
    'title_li' => '',
    '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 <ul> 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.

スクリーンショット

  • The “Appearance -> Menus -> Manage Locations” admin screen showing the “My Links Nav” menu assigned to the “Top Bar” theme location.
  • The “Settings - > General” admin page showing the “Load Foundation Basic in Theme” select dropdown.

インストール

  1. Download and unzip the plugin file.
  2. Upload the unzipped ‘foundation-top-bar-menu’ directory to your ‘/wp-content/plugins/’ directory.
  3. Activate the plugin through the ‘Plugins’ menu in WordPress.
  4. See “Description” for usage instructions.

評価

2017年7月22日
i needed a top bar on my web site and looked for everywhere. all sites were forwarding me to use css but i am not good at it that much. so this plugin is perfect to put topbar, exactly what i want. the only thing is you don't have any options to design it but i guess i am going to edit the codes so it is more easy!
2016年9月3日
Great plugin, but lacks the customization of styles. Really getting in the way CSS styles.
2件のレビューをすべて表示

貢献者と開発者

Foundation Top Bar Navigation Menu はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“Foundation Top Bar Navigation Menu” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。

変更履歴

1.0

  • Initial release.