WordPress管理画面の投稿一覧にカスタムフィールドの値を表示させる方法

この投稿は2019/05/04に加筆修正いたしました。

WordPress管理画面の投稿一覧にカスタムフィールドの値を表示させる方法をご紹介しています。カスタムフィールドの値を投稿一覧から確認できると便利だと思いませんか？興味のある方は参考にしてください。5分後には投稿一覧にカスタムフィールドの値が表示されています。

この記事は約 9 分で読めます。

投稿一覧にカスタムフィールドの値を表示させたい。

各ページのメタ情報をカスタムフィールドで管理できるようにカスタマイズした時のお話なのですが、クライアント様からメタ情報を投稿一覧に表示して確認ができるようにしたいとご希望をいただきました。

上記のような感じですね。
赤枠部分にカスタムフィールドの値が表示されています。

確かにカスタムフィールドを投稿一覧で表示できるとすごく便利です！
私も自分の運営するサイトでは以前からカスタムフィールドを投稿一覧に表示していました。

需要があるようですので、その方法を詳しく解説していきます。

投稿一覧にカスタムフィールドの値を表示させる方法

投稿一覧、固定ページ一覧、それぞれに表示する方法をご紹介します。
以下の条件でカスタムフィールドを表示させます。

表示するカスタムフィールドの名前＝test
カスタムフィールドを表示する列のタイトル＝てすと

個別に見ていきましょう。

投稿の投稿一覧の場合

以下のコードをfunctions.phpにコピペするだけでOKです。

function manage_posts_columns($columns) {
 $columns['test'] = "てすと";
 return $columns;
 }
 function add_column($column_name, $post_id) {
 if( $column_name == 'test' ) {
 $stitle = get_post_meta($post_id, 'test', true);
 }
 if ( isset($stitle) && $stitle ) {
 echo attribute_escape($stitle);
 } else {
 echo __('None');
 }
 }
 add_filter( 'manage_posts_columns', 'manage_posts_columns' );
 add_action( 'manage_posts_custom_column', 'add_column', 10, 2 );

カスタムフィールドの名前は、表示させたいカスタムフィールドの名前に差し替えで下さい。
カスタムフィールドを表示する列のタイトルも任意のものに変更してください。

固定ページの投稿一覧の場合

以下のコードをfunctions.phpにコピペしましょう。

function add_page_columns_name($columns) {
 $columns['test'] = "てすと";
 return $columns;
 }
 function add_page_column($column_name, $post_id) {
 if( $column_name == 'test' ) {
 $post = get_post($post_id);
 $stitle = get_post_meta($post_id, 'test', true);
 echo attribute_escape($stitle);
 }

　if ( isset($stitle) && $stitle ) { echo attribute_escape($stitle); } else { echo __('None'); } } add_filter( 'manage_pages_columns', 'add_page_columns_name'); add_action( 'manage_pages_custom_column', 'add_page_column', 10, 2);

複数のカスタムフィールドを表示させる方法

先ほどは1つのカスタムフィールドを表示させました。
今回は複数のカスタムフィールドを表示させて見ましょう。

以下の条件でカスタムフィールドを表示させます。

表示するカスタムフィールドの名前＝test
カスタムフィールドを表示する列のタイトル＝てすと

表示するカスタムフィールドの名前＝test2
カスタムフィールドを表示する列のタイトル＝てすと2

個別に見ていきましょう。

投稿の投稿一覧の場合

以下のコードをfunctions.phpに記述しましょう。

function manage_posts_columns($columns) {
 $columns['test'] = "てすと";
 $columns['test2'] = "てすと2";
 return $columns;
 }
 function add_column($column_name, $post_id) {
 if( $column_name == 'test' ) {
 $stitle = get_post_meta($post_id, 'test', true);
 }
 if( $column_name == 'test2' ) {
 $stitle = get_post_meta($post_id, 'test2', true);
 }
 if ( isset($stitle) && $stitle ) {
 echo attribute_escape($stitle);
 } else {
 echo __('None');
 }
 }
 add_filter( 'manage_posts_columns', 'manage_posts_columns' );
 add_action( 'manage_posts_custom_column', 'add_column', 10, 2 );

さらにカスタムフィールドを表示する場合の解説は後述します。

固定ページの投稿一覧の場合

以下のコードをfunctions.phpに記述すればOKです。

function add_page_columns_name($columns) {
 $columns['test'] = "てすと";
 $columns['test2'] = "てすと2";
 return $columns;
 }
 function add_page_column($column_name, $post_id) {
 if( $column_name == 'test' ) {
 $stitle = get_post_meta($post_id, 'test', true);
 }
 if( $column_name == 'test2' ) {
 $stitle = get_post_meta($post_id, 'test2', true);
 }
 if ( isset($stitle) && $stitle ) {
 echo attribute_escape($stitle);
 } else {
 echo __('None');
 }
 }
 add_filter( 'manage_pages_columns', 'add_page_columns_name');
 add_action( 'manage_pages_custom_column', 'add_page_column', 10, 2);

2つ以上のカスタムフィールドを表示する場合

さらにカスタムフィールドの個数を増やす場合は、以下を参考にしてください。

$columns['test2'] = "てすと2";

上記の直下に上記の【test2】と【てすと2】の部分を任意の値に変えた1行を追加します。
今回は試しに以下の様に記述したものとします。

$columns['test3'] = "てすと3";

続いて・・・

if( $column_name == 'test2' ) {
 $stitle = get_post_meta($post_id, 'test2', true);
 }

上記の直下に【test2】の部分を【test3】に変更したコードを追加します。
今回の場合は・・・

if( $column_name == 'test3' ) {
 $stitle = get_post_meta($post_id, 'test3', true);
 }

追加した全体のコードを見ると以下の様になります。

function manage_posts_columns($columns) {
 $columns['test'] = "てすと";
 $columns['test2'] = "てすと2";
 $columns['test3'] = "てすと3";
 return $columns;
 }
 function add_column($column_name, $post_id) {
 if( $column_name == 'test' ) {
 $stitle = get_post_meta($post_id, 'test', true);
 }
 if( $column_name == 'test2' ) {
 $stitle = get_post_meta($post_id, 'test2', true);
 }
 if( $column_name == 'test3' ) {
 $stitle = get_post_meta($post_id, 'test3', true);
 }
 if ( isset($stitle) && $stitle ) {
 echo attribute_escape($stitle);
 } else {
 echo __('None');
 }
 }
 add_filter( 'manage_posts_columns', 'manage_posts_columns' );
 add_action( 'manage_posts_custom_column', 'add_column', 10, 2 );

投稿一覧に表示する場合のコードです。

上記の要領でお好きなカスタムフィールドを表示することができます。
掲載しすぎると一覧がゴチャゴチャするので注意が必要です。

まとめ

WordPress管理画面の投稿一覧にカスタムフィールドの値を表示させる方法でした。

このカスタマイズは以外と需要があるように感じます。
編集画面をわざわざ開かなくても一覧からカスタムフィールドの値が確認できれば便利！

カスタムフィールドを利用されている方は、このカスタマイズを是非実践してください。

今回ご紹介したコードは以下のコンテンツを参考にさせていただきました。
⇒ カスタムフィールドの値をWordPressの投稿一覧画面に表示させる方法

Wordpressのカスタマイズや不具合など
何かお困りのことはありませんか？

Wordpressに関連するあなたのお悩み、解決いたします。
次のような方は、お気軽にご相談下さい。

Wordpressサイトをカスタマイズしたいが、やり方が分からないで困っている。カスタマイズの知識が豊富な人に任せたい。
Wordpressサイトに不具合が発生したが、直し方が分からない。不具合の修正経験が豊富な人に任せたい。
既存サイトにWordPressを導入したいが、やり方が複雑で自分ではできそうにもない。経験が豊富な人に任せたい。
WordPressがハッキングされたが修正の仕方が分からない。サイトを元通りにできる人を探している。
Wordpressで0からサイトを制作したいが、自分ではできそうにもない。プロにサイト制作を委託したい。

一つでも該当する方は、以下のフォームからお気軽にご相談下さい。

WordPressに関して今すぐ相談する

著者：takaya kondo

岡山在住のWordPress専門フリーランサーです。Wordpressを使ったWEBサイト制作を中心に10年間ほど活動させていただいています。

Wordpress関連の記事でお役に立てれば幸いです。

【関連記事】あなたが興味のありそうな関連記事をご紹介します。

2023/09/06
メディアにアップロードした画像が勝手に縮小される場合の対処法
メディアに画像をアップロードした時、画像サイズが勝手に縮小された経験はありませんか？この記事では、画像が勝手に縮小されないようにする対策についてまとめてみました。興味のある方は参考にしてください。記事を読む
2022/09/26
【WordPress】コンタクトフォーム7で本文が外国語だけなら送信できなくする方法
メールフォームの本文が外国語だけなら送信できなくする方法をご紹介しております。コードのコピペだけで導入できるようにしておりますので、興味のある方は参考にしてください。記事を読む
2023/10/16
【保存版】WordPressの条件分岐まとめ【42選】
WordPressのカスタマイズでよく使う条件分岐を41個まとめてみました。条件分岐を知れば、カスタマイズの幅がグンと広がります。参考にしてください。記事を読む
2022/09/15
【WordPress】get_post()が固定ページやウィジェットエリアで動作しない時の解決方法
get_post()が固定ページやウィジェットエリアで動作しない時の解決方法をご紹介しています。たった1行のコードを追加するだけで解決できる可能性がありますので、興味のある方は参考にしてください。記事を読む
2022/09/13
【WordPress】カテゴリー単位でRSSフィードを出力する方法
カテゴリー単位でRSSフィードを出力する方法をご紹介します。コピペで使えるコードを掲載しておりますので、興味のある方は試してみてください。記事を読む