Skip to content

ローカルナビゲーションを自動的に作成するwordpresプラグイン

by haruma on 2010.08.31

2011/1/26 version1.2リリース ショートコードに対応しました。

このプラグインは、wordpressを企業サイトのCMSとして使用する場合に役立つ、ローカルナビゲーションを自動的に作成するプラグインです。ウィジェットにも対応しています。

こんなプラグインです

1.ページの構成から自動的にローカルナビゲーションを作成します

→同様の機能をもったプラグインは他にもありますが

2.ローカルナビゲーションを任意作成できる

同様のプラグインはないんです

例えば「会社案内」ページだけローカルナビゲーションにページ内リンクを表示したい場合などに対応できます。


プラグインの使い方

1.以下のリンクをクリックして、ファイルをダウンロードします。

http://blog.net-king.com/downloads/local-navigation1.2.zip

wordpress 3.0.x、wordpress 2.9.x で動作確認しています。

2.ダウンロードしたファイルを解凍して出来た localnavigationフォルダをpluginフォルダに入れます。

3.ダッシュボードで有効にします。


プラグインの設定方法

設定方法には下の2つの方法があります。

(1)自動でローカルナビゲーションを作成する場合

(2)ローカルナビゲーションを任意で作成する場合

(1)自動でローカルナビゲーションを作成する場合

ページ投稿画面に追加されたフィールドで「ローカルナビゲーションを自動で作成」を選びます。

これを選択すると、ページの構成から自動的にローカルナビゲーションを表示します。

(2)ローカルナビゲーションを任意で作成する場合

1.管理メニューの「ローカルナビゲーション」を選択。

2.「新規追加」を選択。

3.識別するための「名前」を入力して、ローカルナビゲーションに表示するテキストを入力します。

テキスト入力欄にはHTMLだけでなく、phpコードが記述できます。

<htmlの例>

<ul>

<li><a href=”#speech”>ご挨拶</a></li>

<li><a href=”#outline”>会社概要</a></li>

<li><a href=”#history”>会社沿革</a></li>

</ul>

<htmlとphpコードの例>

phpコードをつかってリンク先を絶対パスで指定する例です。

<ul>

<li><a href=”<?php bloginfo(‘url’); ?>/company/#speech”>ご挨拶</a></li>

<li><a href=”<?php bloginfo(‘url’); ?>/company/#outline”>会社概要</a></li>

<li><a href=”<?php bloginfo(‘url’); ?>/company/#history”>会社沿革</a></li>

</ul>

4.ページ投稿画面の「ローカルナビゲーション」セクションの

「設定したローカルナビゲーションから選択」の項目から選びます。

その他のページ投稿画面「ローカルナビゲーション」セクションの機能

●ナビゲーションに表示しないページを指定できます。

「このページをナビゲーションに表示しない」にチェックをいれてください。ローカルナビゲーションにページへのリンクが表示されなくなります。

また、wp_list_pages関数にも対応していて、ページ一覧のリンクにも表示されなくなります。

●ページ投稿画面でローカルナビゲーションの表示内容を編集できます。

クイック編集を押すと、ローカルナビゲーション設定ページに移動しなくても、設定を編集できます。

編集を確定するにはページを公開(保存)してください。

ローカルナビゲーションの表示方法

●ウィジェット

ウィジェットに対応しているのでウィジェット管理画面から設定して「ローカルナビゲーション」ウィジェットを有効にしてください。

ウィジェットの設定で親ページのタイトルを表示するかどうか指定できます。

ウィジェットで表示される際のマークアップを変更する場合は、テーマのfunction.phpの設定を変更します。

詳しくは下ページなど参照してください。

http://wpdocs.sourceforge.jp/Widgetizing_Themes

●テンプレート関数

ウィジェットをつかわない場合は、テーマファイルに以下のコードを付け加えてください。

local_navigation_page_navigation();

この関数には引数も使用できます。

local_navigation_page_navigation('before_title=<h3>&after_title=</h3>&hide_parent_title=1');

before_title:タイトルの前に表示する文字列
after_title:タイトルの後に表示する文字列
hide_parent_title:親ページのタイトルを表示しない場合は1

●ショートコード

記事中にローカルナビゲーションを表示するにはショートコードを使います。

[local_navigation]

次のような属性をサポートします。

[local_navigation before_title="<h3>" after_title="</h3>" hide_parent_title=1 class="navi" div="wrapper"]

before_title:タイトルの前に表示する文字列
after_title:タイトルの後に表示する文字列
hide_parent_title:親ページのタイトルを表示しない場合は1
class:ナビゲーションを囲むulにつけるclass名
div:値を指定すると全体をそのclass名で囲います。


プラグインのアンインストール

このプラグインではwordpressのデータベースにテーブルを追加しています。

プラグインを停止または削除する際はプラグインのアンインストールを推奨します。

プラグインのアンインストールをすると設定した内容は全て削除されます。

アンインストールの方法は、ローカルナビゲーション設定ページから「設定とデータベース削除」を選びます。

最後に

はじめてつくったプラグインなので不備があるかもしれませんが、分からない点や不具合などありましたらコメントいただければと思います。


更新履歴

2011/1/26 version1.2リリース ショートコードに対応しました。
2010/9/20 version1.1リリース wp_list_pages関数に対応しました。

3 Comments
  1. makoto permalink

    はじめてWordPressを使用して、サイトを制作しています。
    CMSとして使用して一般サイトを制作しているので、
    ローカルナビゲーションの設置で悩んでいたところ、こちらの記事を見つけました。

    ローカルナビゲーションプラグインをインストールしたのですが、
    任意で作成しようとすると、日本語部分がすべて??????に化けてしまいます。
    そして、ページ投稿画面に、「ローカルナビゲーション」セクションが表示されません。

    とても便利なプラグインで、まさに探していた機能でしたので、
    使用させていただきたいですので、問題点が分かりましたら、
    教えていただけないでしょうか?

    ちなみに、WP Multibyte Patchは有効です。

Trackbacks & Pingbacks

  1. wordpresプラグインlocalnavigationをバージョンアップ | NET-KING
  2. [WP]ローカルナビゲーションを自動的に生成してくれるプラグイン | Branberyheag Lab

Leave a Reply

Note: XHTML is allowed. Your email address will never be published.

Subscribe to this comment feed via RSS