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');