Створення таблиці в стилі адміністратора?

Який рекомендований спосіб створення сторінки за допомогою таблиці, у стилі таблиць із зображеннями публікацій або користувачів у зоні адміністратора?

Я розширюю плагін Cache Images , і він містить таблицю з доменами та низкою зображень із цього домену. Отже, не існує еквівалентної існуючої таблиці, на якій я можу будуватись (у першій версії цього питання я запитав про таблицю з повідомленнями, але там я міг (можливо) розширити існуючу таблицю публікацій ).

Чи варто просто базуватися на сторінці огляду публікацій і починати з а <table class="widefat">, чи є кращі функції, які зараз справляються з цим? Чи знаєте ви чистий, порожній приклад таблиці з пейджингом, на якій я можу базувати свою роботу?

Це те, що я зазвичай використовую:

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

Сподіваюся, що це допомагає.

Використовуйте Core API, не тільки його CSS

Зазвичай ви просто використовуєте екземпляр WP_List_Tableкласу.

Посібники:

• Детальніше про це в Кодексі тут .
• Ось також посібник від WP Engineer - занадто багато, щоб копіювати його.
• І ще один путівник по Smashing Magazine в Інтернеті.

Переваги?

ТАК!

Ви можете додати сторінки, пошукові вікна, дії та будь-яку магію, яку ви можете собі уявити (і вмієте кодувати).

Використовуйте цей приклад (написаний як плагін) для створення адміністративних таблиць:

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

Він використовує вбудований клас WP_List_Table .

Також ви можете використовувати цей невеликий плагін для перегляду можливостей бекенда в WP: https://github.com/bueltge/WordPress-Admin-Style

Ви можете розглянути можливість додавання фільтра до вашого списку типових повідомлень у адміністраторі? Зв'язана відповідь нижче показує, як це зробити з систематикою, але ви можете легко використовувати інші критерії в restrict_manage_postsгачку:

• Додавання фільтра таксономії до списку адміністраторів для користувацького типу публікації?

Повідомте мене, якщо у вас є додаткові запитання.