问题描述

使用表格创建页面的推荐方式是什么，在管理区域中显示帖子或用户的表格样式？

我正在扩展 the Cache Images plugin，它包含一个表，其中包含域和许多来自该域的图像。所以没有可以建立的等同的现有表 (在这个问题的第一个版本中，我问了一个表的帖子，但我可以 (也许)expand the existing post table) 。

我应该把自己放在 the post overview page 上，从<table class="widefat"> 开始，还是现在有更好的功能来处理？你知道一个干净，空白的桌子的例子，我可以基于我的工作吗？

最佳解决方案

这是我一般使用的：

<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>

希望有帮助。

次佳解决方案

使用 Core API，不仅仅是 CSS

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

指南：

好处？

是！

您可以添加分页，搜索框，动作和任何魔法，你可以想象 (并能够编码) 。

第三种解决方案

使用此示例 (写为插件) 创建管理表：

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

它使用 built-in WP_List_Table 类。

第四种方案

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

参考文献

注：本文内容整合自 Google/Baidu/Bing 辅助翻译的英文资料结果。如果您对结果不满意，可以加入我们改善翻译效果：薇晓朵技术论坛。