it-swarm.cn

在admin-style中创建一个表?

使用表格的方式创建带有表格的页面的推荐方法是什么?显示管理区域中的帖子或用户?

我正在扩展 缓存图像插件 ,它包含一个表,其中包含域和来自该域的许多图像。所以我没有相应的现有表可以构建(在这个问题的第一个版本中,我询问了一个包含帖子的表,但我可以(可能) 扩展现有的post表 )。

我应该立足于 发布概述页面 ,并以<table class="widefat">开头,还是现在有更好的功能来处理这个问题?你知道一个带有分页的表的干净,空的例子,我可以根据我的工作吗?

42
Jan Fabry

这是我通常使用的:

<table class="widefat fixed" cellspacing="0">
    <thead>
    <tr>

            <th id="cb" class="manage-column column-cb check-column" scope="col"></th> // this column contains checkboxes
            <th id="columnname" class="manage-column column-columnname" scope="col"></th>
            <th id="columnname" class="manage-column column-columnname num" scope="col"></th> // "num" added because the column contains numbers

    </tr>
    </thead>

    <tfoot>
    <tr>

            <th class="manage-column column-cb check-column" scope="col"></th>
            <th class="manage-column column-columnname" scope="col"></th>
            <th class="manage-column column-columnname num" scope="col"></th>

    </tr>
    </tfoot>

    <tbody>
        <tr class="alternate">
            <th class="check-column" scope="row"></th>
            <td class="column-columnname"></td>
            <td class="column-columnname"></td>
        </tr>
        <tr>
            <th class="check-column" scope="row"></th>
            <td class="column-columnname"></td>
            <td class="column-columnname"></td>
        </tr>
        <tr class="alternate" valign="top"> // this row contains actions
            <th class="check-column" scope="row"></th>
            <td class="column-columnname">
                <div class="row-actions">
                    <span><a href="#">Action</a> |</span>
                    <span><a href="#">Action</a></span>
                </div>
            </td>
            <td class="column-columnname"></td>
        </tr>
        <tr valign="top"> // this row contains actions
            <th class="check-column" scope="row"></th>
            <td class="column-columnname">
                <div class="row-actions">
                    <span><a href="#">Action</a> |</span>
                    <span><a href="#">Action</a></span>
                </div>
            </td>
            <td class="column-columnname"></td>
        </tr>
    </tbody>
</table>

希望有所帮助。

28
sorich87

使用Core API,而不仅仅是CSS

通常,您只需使用WP_List_Table类的实例。

指南:

好处?

是!

您可以添加分页,搜索框,操作以及您可以想象的任何魔法(并且能够编码)。

26
kaiser

使用此示例(作为插件编写)来创建管理表:

http://wordpress.org/extend/plugins/custom-list-table-example/

它使用内置的 WP_List_Table class。

13
Sander

您也可以使用这个小插件来查看WP中后端的可能性: https://github.com/bueltge/WordPress-Admin-Style

4
bueltge

您可以考虑在管理员中为自定义帖子类型列表添加过滤器吗?下面的链接答案显示了如何使用分类法执行此操作,但您可以轻松地在restrict_manage_posts钩子中使用其他条件:

如果您有更多问题,请与我们联系。

0
MikeSchinkel