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

Каков рекомендуемый способ создать страницу с таблицей в стиле таблиц, показывающих сообщения или пользователей в администраторской области?

Я разворачиваю плагин Изображений Кэша, и он содержит таблицу с доменами и многими изображениями от того домена. Таким образом, нет никакой эквивалентной существующей таблицы, на которую я могу положиться (в первой версии этого вопроса, я спросил о таблице с сообщениями, но там я мог (возможно), развернуть существующую таблицу сообщения).

Если я просто базируюсь на странице обзора сообщения и запускаюсь с a <table class="widefat">, или есть ли лучшие функции, которые обрабатывают это теперь? Вы знаете чистый, пустой пример таблицы с подкачкой страниц, над которой я мог основывать свою работу?

46
13.04.2017, 15:37
5 ответов

Это - то, что я обычно использую:

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

Надежда, которая помогает.

32
19.02.2020, 21:54
  • 1
    это также, чтобы вставить автоматическое разбиение на страницы как это? (например, показывающий сообщение 1-20) –  Michiel Standaert 07.12.2011, 16:50
  • 2
    @MichielStandaert –  kaiser 14.06.2014, 14:19
  • 3
    @MichielStandaert, если Вы захотите нумеровавший страницы результат, можно использовать paginate_links –  tiltdown 27.09.2014, 01:09
  • 4
    Спасибо! (Но я, все еще спрашивая, почему они не использовали :odd для строки вместо позволенного нас добавляют класс каждый две строки...) –  Zachary Dahan 15.03.2016, 17:57
  • 5
    Существуют, очевидно, "лучшие" решения (как другие ответы здесь), но для быстрой, основной таблицы, это точно, чем я был после.Спасибо! –  rinogo 01.11.2019, 22:06

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

4
19.02.2020, 21:54

Вы могли бы хотеть рассмотреть добавление фильтра к Вашему пользовательскому списку типов сообщения в администраторе? Связанный ответ ниже показывает, как сделать это с таксономией, но Вы могли легко использовать другие критерии в Вашем restrict_manage_posts рычаг:

Сообщите мне, есть ли у Вас больше вопросов.

0
19.02.2020, 21:54

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

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

Это использует встроенный класс WP_List_Table.

13
19.02.2020, 21:54

Используйте Ядро API, не только его CSS

Обычно Вы просто используете экземпляр WP_List_Table класс.

Руководства:

Преимущества?

ДА!

Можно добавить разбиение на страницы, поля поиска, действия и безотносительно волшебства можно вообразить (и могут кодировать).

27
19.02.2020, 21:54
  • 1
    Маленькая подсказка как ссылка для наблюдения разметки, классов для администраторского интерфейса, только без цели составить таблицы: github.com/bueltge/WordPress-Admin-Style –  bueltge 04.11.2013, 15:33
  • 2
    > доступ Этого класса отмечен как частный. Это означает, что не предназначается для использования плагином и разработчиками темы, поскольку это подвержено изменениям, не предупреждая ни в каком будущем релизе WordPress. Если все еще требуется использовать класс, необходимо сделать копию, чтобы использовать и распределить с собственным проектом или иначе использовать его на Ваш собственный риск. большое спасибо –  Austin Pray 20.05.2017, 04:16
  • 3
    @AustinPray копия? Нет, не делайте этого. Существуют беты, RCs и другие предварительные показы доступного WP. Просто обновите свою реализацию / расширение. Если действительно необходимо уйти в сторону, просто запишите что-то лучше самостоятельно. Базовый код не настолько хорош. –  kaiser 21.05.2017, 02:13
  • 4
    @kaiser не снимает средство рассылки, это не мои слова. Я заключал в кавычки из Кодекса WP. Хотя регистрация в системе себя для бесконечного регрессионного тестирования с каждой бетой и RC не звучит намного лучше, чем копирование класса. Я согласовываю запись, что Ваш собственный простой класс является лучшим путем вперед. –  Austin Pray 22.05.2017, 22:15
  • 5
    @AustinPray Никакие твердые чувства :) Кодекс записан людьми как Вы и я. На самом деле можно пойти теперь и вернуться, что оператор и люди заключат его в кавычки. –  kaiser 22.05.2017, 22:36

Теги

Похожие вопросы