Créer une table dans le style admin?

41

Quelle est la méthode recommandée pour créer une page avec un tableau, dans le style des tableaux affichant des publications ou des utilisateurs dans la zone d'administration?

Je développe le plug-in Cache Images , qui contient un tableau avec des domaines et plusieurs images. de ce domaine. Donc, il n’existe aucune table existante équivalente sur laquelle je puisse me fonder (dans la première version de cette question, j’avais posé une question sur une table avec des publications, mais j’aurais (peut-être) développer le tableau de postes existant ).

Dois-je simplement me baser sur la page de synthèse de la publication , et commençons par <table class="widefat"> , ou existe-t-il de meilleures fonctions pour gérer cela maintenant? Connaissez-vous un exemple propre et vide d’une table avec pagination sur laquelle je pourrais baser mon travail?

    
posée Jan Fabry 06.09.2010 - 14:18
la source

5 réponses

27

C’est ce que j’utilise généralement:

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

L’espoir que cela aide.

    
réponse donnée sorich87 06.09.2010 - 20:33
la source
25

Utilisez l'API de base, pas seulement son CSS

Normalement, vous utilisez simplement une instance de la classe WP_List_Table .

Guides:

Avantages?

OUI!

Vous pouvez ajouter une pagination, des zones de recherche, des actions et tout type de magie imaginable (et capable de coder).

    
réponse donnée kaiser 19.12.2012 - 01:16
la source
13

Utilisez cet exemple (écrit en tant que plugin) pour créer vos tables d'administration:

enlace

Il utilise la classe WP_List_Table intégrée.

    
réponse donnée Sander 24.12.2011 - 18:44
la source
4

Vous pouvez également utiliser ce petit plugin pour afficher les possibilités du backend dans WP: enlace

    
réponse donnée bueltge 27.05.2011 - 15:48
la source
0

Vous pourriez envisager d’ajouter un filtre à votre liste de types de publications personnalisée dans l’administrateur? La réponse liée ci-dessous montre comment procéder avec une taxonomie, mais vous pouvez facilement utiliser d'autres critères dans votre restrict_manage_posts hook:

Faites-moi savoir si vous avez d'autres questions.

    
réponse donnée MikeSchinkel 07.09.2010 - 04:03
la source

Lire d'autres questions sur les étiquettes