Stai creando una tabella in stile admin?

Qual è il modo consigliato di creare una pagina con una tabella, nello stile delle tabelle che mostrano post o utenti nell'area di amministrazione?

Sto espandendo il plug-in Cache Images e contiene una tabella con domini e un numero di immagini da quel dominio. Quindi non esiste una tabella esistente equivalente su cui posso basarmi (nella prima versione di questa domanda, ho chiesto di una tabella con post, ma lì potrei (forse) espandere la tabella di post esistente ).

Devo basarmi sulla pagina di riepilogo dei post e iniziare con un <table class="widefat">o ci sono funzioni migliori che gestiscono questo ora? Conosci un esempio pulito e vuoto di una tabella con paging su cui poter basare il mio lavoro?

Questo è ciò che generalmente utilizzo:

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

Spero che sia d'aiuto.

Usa l'API Core, non solo il suo CSS

Normalmente usi solo un'istanza della WP_List_Tableclasse.

Guide:

• Maggiori informazioni nel Codice qui .
• Ecco anche una guida dell'ingegnere WP , troppo per copiarla.
• E un'altra guida su Smashing Magazine online.

Benefici?

SÌ!

Puoi aggiungere impaginazione, caselle di ricerca, azioni e qualunque magia tu possa immaginare (e sei in grado di codificare).

Usa questo esempio (scritto come plugin) per creare le tue tabelle di amministrazione:

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

Utilizza la classe WP_List_Table integrata .

Inoltre puoi usare questo piccolo plugin per visualizzare le possibilità del backend in WP: https://github.com/bueltge/WordPress-Admin-Style

Ti consigliamo di aggiungere un filtro al tuo elenco di tipi di post personalizzato nell'amministratore? La risposta collegata di seguito mostra come farlo con una tassonomia ma puoi facilmente usare altri criteri nel tuo restrict_manage_postshook:

• Aggiunta di un filtro tassonomia all'elenco di amministratori per un tipo di post personalizzato?

Fammi sapere se hai altre domande.