¿Crear una tabla en el estilo de administrador?

¿Cuál es la forma recomendada de crear una página con una tabla, al estilo de las tablas que muestran publicaciones o usuarios en el área de administración?

Estoy ampliando el complemento Imágenes de caché , y contiene una tabla con dominios y varias imágenes de ese dominio. Por lo tanto, no hay una tabla existente equivalente sobre la que pueda construir (en la primera versión de esta pregunta, pregunté sobre una tabla con publicaciones, pero allí podría (tal vez) expandir la tabla de publicaciones existente ).

¿Debería basarme en la página de descripción general de la publicación y comenzar con una <table class="widefat">, o hay mejores funciones que manejen esto ahora? ¿Conoces un ejemplo limpio y vacío de una tabla con paginación en la que pueda basar mi trabajo?

Esto es lo que generalmente uso:

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

Espero que ayude.

Use la API Core, no solo su CSS

Normalmente solo usa una instancia de la WP_List_Tableclase.

Guías:

• Más sobre esto en el Codex aquí .
• Aquí también hay una guía de WP Engineer : demasiado para copiarla.
• Y otra guía en la revista Smashing en línea.

Beneficios?

¡SÍ!

Puedes agregar paginación, cuadros de búsqueda, acciones y cualquier magia que puedas imaginar (y puedas codificar).

Use este ejemplo (escrito como un complemento) para crear sus tablas de administrador:

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

Utiliza la clase incorporada WP_List_Table .

También puede usar este pequeño complemento para ver las posibilidades del backend en WP: https://github.com/bueltge/WordPress-Admin-Style

¿Es posible que desee agregar un filtro a su lista de tipos de publicaciones personalizadas en el administrador? La respuesta vinculada a continuación muestra cómo hacerlo con una taxonomía, pero podría usar fácilmente otros criterios en su restrict_manage_postsgancho:

• ¿Agregar un filtro de taxonomía a la lista de administradores para un tipo de publicación personalizado?

Avísame si tienes más preguntas.