Question

在我的WordPress选项页面中，我使用如下代码来创建字段：

$sections['helper'] = array(
    'title' => '<span>' . __('Help', 'ngin') . '</span>',
    'menu_title' => __('Help', 'ngin'),
    'icon' => 'fa-help',
    'fields' => array(
        array(
            // Field name: usually not used
            'type' => 'custom_html',
            // HTML content
            'std'  => '<div class="alert alert-warning">This is a custom HTML content.</div>',
            'desc' => __('This is custom HTML example.', 'ngin'), 
            // PHP function to show custom HTML
            // 'callback' => 'display_warning',
        ),
    ),
);

稍后，我使用do_settings_sections($idx.'_section');，此函数使用do_settings_fields函数，在这里您看到：do_settings_sections( string $page )像这样：

echo '<table class="form-table">';
do_settings_fields( $page, $section['id'] );
echo '</table>';

最后，它会生成如下代码：

<table class="form-table">
<tr>
    <th scope="row">Header 1</th>
    <td>
        <div class="alert alert-warning">Content 1</div>
    </td>
</tr>
<tr>
    <th scope="row">Header 2</th>
    <td>
        <div class="alert alert-warning">Content 2</div>
    </td>
</tr>
<tr>
    <th scope="row">Header 3</th>
    <td>
        <div class="alert alert-warning">Content 3</div>
    </td>
</tr>
<tr>
    <th scope="row">Header 4</th>
    <td>
        <div class="alert alert-warning">Content 4</div>
    </td>
</tr>
</table>

我想首先使用全宽度的Content div，但我不想看到<th scope="row">Header 1</th>。但是我不知道怎么办？

Answer 1

我认为您正在使用Fluent Framework。我们可以使用custom_html看到这一点。该框架使用字段来创建选项页，元框，分类法元等。另一方面，我认为我们不能在不中断WordPress Core和使用JavaScript的情况下更改scope = "row"。不要干扰WordPress Core。绝对不建议这样做。

现在，将一个javascript文件创建到fields/custom_html目录，并使用jQuery隐藏scope，如下所示：

jQuery(document).ready(function()
{
    jQuery('th[scope="row"]').first().hide();
});

像这样排队javascript文件：

wp_enqueue_script('custom-html-js', PATH.'fields/custom_html/custom_html.js', array('jquery'), time(),  true);

这将在页面加载时隐藏scope = "row"单元格。当然，如果要隐藏所有jQuery.each个单元格，可以使用scope = "row"。

无论如何在WordPress的do_settings_fields上使用colspan

1 个答案: