WordPressの投稿一覧、固定ページ一覧に記事のIDを表示させる方法

WordPressに関する記事

さんごちゃん

Wordpressの記事のIDを調べるのっていちいち投稿の編集画面のURLを見ないといけないの?
なんだか面倒くさい~。
functions.phpにちょっとしたコードを追加すれば投稿一覧にIDを表示させることができるよ。

ぷれす先生

WordPressの投稿にはIDと呼ばれる投稿を一意に表現するための数字が割り振られています。

このIDは通常は意識することはありませんが、利用するテーマなどによってはこのIDを指定して表示のカスタマイズを行うものがあります。

例えば、このサイトで現在利用中のSANGOではカードタイプの関連記事を表示する際には以下のようなショートコードで表現できます。

WordPressの投稿記事
[card id="投稿ID"]

この「投稿ID」は通常は各記事の投稿画面や固定ページの編集画面のURL部分に表示されている「/post.php?post=xxx」の「xxx」の部分になり、各投稿の編集画面でないと確認できません。

今回は各投稿のIDを投稿一覧画面に追加して表示させるためのカスタマイズです。

WordPressの投稿ページに記事のIDを表示させる方法

WordPressの投稿にはIDと呼ばれる投稿を一意に表現するための数字が割り振られています。

通常はこのIDは各投稿ページ、固定ページの編集画面の編集画面のURLでしか確認できません。

WordPressの投稿一覧画面

今回はこの画面の各投稿にIDも一緒に表示させます。

投稿一覧にIDを表示させるにはWordPressが管理するfunctions.phpにPHPというプログラミング言語でプログラムを作る必要があります。

投稿一覧、固定ページ一覧画面にIDを追加するコード

投稿一覧、固定ページ一覧画面にIDを表示させるコードは以下になります。

コピーして自分のサイトのfunctions.phpに貼り付けて保存します。

functions.php
add_filter('manage_posts_columns', 'posts_columns_id', 5);
add_action('manage_posts_custom_column', 'posts_custom_id_columns', 5, 2);
add_filter('manage_pages_columns', 'posts_columns_id', 5);
add_action('manage_pages_custom_column', 'posts_custom_id_columns', 5, 2);
function posts_columns_id($defaults){
    $defaults['wps_post_id'] = __('ID');
    return $defaults;
}
function posts_custom_id_columns($column_name, $id){
    if($column_name === 'wps_post_id'){
        echo $id;
    }
}
functions.phpに不備があるとWordPressサイトが真っ白の画面になったりログインできなくなってしまう場合があるので必ずfunctions.phpのバックアップを取ってから作業を行ってください

functios.phpを修正するのが怖い方はSnippetsプラグインを導入することをおススメします。

これで投稿ページ一覧にも固定ページ一覧にもIDというカラムが追加され表示されます。

WordPressの投稿画面にIDを表示するようにカスタマイズした結果

まとめ

WordPressの投稿ページや固定ページの一覧に記事のIDを表示させるにはPHPでプログラムをfunctions.phpに記述する必要があります。
(※無料で人気のWordPressテーマのCocoonでは標準でこの機能を実現しています。)

投稿一覧や固定ページ一覧にIDを表示させるにはfunctions.phpにPHPでコードを追加して対応する
当サイトおすすめテーマ
WordPressテーマ 「ACTION(AFFINGER6)」は「稼ぐ」に特化したWordPressテーマです。
WordPressテーマ 「ACTION(AFFINGER6)」は「稼ぐ」に特化したWordPressテーマです。
» 公式サイトを見る » 記事一覧を見る
ザ・トールは、圧倒的にSEOに強く・抜群に上位表示されやすい「究極のSEO最適化テーマ」です。
ザ・トールは、圧倒的にSEOに強く・抜群に上位表示されやすい「究極のSEO最適化テーマ」です。
» 公式サイトを見る » 記事一覧を見る
Diverは初心者でも簡単に利用可能な高品質高機能なハイスペックワードプレステーマです。
Diverは初心者でも簡単に利用可能な高品質高機能なハイスペックワードプレステーマです。
» 公式サイトを見る » 記事一覧を見る