Tworzysz tabelę w stylu administratora?

Jaki jest zalecany sposób tworzenia strony z tabelą w stylu tabel pokazujących posty lub użytkowników w obszarze administracyjnym?

Ja rozszerza Cache Obrazy wtyczki i zawiera tabelę z domen oraz liczbę zdjęć z tej domeny. Więc nie ma równoważnej istniejącej tabeli, na której mógłbym zbudować (w pierwszej wersji tego pytania pytałem o tabelę z postami, ale tam mogłem (być może) rozwinąć istniejącą tabelę postów ).

Czy powinienem po prostu oprzeć się na stronie przeglądu postów i zacząć od <table class="widefat">, czy są lepsze funkcje, które teraz to obsługują? Czy znasz czysty, pusty przykład tabeli ze stronicowaniem, na której mógłbym oprzeć swoją pracę?

Tego zazwyczaj używam:

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

Mam nadzieję, że to pomaga.

Używaj Core API, a nie tylko CSS

Zwykle używasz tylko wystąpienia WP_List_Tableklasy.

Przewodniki:

• Więcej na ten temat w Kodeksie tutaj .
• Oto także przewodnik od WP Engineer - za dużo, aby go skopiować.
• I kolejny przewodnik po Smashing Magazine online.

Korzyści?

TAK!

Możesz dodać paginację, pola wyszukiwania, działania i dowolną magię, jaką możesz sobie wyobrazić (i umiesz kodować).

Skorzystaj z tego przykładu (napisanego jako wtyczka), aby utworzyć tabele administracyjne:

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

Używa wbudowanej klasy WP_List_Table .

Możesz także użyć tej małej wtyczki, aby wyświetlić możliwości backendu w WP: https://github.com/bueltge/WordPress-Admin-Style

Może warto rozważyć dodanie filtra do listy niestandardowych typów postów w panelu administratora? Poniższa powiązana odpowiedź pokazuje, jak to zrobić z taksonomią, ale możesz łatwo użyć innych kryteriów w restrict_manage_postshaczyku:

• Dodawanie filtru taksonomii do listy administratorów dla niestandardowego typu postu?

Daj mi znać, jeśli masz więcej pytań.