どのようにACF（Advanced Custom Fields）Wordpressプラグインの管理/バックエンドのスタイルを設定しますか？

Question

多くのオプションがある場合、ACFバックエンド/管理パネルは非常に混乱することがあります。幅のパーセンテージを変更して独自のクラスをカスタムフィールドに追加できる場所がわかりますが、どのようにそれらのクラスのスタイルを設定しますか？そのクラス名をstyle.cssに追加するだけでは機能しません！

Answer 1

このコードをfunctions.phpファイルに追加する必要があります。 こちらはdocsです。

function my_acf_admin_head() { 
    ?> 
    <style type="text/css"> 

    /* css here */ 

    </style> 
    <?php 
} 

add_action('acf/input/admin_head', 'my_acf_admin_head'); 

これは私が使ったコードです。これにより、ACF管理者の見栄えがさらに良くなります。

function my_acf_admin_head() { 
?> 
<style type="text/css"> 

    .acf-flexible-content .layout .acf-fc-layout-handle { 
     /*background-color: #00B8E4;*/ 
     background-color: #202428; 
     color: #eee; 
    } 

    .acf-repeater.-row > table > tbody > tr > td, 
    .acf-repeater.-block > table > tbody > tr > td { 
     border-top: 2px solid #202428; 
    } 

    .acf-repeater .acf-row-handle { 
     vertical-align: top !important; 
     padding-top: 16px; 
    } 

    .acf-repeater .acf-row-handle span { 
     font-size: 20px; 
     font-weight: bold; 
     color: #202428; 
    } 

    .imageUpload img { 
     width: 75px; 
    } 

    .acf-repeater .acf-row-handle .acf-icon.-minus { 
     top: 30px; 
    } 

</style> 
<?php 
} 

add_action('acf/input/admin_head', 'my_acf_admin_head');