blog ブログ

【AdminColumns × ACF】カスタムフィールドのギャラリーを使った時に、管理画面一覧で1枚だけ表示させる方法

はじめに

WordPress管理画面一覧をカスタマイズするAdminColumnsとカスタムフィールドを設定するAdvanced Custom Fieldsを併用した時、ACFで「ギャラリー」フィールドを使用して登録した画像を最初の1枚だけ表示させる備忘録です。
CSSのみでの対応となっています。

functions.php

functions.phpに以下を記述して管理画面用のCSSを読み込みます。
今回は「admin-style-acf.css」というCSSファイルを用意しました。テーマ直下に設置してください。

function my_admin_style(){
  wp_enqueue_style( 'my_admin_style', get_template_directory_uri().'/admin-style-acf.css' );
}
add_action( 'admin_enqueue_scripts', 'my_admin_style' );

CSS(admin-style-acf.css)

functions.phpで読み込んだadmin-style-acf.cssのコードです。

.ac-★カスタム投稿名★ .widefat td.column-★tdのID★ {
  white-space: nowrap;
  color: transparent;
}
.ac-★カスタム投稿名★ .ac-image:not(:first-child) {
  display: none !important;
}

★カスタム投稿名★と★tdのID★はブラウザの「要素の検証」でそれぞれbodyとギャラリーを表示しているtdに付与されているclass名を指定してください。

お問い合わせのご確認

現在、コーディング業務・デザイン業務の外部委託は行っておりません
ご確認の上、ご連絡いただきますようお願いいたします。