【コピペで簡単】ワードプレス固定ページにタグ一覧ページを作成する方法

ワードプレスの固定ページにタグ一覧ページを作成する方法について解説します。

全タグ一覧ページ作成のすすめ

ワードプレスで、サイドバーウィジェットなどを使いタグクラウドを表示させているという人は多いのではないでしょうか。

しかし、タグが大量に増えてくると、表示できるタグの数に制限があったり(デフォルトで最大45個)、見づらくなったりという問題が出てきます。

こうした場合、固定ページにタグ一覧ページを作成するのがおすすめです。

以下では、固定ページにタグ一覧ページを作成する方法について解説しています。コピペで簡単に出来ます。

全タグ一覧ページの作成方法

functions.phpにコードをコピペする

functions.phpに以下のコードを追記します。

/////////////////////////
//全タグ一覧表示
/////////////////////////
function displayAllTags() {
$tags = get_tags();
$html = '<p>';
if ( $tags ) {
foreach ( $tags as $tag ) {
$taglink = get_tag_link( $tag->term_id );
$html .= "<a href='{$taglink}'>" . $tag->name . "</a>";
}
}
return( $html.'</p>' );
}
add_shortcode( 'tag_display', 'displayAllTags' );
※使用しているワードプレステーマによりますが、functions.phpは子テーマに用意されている場合が多いので、子テーマのものを使用するようにしましょう。親テーマのfunctions.phpを編集する必要がある場合は必ずバックアップを取ってから行ってください。

固定ページを作成しショートコードを記述

タグ一覧を表示させるための固定ページを新規作成し、以下のショートコードを記述します。

[tag_display]

ページを表示すると以下のように全タグ一覧が表示されます。

見た目を整えたい場合は、

<div class="tagcloud">[tag_display]</div>

とすれば、使用しているテーマのタグクラウドと同じデザインが適用されます。

さらに見た目を細かく整えたい場合は、各自CSSで調整してください。

おわりに

以上、ワードプレスの固定ページにタグ一覧ページ作成する方法についての解説でした。

タグ一覧ページ(キーワード一覧ページ)を作ろうと考えている人は参考にしてみてください。