我正在为 Wordpress 安装创建一个设置系统，如果当前网站不需要某些 ACF 灵活内容布局， super 管理员可以在其中禁用它们，而无需修改插件的结构。

我正在寻找一种方法来在新的管理页面中列出所有可用的 ACF 灵活内容布局。

查看插件的文件夹后，我在 class-acf-field-flexible-content.php 中找到了以下代码:

<script type="text-html" class="tmpl-popup"><?php 
    ?><div class="acf-fc-popup"><ul><?php foreach( $layouts as $layout ): 

        $atts = array(
            'href'            => '#',
            'data-layout'    => $layout['name'],
            'data-min'         => $layout['min'],
            'data-max'         => $layout['max'],
        );

        ?><li><a <?php acf_esc_attr_e( $atts ); ?>><?php echo $layout['label']; ?></a></li><?php 

    endforeach; ?></ul></div>
</script>

它构建了一个可用布局列表，供客户端在创建新帖子/页面时使用。

有谁知道我可以用 PHP 构建一组 ACF 布局的简单方法，我可以在 WP Admin 中的不同页面上显示这些布局？

抱歉，我真的没有任何代码可以显示，这是一个有点独特的请求

最佳答案

我想出了一个解决方案，在设置页面上，将在一个复选框旁边显示所有灵活的内容布局名称，您可以在其中取消选择当您按下“添加”按钮时从列表中删除的布局您尝试添加新布局。

作为简要介绍，我使用 acf-json 获取所有灵活的布局名称，然后创建另一个 json 文件，其中包含我希望禁用的布局的名称。然后我运行一个函数来查看每个布局名称，检查它是否不在禁用列表中，如果是，它将被删除。

首先，我在 ACF 中初始化了本地 JSON。为此，请按照 https://www.advancedcustomfields.com/resources/local-json/ 上的步骤操作.

然后我在 functions.php 中创建了一个新的设置页面:

<?php
function add_theme_menu_item()
{
    add_options_page("Flexible Layouts", "Flexible Layouts", "manage_options", "flexible-layouts", "theme_settings_page", null, 99);
}

add_action("admin_menu", "add_theme_menu_item");
?>

在theme_settings_page内函数，您需要为灵活内容组解码 JSON:

<?php
$jsonURL = get_template_directory_uri(). "/acf-json/flexible_content_group.json";
$contents = file_get_contents("{$jsonURL}");
$data =  json_decode($contents);
?>

然后我对一个包含所有禁用字段的 JSON 文件执行了相同的操作(我将很快解释如何创建该文件):

<?php
$jsonDisabledFieldsURL = get_template_directory_uri(). "/acf-json/disabledFields.json";
$disabledFieldsContents = file_get_contents("{$jsonDisabledFieldsURL}");
$disabledFieldsData =  json_decode($disabledFieldsContents);
?>

然后我将所有布局名称推送到数组 $availableOptions :

<?php
$availableOptions = [];
foreach($data->fields as $field) {
    foreach($field->layouts as $layout) {
        array_push($availableOptions, $layout->name);
    }
}
?>

所以我们需要一个包含所有带有复选框和提交按钮的字段的列表。通过提交按钮，我使用 ajax 发布我放置在数组中的禁用字段:

<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/lib/sweetalert2.js"></script>
<script>
    jQuery('.submit_json_handler').click(function(e){
        e.preventDefault();
        var self = jQuery(this);
        var array = [];

        jQuery('input:checkbox:not(:checked)').each(function() {
            array.push(jQuery(this).val());
        });

        jQuery.ajax({
            type:'POST',
            url:'<?php echo get_template_directory_uri(); ?>/acf-json/custom_json_handler.php',
            data: {
                'disabled_fields' : array
            },
            success:function(data){
                console.log(data);
                swal(
                  'Success!',
                  'The active layouts have now been updated.',
                  'success'
                )
            }
        });
    });
</script>

我使用 SweetAlert2 插件 ( https://sweetalert2.github.io/ ) 以便在字段修改时处理成功消息。

我的 custom_json_handler.php 代码获取已发布的禁用字段并将它们推送到数组中。然后将该数组编码为前面提到的 JSON 文件 (disabledFields.json):

<?php
    $disabledFields = $_POST['disabled_fields'];
    $disabledFieldsArray = [];

    try {   

        foreach($disabledFields as $field) {
            array_push($disabledFieldsArray, $field); 
        }

        $fp = fopen($_SERVER['DOCUMENT_ROOT']."/wp-content/themes/pblite-theme/acf-json/disabledFields.json","wb");
        fwrite($fp,json_encode($disabledFieldsArray));
        fclose($fp);

    }
    catch(Exception $e) {
        return $e;
    }

    echo "Success!";
?>

theme_settings_page 函数中的最后一 block 拼图是创建将显示所有布局的表单，旁边有复选框，可以根据选定的禁用字段选中/取消选中:

<?php
$activeLayouts = array_diff($availableOptions, $disabledFieldsData);

echo "<form action=\"post\">";
echo "<table>";
foreach($data->fields as $field) {

    foreach($field->layouts as $layout) {

        if(in_array($layout->name, $activeLayouts)) {
            $checked = "checked";
        } else {
            $checked = "";
        }

        echo "<tr><td><input type=\"checkbox\" {$checked} name=\"disabled_flexible_layouts[]\" value=\"{$layout->name}\" /></td><td>{$layout->label}</td></tr>";

    }

}

echo "</table>";
echo "<p class=\"submit\"><input type=\"button\" value=\"Submit\" name=\"submit\" class=\"button button-primary submit_json_handler\" /></p>";
echo "</form>";
?>

这将为您提供布局列表，其中禁用的字段将被取消选中。

最后，我需要使用禁用字段 JSON，以便在您选择布局的页面中删除“添加”按钮内的列表项。为此，我在 functions.php 中创建了另一个函数 Hook 到 acf/input/admin_head (所以当 ACF 存在时该函数会很有趣):

<?php

function acf_admin_head_layout( $field ) {

?>

<script type="text/javascript">

    (function($) {

        $(document).ready(function(){

            $.get('<?php echo get_template_directory_uri(); ?>/acf-json/disabledFields.json', function(data) {

            // alert(data);
                $.each(data, function(i, item) {

                    tmpl = $('.tmpl-popup').html();

                    //Create jQuery object
                    tmplDiv = $('<div>', {html : tmpl});

                    //Target element and remove it
                    tmplDiv.find('a[data-layout="'+item+'"]').closest('li').remove();

                    tmpl = tmplDiv.html();

                    $('.tmpl-popup').replaceWith('<script type="text-html" class="tmpl-popup">'+tmpl+'</sc'+'ript>');

                });

            });                   

        });

    })(jQuery);  

</script>  

<?php

}

add_action('acf/input/admin_head', 'acf_admin_head_layout', 10, 1);

?>

这将在页面中找到包含布局选项的字符串的类，将其转换为 HTML，以便我们能够操作内容并将其存储在临时变量中。然后我们遍历 JSON 文件中存在的每个禁用字段，并尝试在数据布局属性中找到匹配项，如果有匹配项，壁橱列表项(它的父项)将被删除。

然后我们必须在 <script> 中添加回来标记并放回页面中，以便使用新清理的列表而不是旧列表。

完成这一切后，您应该在设置菜单中有一个区域，您可以在其中启用/禁用所有布局。然后您应该能够添加/编辑页面并选择 Add按钮，您应该只会看到您在设置页面中选择的布局。

关于php - 列出可用的 ACF 灵活布局选项，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48185529/