MENU
  • ホーム
  • プロフィール
  • 仕事の依頼について
  • お問い合わせ
子育ても、やりたいことも。ママフリーランス10年のリアル
おうちit
  • ホーム
  • プロフィール
  • 仕事の依頼について
  • お問い合わせ
おうちit
  • ホーム
  • プロフィール
  • 仕事の依頼について
  • お問い合わせ
  1. ホーム
  2. IT
  3. WordPress
  4. 【WordPress】管理画面のカスタム投稿タイプ投稿一覧のカスタマイズ

【WordPress】管理画面のカスタム投稿タイプ投稿一覧のカスタマイズ

2018 11/03
WordPress
2016年7月29日2018年11月3日
wordpress

WordPressでカスタム投稿タイプとカスタムタクソノミーを追加した後に、カスタム投稿タイプの投稿一覧画面の表示を変更した際の備忘録です。

目次

前提:カスタム投稿タイプ、カスタムタクソノミーが追加済み

【WordPress】Advanced Custom Fieldsのタクソノミーを出力したい の続きとなります。

カスタム投稿タイプ「書籍」、カスタムタクソノミー「書籍カテゴリー」が追加された状態です。

やりたいこと:カスタム投稿タイプの投稿一覧のカスタマイズ

  1. カスタム投稿タイプ「書籍」一覧のカラムに「著者」「書籍カテゴリー」を追加。
  2. カスタム投稿タイプ「書籍」一覧のカラム名「タイトル」を「書籍名」に変更。
  3. カスタム投稿タイプ「書籍」一覧を、「書籍名」→「著者」→「書籍カテゴリー」→「日時」の順に並び替える。

やったこと:function.phpに追記

カスタム投稿タイプ「書籍」一覧に「著者」カラムを追加する

function.phpに下記を追加します。

// 「著者」カラムを追加する
function manage_posts_columns($columns) {
	$columns['b_author'] = '著者';
    return $columns;
}
add_filter( 'manage_edit-book_columns', 'manage_posts_columns' );

// カスタムフィールドの内容を表示
function add_column($column_name, $post_id) {
    if( $column_name == 'b_author' ) {
        $stitle = get_post_meta($post_id, 'b_author', true);
    }
    if ( isset($stitle) && $stitle ) {
        echo attribute_escape($stitle);
    } else {
        echo __('None');
    }
}
add_action( 'manage_posts_custom_column', 'add_column', 10, 2 );

解説

「著者」は、前回作成したテキスト形式のカスタムフィールドです。

まずは2~6行目で、一覧の上下の「タイトル」「書籍カテゴリー」「日時」が並んでいる行に、「書籍」を追加します。

3行目で、著者カラムの表示名称を「著者」と設定しています。

6行目により実際に反映させていますが、第1引数「manage_edit-book_columns」のbookの部分には、作成した投稿カスタムタイプ名を記述します(manage_edit-投稿カスタムタイプ名_columns)。

なお、特定のカスタム投稿タイプだけでなく、全ての投稿に反映させたい場合には、第1引数に「manage_posts_columns」を設定します。

9~19行目で、「著者」一覧の中身を表示させます。
今回の場合、カスタムフィールド「著者」のカラム名「b_author」を2箇所にセットしています。
追加したいカラム名に合わせて適宜変更して下さい。

結果

一覧の一番右に、「著者」カラムが追加されたことが確認出来ました。
スクリーンショット 2016-07-29 15.22.04

カスタム投稿タイプ「書籍」一覧のカラムを並び替える、カラム名を変更する

「著者」が追加されましたが、日時よりも左に表示させたいため、今回は「タイトル」→「著者」→「書籍カテゴリー」→「日時」の順番に並び替えてみます。
さらに、「タイトル」のカラム名を「書籍名」に変更します。

function.phpにさらに下記を追加します。

// カラムの順序を変更する
function sort_column($columns){
	$columns = array(
		'title' => '書籍名',	// タイトル→書籍名にカラム名変更
		'b_author' => '著者',
		'taxonomy-book_cat' => '書籍カテゴリー',
		'date' => '日時'
	);
	return $columns;
}
add_filter( 'manage_edit-book_columns', 'sort_column');

解説

3~8行目の配列に、並べたい順番にカラムを設定していきます。

「=>」の右側は、画面に表示されるカラム名です。
4行目は、本来は「’title’ => ‘タイトル’」であったところを「’title’ => ‘書籍名’」と設定しています。

6行目は、カスタムタクソノミー名「’book_cat’」ではなく、「’taxonomy-book_cat’」とするのがポイントです(表示されなくてしばらく悩みました)。

11行目は、著者カラムを追加した時と同様に、第1引数「manage_edit-book_columns」のbookの部分に、作成した投稿カスタムタイプ名を記述します(manage_edit-投稿カスタムタイプ名_columns)。

結果

「書籍名」→「著者」→「書籍カテゴリー」→「日時」の順番になりました。
書籍一覧2

以上です。

WordPress
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
  • 【WordPress】PHPのコメントアウトの方法
  • IT業界は残業が多い?残業時間が多かった月TOP3

この記事を書いた人

管理人

関連記事

  • 【WordPress】プラグインがアップデート出来ない原因と解決策
    2019年3月14日
  • 【WordPress】テーマ「Grazioso」を企業サイト作成に強くお勧めする理由5つ
    2018年12月9日
  • WordPress5.0の新エディター「Gutenberg」を試してみたよ!
    2018年12月7日
  • JINのスマホフッターメニューに動くアイコンを追加する方法
    2018年11月16日
  • 【WordPress】テーマ「JIN」を購入して良かった点5つ
    2018年11月13日
  • 【WordPress】WooCommerceでバリエーションのある商品を追加する方法
    2018年11月1日
  • 【WordPress】WooCommerceとは?初心者向けにざっくり解説します
    2018年10月31日
  • wordpress
    【WordPress】子テーマのレイアウトが崩れる原因
    2018年10月7日

コメント

コメント一覧 (1件)

  • WP管理画面の投稿一覧にACFカスタムフィールドの値を表示する項目を追加させる方法 | HIROCREATE より:
    2018年10月15日 11:47 AM

    […] 【WordPress】管理画面のカスタム投稿タイプ投稿一覧のカスタマイズ […]

    返信

コメントする コメントをキャンセル

広告
  • ホーム
  • プロフィール
  • 仕事の依頼について
  • お問い合わせ

© おうちイットラボ

目次