你如何风格的ACF（高级自定义字段）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 Admin看起来好多了：

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