it-swarm.com.de

Eine Tabelle im Admin-Stil erstellen?

Was ist die empfohlene Methode, um eine Seite mit einer Tabelle im Stil der Tabellen zu erstellen, in denen Posts oder Benutzer im Administrationsbereich angezeigt werden?

Ich erweitere das Cache Images-Plugin und es enthält eine Tabelle mit Domänen und einer Reihe von Bildern aus dieser Domäne. Es gibt also keine entsprechende vorhandene Tabelle, auf die ich aufbauen kann (in der ersten Version dieser Frage habe ich nach einer Tabelle mit Beiträgen gefragt, aber dort könnte ich (vielleicht) die vorhandene Beitragstabelle erweitern ).

Sollte ich mich einfach auf die Beitragsübersichtsseite stützen und mit einem <table class="widefat"> beginnen, oder gibt es bessere Funktionen, die das jetzt erledigen? Kennen Sie ein sauberes, leeres Beispiel für einen Tisch mit Seitenwechsel, auf den ich meine Arbeit stützen könnte?

42
Jan Fabry

Dies ist, was ich im Allgemeinen benutze:

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

Hoffentlich hilft das.

28
sorich87

Verwenden Sie die Core-API, nicht nur das CSS

Normalerweise verwenden Sie nur eine Instanz der Klasse WP_List_Table.

Guides:

Leistungen?

JA!

Sie können Paginierung, Suchfelder, Aktionen und jede Art von Magie hinzufügen, die Sie sich vorstellen können (und die Sie codieren können).

26
kaiser

Verwenden Sie dieses Beispiel (als Plugin geschrieben), um Ihre Admin-Tabellen zu erstellen:

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

Es verwendet die integrierte Klasse WP_List_Table .

13
Sander

Sie können dieses kleine Plugin auch verwenden, um die Möglichkeiten des Backends in WP anzuzeigen: https://github.com/bueltge/WordPress-Admin-Style

4
bueltge

Vielleicht möchten Sie einen Filter zu Ihrer benutzerdefinierten Beitragstypenliste im Administrator hinzufügen? Die unten stehende verknüpfte Antwort zeigt, wie Sie dies mit einer Taxonomie tun, aber Sie können problemlos andere Kriterien in Ihrem restrict_manage_posts-Hook verwenden:

Lassen Sie mich wissen, wenn Sie weitere Fragen haben.

0
MikeSchinkel