it-swarm.dev

Vytvoření tabulky ve stylu admin?

Jaký je doporučený způsob vytváření stránky s tabulkou ve stylu tabulek zobrazujících příspěvky nebo uživatele v oblasti admin?

Rozšiřuji plugin Cache Images , a obsahuje tabulku s doménami a množstvím obrázků z této domény. Neexistuje tedy žádná ekvivalentní existující tabulka, na které bych mohl stavět (v první verzi této otázky jsem se ptal na tabulku s příspěvky, ale tam bych mohl (možná) rozšířit existující tabulku příspěvků ).

Měl bych se jen založit na stránce přehledu příspěvků , a začít s <table class="widefat">, nebo existují lepší funkce, které to zvládnou teď? Znáte čistý, prázdný příklad stolu s stránkováním, na kterém jsem mohl vycházet?

42
Jan Fabry

Toto obecně používám:

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

Doufám, že to pomůže.

28
sorich87

Použijte Core API, nejen jeho CSS

Obvykle stačí použít instanci třídy WP_List_Table.

Průvodci:

  • Více o tom v Kodexu zde .
  • Zde je také průvodce od WP Engineer - příliš mnoho na to, abyste ho mohli kopírovat.
  • A další průvodce Smashing Magazine online.

Výhody?

ANO!

Můžete přidat stránkování, vyhledávací pole, akce a cokoliv, co si dokážete představit (a můžete kódovat).

26
kaiser

Tento příklad (napsaný jako plugin) použijte k vytvoření tabulek administrátora:

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

Používá vestavěnou WP_List_Table třídu.

13
Sander

Můžete také použít tento malý plugin pro zobrazení možností backendu v WP: https://github.com/bueltge/WordPress-Admin-Style

4
bueltge

Možná budete chtít zvážit přidání filtru do seznamu vlastních typů příspěvků v aplikaci admin? Níže uvedená propojená odpověď ukazuje, jak to udělat s taxonomií, ale v háku restrict_manage_posts můžete snadno použít jiná kritéria:

Pokud máte více otázek, dejte mi vědět.

0
MikeSchinkel