2022.07.05
【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名を指定してください。