WordPress投稿一覧にメタキーワードなど任意の項目を追加！丁寧図入り解説で分かる！

WordPressの投稿一覧画面に、メタキーワード、メタディスクリプションの一覧を表示したいなど、任意の項目を一覧表示する方法を解説します。案外簡単です。

私の場合は、投稿一覧にメタキーワードを一覧表示したかったので、この方法で追加しました。

PHPとか詳しくなくても、ちゃんと実現できるように丁寧に図解していきます。
難しくないんで大丈夫です。

WordPress投稿一覧にメタキーワードなど任意の項目を追加する方法

まず、下記のコードをメモ帳などにコピペしてください。

投稿一覧の場合

コピーしました

/* 投稿一覧にメタキーワードを追加 */
function add_posts_columns( $columns ) {
  $columns['metakey'] = 'キーワード';
  return $columns;
}
function custom_posts_column( $column_name, $post_id ) {
  if ( $column_name == 'metakey' ) {
    $st_keywords = get_post_meta( $post_id , 'st_keywords' , true );
    echo ( $st_keywords ) ? $st_keywords : '－';
  }
}
add_filter( 'manage_posts_columns', 'add_posts_columns' );
add_action( 'manage_posts_custom_column', 'custom_posts_column', 10, 2 );

固定ページ一覧の場合

コピーしました

/* 固定ページ一覧にメタキーワードを追加 */
function add_page_columns( $columns ) {
  $columns['metakey'] = 'キーワード';
  return $columns;
}
function custom_page_column( $column_name, $post_id ) {
  if ( $column_name == 'metakey' ) {
    $st_keywords = get_post_meta( $post_id , 'st_keywords' , true );
    echo ( $st_keywords ) ? $st_keywords : '－';
  }
}
add_filter( 'manage_pages_columns', 'add_page_columns' );
add_action( 'manage_pages_custom_column', 'custom_page_column', 10, 2 );

で、上のコードのままだと、AFFINGER使ってる人しか正しく表示されないと思うので、
コードを一部書き換えます。

投稿一覧に表示したい項目のタグ名を探す

まず投稿一覧に入れたい項目のタグ名を探します。
タグ名が分からないと、うまく表示させられないので調べます。

投稿画面に行きます。

タグ名の探し方なんですが、例えば、メタキーワードを投稿一覧表示したいなら、
投稿画面のメタキーワードの入力欄部分を右クリックして、

Firefox=要素を調査　Chrome=検証　を選びます。

そうすると、こういうコードビューワーが出てきます(Chromeの場合は右に出る)

で、その選んだ所の近辺にnameっていうのがあれば、それがそのパーツ名なので、
これだったら、st_keywordsっていうのがコード名になります。これをこの後使います。

メタディスクリプションの場合も、テキストエリア部分を右クリックで検証を選ぶと、
今度はname="st_description"と出てきたので、これを使います。
＊テーマやプラグインによってタグ名は違います。

次に今調べたコード名を、最初にコピペしたコードの赤文字部分と入れ替えてください。

投稿一覧に表示させるタイトルを変える

次に、投稿一覧画面のこのタイトル部分を変えたかったら、

先程のコードの先頭にあるこの赤文字部分を好きな名前に変更すればOK

あと、緑字の「metakey」っていう部分は、自分で名前変更してもOK。
例えば、2つ以上の項目を作るなら、項目毎に違う名称を自分で考えて付けます。

functions.phpに追記する事で、投稿一覧に任意の項目を表示！

このコードを、「外観→テーマエディタ(テーマの編集)」の functions.php (子テーマでOK)の最後に追記して「ファイルの更新」ボタンを押せば、全部完了です。

これで、投稿一覧画面に行ってみてください。表示されてるはずです。

ちなみに、投稿一覧に表示する項目は、上方にある表示オプションから増やしたり減らしたりできます。

というわけで、この方法がお役に立てば幸いです。