【WP】固定ページを追加してグローバルメニューを強化しよう

【WP】固定ページを追加してグローバルメニューを強化しよう

ブログのデザイン強化のため、グローバルメニュー部分を変更したいと思います。

クリックすると指定したカテゴリーの一覧が表示されるようにします。


グローバルメニューを追加してアクセスしやすく!

追加した事によってアクセスしやすくなるかは試してみないとわからないですが、グローバルメニューに追加する事によって、このブログが何に力を入れているのかがわかりやすくなると思います。

以前に使っていたPHPコードを使い回す

すでに組み込んでいたPHPコードを元に変更を加えたいと思います。

('numberposts=20&cat=num')のnum部分をカテゴリIDにしてあげると表示されるのでIDを取得します。

[html]
<ul>
<?php $posts = get_posts(‘numberposts=20&cat=num’); global $post;?>
<?php foreach($posts as $post): ?>
<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
<?php endforeach; ?>
</ul>
[/html]

カテゴリのIDを調べる

WP最新バージョンでの登録カテゴリIDの探し方 - ヌコの日記

参考にしてもらえるところは参考にして下さい。

 

 

上記のサイトを参考にIDを取得しました。

投稿メニューよりカテゴリーページへ移動

投稿からカテゴリーページへいきます

カテゴリーよりIDを取得

これでカテゴリーのIDがわかります!

取得したいカテゴリー名にマウスオーバーするとChromeの場合ウィンドウの下にURLが表示されます。

その中にID=numという表記がある部分がカテゴリーIDです。

ドウラクのwebカテゴリーは「ID=9」のようです。

PHPコードにIDを入れる

固定ページを新規追加し、下記のコードを入力します。

上記のままだと20記事分しか表示されないのでnumberposts=20&の部分は消してしまいましょう。

[html]
<ul>
<?php $posts = get_posts(‘cat=9’); global $post;?>
<?php foreach($posts as $post): ?>
<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
<?php endforeach; ?>
</ul>
[/html]

これでwebカテゴリーへのリンクメニューが追加されました。

これでwebカテゴリーへのリンクメニューが追加されました。

パーマリンクを変更

今回はwebカテゴリーだったので気にする必要はなかったのですが、日本語カテゴリーの場合はURLに日本語が入ってしまいます。

SEO対策としてパーマリンクの編集をしておいた方が良いと思います。

パーマリンクの入力をしましょう

SEOはこういう細かい積み重ねが大事。

メニューの表示順序を入れ替えたい

メニューはホームを先頭にアルファベット順の後に50音順で並びます。 これを自分好みの順番に入れ替えたいと思います。

やり方は下記のリンクを参考にさせて頂きました。

固定ページの表示順序 - WordPressの使い方

今回は固定ページへのリンクを好きな順序で並べる方法を確認します。

固定ページ編集のページにある「ページ属性」の順序の所を変更すると順番が変わります。

順番を変更する為には順序の数字を変更します

試しにひとつだけ数字を変えてみたのですが一番後ろに配置されてしまいました。

どうやらすべてのページ属性に数値をいれないといけないようです。 ※クイック編集からも入力が出来ました。これでラクチンですね。

そして出来上がったのがこの並び順!

最終的にこの並びになりました

さいごに

親カテゴリーは画像付きで表示されるのですが、子カテゴリーはリストでの表示になってしまいました。

WPを編集しているので何かが原因で表示が違うものになってしまっているのかもしれません。

メニュー周りは今後も変更していきますからね。下準備はこれで完了!