管理画面の投稿一覧にメタディスクリプションを表示させる

WordPressで書いたメタディスクリプションは、通常の使い方では編集画面を開くかブラウザの開発者モードでしか見れないため管理画面の投稿一覧へ表示できるようカスタマイズしてみました。

テーマによっては標準的に備わっていたりしますが、デフォルトテーマなどを使った場合は少し工夫が必用です。

投稿一覧にメタディスクリプションを表示

WordPressの投稿一覧では、個別投稿のタイトルや投稿日、カテゴリーなどが表示され一覧の状態でこれらの確認が可能です。

今回は、子テーマのfunctions.phpを編集してここにメタディスクリプションを追加で表示させることにします。やり方はカスタムフィールドを挿入させるテクニックの応用です。

functions.phpを編集するので事前にファイルのバックアップをすませておきます。

うっかりミスNGなWPのファイルfunctions.phpとは

子テーマのfunctions.phpに追加するコードは次の通り。

functions.php

function add_posts_columns( $columns ) {
  $columns['description'] = 'description';
  return $columns;
}
function custom_posts_column( $column_name, $post_id ) {
  if ( $column_name == 'description' ) {
    $sng_meta_description = mb_strimwidth(get_post_meta( $post_id , 'sng_meta_description' , true ), 0, 60,"...", 'UTF-8');
    echo ( $sng_meta_description ) ? $sng_meta_description : '－';
  }
}
add_filter( 'manage_posts_columns', 'add_posts_columns' );
add_action( 'manage_posts_custom_column', 'custom_posts_column', 10, 2 );

この例でも、データベースで使われているメタディスクリプションのフィールド値が使うテーマやプラグインによって違っているので確認が必用です。

マーカー部分を自分の環境に見合うよう書き換えます。

ここではテーマにSANGOを使っているので、sng_meta_descriptionにしていますが専用プラグインのEasy WP Meta Descriptionの場合は_easy_wp_meta_descriptionを使うなど自分の環境に合わせます。

ちなみにCocoonなんかだと標準機能でメタディスクリプションが表示されるのでカスタムは不要です。

ファイルを編集（アップロード）後に投稿一覧を表示させるとメタディスクリプションが追加されているのが確認できると思います。