メニューボタンを自由に並べ替える [WP Navigation Tool (NAVT)]

WordPressを使ってみて、メニューを思い通りに表示したいと思った人は少なくないでしょう。ここで紹介するNAVTはカテゴリー以外にも、ページや外部リンクなど、様々なメニューを作成し、思い通りに並べることができます。WSC3ではこのNAVTを導入するだけで、画像風ボタンをカラフルに表示するCSSを標準装備しています。

  1. 「WP Navigation Tool (NAVT)」プラグインをダウンロード
  2. プラグインをFTPでアップロード（wp-content/plugin/）
  3. プラグインを有効化
  4. 管理画面で新しいメニューグループを作成
  5. メニュー項目をドラッグ＆ドロップ
  6. サイドバーに「ウィジェット」を追加
  7. メニューボタンの色はCSSで変更可能
update: 2008/04/13 tags: ,, 推奨プラグイン一覧

これまでのコメント

  1. nogawa :
    2008/5/1 木曜日 at 10:42 PM

    こんにちは。わからないなりに色々とためさせてもらっています。
    上の6番までは何とかできました。
    でもサイドバーの中は、決めたグループ名の下にテキストのページリンクが縦に並んでいるだけです。
    サイドバーの中に縦にボタンを並べたいのですが、7番をどう処理したらいいのかわかりません。
    初心者的すぎたらすいませんが教えていただけませんか。

  2. imai :
    2008/5/2 金曜日 at 12:16 AM

    画像ボタンにならないということですか？おかしいですねえ。
    ここでは順番を入れ替える方法を紹介していますので、もともと画像ボタンが表示されていることが前提です。といってもWSC3デフォルトのままで結構ですが。
    順番はかわるけど、画像が出ないということなら、一度デフォルトに戻してみるといかがでしょうか。

  3. takoyaki :
    2008/5/5 月曜日 at 11:09 PM

    はじめまして、takoyakiともうします。
    キャプチャー画面に empty space という項目がありますが、これはどのようにして挿入するのでしょうか。よろしくお願いいたします。

  4. takoyaki :
    2008/5/6 火曜日 at 1:47 AM

    自己解決しました。
    List Divider を追加でできました。

    どうも失礼いたしました。

  5. nogawa :
    2008/5/7 水曜日 at 10:27 PM

    遅くなってすいませんが、2番の続きです。
    サイドバーの中には「未分類｣の灰色ボタンが一番上にあって、カテゴリーを追加するとボタンが下に追加されます。
    でも、ページを追加してもその下にテキスト状態でリンクが追加されるだけなんです。

    各ページへのリンクをこのページの右上にあるようなきれいなボタンにしたいのですが、どうしたらいいでしょうか。
    NAVTは消してみましたが同じです。

  6. imai :
    2008/5/8 木曜日 at 11:10 AM

    > nogawaさん

    前回と同じ回答になってしまいますが、私から言えることは同じで、CSSをデフォルトに戻してみてください。CSSに変更を加えるとそうなる可能性がありますが、このページもデフォルトでNAVTを導入しただけの状態で動作しています。
    それでもだめなら、実際のサイトを見てみないとわからないと思います。

  7. nogawa :
    2008/5/8 木曜日 at 1:09 PM

    回答ありがとうございます。
    本当に初心者なので申し訳ありません。
    CSSとはwsc3.1フォルダにあるstyle.cssのことでしょうか。
    でしたら触っていません。
    他のテーマとの行き来はしました。
    再度wsc3.1のダウンロードから始めて、まっさらの状態から入れなおしましたが、やはり同じです。ページのボタンが出ないです。
    →　http://ichijo.angry.jp/wpxx/
    何か私が勘違いしているのでしょうか。

  8. nogawa :
    2008/5/8 木曜日 at 3:14 PM

    style.cssなら変更していません。
    全部一から入れなおしてみましたが結果は同じでした。
    一度見ていただいてもいいでしょうか。

  9. mog :
    2008/5/18 日曜日 at 10:27 PM

    7.メニューボタンの色はCSSで変更可能

    とありますが、具体的のどうやるのでしょうか
    作ったサイドのボタンの名前をクリックしたところで設定するのか
    作ったサイドグループの歯車みたいなボタンをクリックして設定するのか
    どこで、どういった値を設定するのか、わわかりません。

  10. tetsu :
    2008/5/30 金曜日 at 6:45 PM

    はじめまして。
    WSC3.1.3を使わせてもらいましたが、画像ボタンになりません。
    WP Navigation Tool (NAVT)もアップし有効にしました。

    何か他に設定が必要でしょうか？
    よろしくお願いします。

  11. imai :
    2008/5/30 金曜日 at 8:23 PM

    tetsuさん
    うーん、おかしいですねえ。他には特に必要な設定はありません。
    ちなみにWPは2.5.1、NAVTは1.0.26、WSC3.1.3の最新版で確認しています。

この記事にコメントする

Powered by WordPress, WP Theme designed by WSC Project. ログイン