固定ページの編集

固定ページはなかったとしてもサイトとして成立するので、カテゴリページだけでもかまわないんですが、リンク集のような静的なページはどうしてもカテゴリページにするには無理があります。

カテゴリページは、古い情報はどんどん後ろの方に移動して行ってしまうので、古い情報を取り出そうとすると、トップページから何度もクリックしなければならないのです。

その点、固定ページで作っておけば、トップページからその固定ページのURLのリンクでアクセスできます。カテゴリページだってリンク先に指定すればいいじゃないと思いますが、なんとなくしっくりこないんですよ。

前置きが長くなりましたが、早速固定ページを作成します。作り方は簡単、固定ページ→新規追加で作成、公開するだけなんですが、

固定ページにはindex.phpのテンプレートが適用されませんので、テーマ編集で、page.phpに、index.phpの内容を全文コピー→貼りつけて、不要だと思う部分を削除しておきます。

こうすることで、全ての固定ページに適用されるテンプレートができあがり、固定ページで投稿された内容がphp the_content()部分に挿入されます。

また、ウィジェットの固定ページのメニューから、dynamic_sidebarタグを貼りつけた場所（サイドバーなど）にリンクを出力させることができます。

これが一番簡単ですけど、サイドバー以外の好きな場所、それこそpositionタグで好きな座標に配置したいという場合、register_sidebarをfunction.phpにもう1行継ぎ足して、dynamic_sidebar()のパラメータに、1とか2とかの番号を振って、個別のサイドバーとして出力させる方法（やったことない）が一つ、

もう一つに、操作パネルのメニューを使用した方法（主にナビゲーションメニュー作成用）があります。

このメニューも、ウィジェットのように初期状態では使えない機能です。使用するためには、function.phpに以下のコードを記述する必要があります。 

//メニュー用
register_nav_menus(array(
    'menuone' => 'メニュー１',
    'menutwo' => 'メニュー２'
));
 
add_filter( 'show_admin_bar', '__return_false' );

menuoneやmenutwoはメニュー生成のIDで、実際にサイトにメニューを表示させる時に使用するIDです。その右のメニュー１とかは操作パネルで区別するための名前に過ぎません。上では２つのメニューを作っています。

例えば、メニュー１を生成するには、下記のphpタグを表示させたい部分に記述します。 

<?php wp_nav_menu(array(
    'theme_location'=>'menuone'
));?>

メニューに加える固定ページを選ぶには、外観→メニューから、

右上の＋ボタンをクリックすると、作成したメニュー自体ににIDをつけることができます。このIDがメニューのスタイルを決めるのに使われます。

これにより、 

<div class="menu-footermenu-container"><ul id="menu-footermenu" class="menu"><li id="menu-item-9" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-9"><a href="https://nkdesk.com/">ホーム</a></li>
<li id="menu-item-10" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10"><a href="https://nkdesk.com/%e7%9b%b8%e4%ba%92%e3%83%aa%e3%83%b3%e3%82%af%e9%9b%86/">相互リンク集</a></li>
</ul></div>

のようなタグが生成します。メニューIDがクラスやidの一部として使われています。細かなCSSの編集はブラウザ→ソース表示で確認しながらになります。

とはいえ、操作パネルからのメニュー追加をすることにこだわらなければ、通常のサイトの作り方と同様、固定ページのURLをul,liでくくってfloatしてメニューを作ればいいんですよね。IE6のバグの対処法とかを理解している必要もありますが・・・。

コメントor補足情報orご指摘あればをお願いします。

（件名or本文内でキーワード検索できます）



  • << 前のページ
  • 次のページ >>
ページトップへ