[WordPress] 投稿画面でタグ一覧を表示されるようにした話

投稿画面の右側にあるタグですがこちら、一般的には図のようにタグを追加するフォームとよく使うタグが表示されるだけかと思います。

個人的な感想になってしまい申し訳ないんですが、これって結構面倒なんですよね。。。
カテゴリーの様にチェックボックス付きの一覧表示にならないのか？そんな風に思ったことありませんか？
そこで今回は、投稿画面にタグ一案が表示できる方法をご紹介させていただいます。

前にも似たようなタイトルで記事にさせて頂きましたが、そちらは「Cocoon」様のテーマの場合となります。
他のテーマでも似たように表示させる方法はあるかと思いますが「マニュアルを見るのが面倒」「調べたけどいまいちわからない」とお考えの方向けの方法を今回は紹介させて頂きたいと思います。

タグを一覧で表示させるとは下記の画像のようにすることです。

PHPで直接編集する方

プラグインで編集する方

functions.phpとは？
functions.phpの編集
1. 注意
プラグイン「Code Snippets」
インストール
設定方法
Code Snippetsに入れたコードにミスがあったとき
1. おすすめ！
まとめ

functions.phpとは？

functions.phpは、WordPressのテーマに必須のファイルの1つです。
書かれているコードは、WordPressを使う上で必要なコードが記述されており、その影響範囲はテーマや管理画面の設定などもすることができます。
そのため、functions.phpのカスタマイズをミスると、WordPress全体がエラーになってしまうこともあるのです。

編集の際はバックアップを用意しておくなど、注意が必要なファイルということをしっかり覚えておきましょう。

WordPress 投稿画面でタグを一覧表示・選択する方法 | ホームページ制作のサカエン Developer's Blog

WordPressの投稿画面でタグを一覧表示・選択する方法です。タグがカテゴリーみたいに一覧表示されないし、なんならチェ...

今回はfunction.phpを編集いたしますのでご注意ください。
編集の際はバックアップをご用意ください。

functions.phpの編集

外観 > テーマファイルエディターをクリック

画面右のテーマファイルから「function.php」をクリック

一番下に下記のコードを追加します。

/**
 * 投稿画面にタグ一覧を表示しチェックボックス選択式にする
 */
function re_register_post_tag_taxonomy() {
  $tag_slug_args = get_taxonomy('post_tag');
  $tag_slug_args->hierarchical = true;
  $tag_slug_args->meta_box_cb = 'post_categories_meta_box';
  register_taxonomy('post_tag', 'post', (array) $tag_slug_args);
}
add_action( 'init', 're_register_post_tag_taxonomy', 1 );

後はファイル更新をクリックすればOK。
これでカテゴリーのようにリスト化されてチェックボックで選択できるようになります。

注意

参考サイトにも記載されておりますが、どうやらタグの件数が多いと表示に時間が掛かる場合があるみたいですのでご注意ください。

プラグイン「Code Snippets」

「functions.phpを直接いじりたくない！」という方はfunctions.phpを直接編集しなくても済むプラグインもあるので、そちらで一度試して見ると良いかもしれません。

Code Snippets

サイトにコードスニペットを追加するための、簡単、クリーン、そしてシンプルな方法。

インストール

プラグイン >　新規追加　で「Code Snippets」を検索し「今すぐインストール」をクリック。
インストール完了後はいつものように有効化を行ってください。

設定方法

画面左のメニューに「スニペット」という項目が追加されているので、そちらの項目にある「新規追加」をクリック。

あとは各項目に内容を入力していきましょう！
あとから見てもわかるように分かりやすいタイトルを入力し、コード箇所に先程のコードを貼付けます。
今回は投稿画面でのみ実行されてば良いので、「フロントエンドのみで実行」を選択。

/**
 * 投稿画面にタグ一覧を表示しチェックボックス選択式にする
 */
function re_register_post_tag_taxonomy() {
  $tag_slug_args = get_taxonomy('post_tag');
  $tag_slug_args->hierarchical = true;
  $tag_slug_args->meta_box_cb = 'post_categories_meta_box';
  register_taxonomy('post_tag', 'post', (array) $tag_slug_args);
}
add_action( 'init', 're_register_post_tag_taxonomy', 1 );

コードの説明文を書いて（書かなくてもOK）、「変更を保存して有効化」をクリックすればOKです。