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

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

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

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

40 голосов | спросил Jan Fabry 6 thEurope/Moscowp30Europe/Moscow09bEurope/MoscowMon, 06 Sep 2010 16:18:30 +0400 2010, 16:18:30

5 ответов


23

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

  <table class = "widefat fixed" cellspacing = "0" & ​​gt;
    & Lt; THEAD & GT;
    & Lt; & тр GT;

            <th id = "cb" class = "control-column column-cb check-column" scope = "col"> </th> //этот столбец содержит флажки
            <th id = "columnname" class = "manage-column column-columnname" scope = "col"> </th>
            <th id = "columnname" class = "manage-column column-columnname num" scope = "col"> </th> //«num» добавлено, потому что столбец содержит числа

    & Л; /тр & GT;
    & Lt; /THEAD & GT;

    & Lt; TFOOT & GT;
    & Lt; & тр GT;

            <th class = "control-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>

    & Л; /тр & GT;
    & Lt; /TFOOT & GT;

    & Lt; TBODY & GT;
        <tr class = "alternate">
            <th class = "check-column" scope = "row"> </th>
            <td class = "column-columnname"> </td>
            <td class = "column-columnname"> </td>
        & Л; /тр & GT;
        & Lt; & тр GT;
            <th class = "check-column" scope = "row"> </th>
            <td class = "column-columnname"> </td>
            <td class = "column-columnname"> </td>
        & Л; /тр & GT;
        <tr class = "alternate" valign = "top"> //эта строка содержит действия
            <th class = "check-column" scope = "row"> </th>
            <td class = "column-columnname">
                <div class = "row-actions">
                    <span> <a href = "#"> Действие </a> | & Л; /& продолжительность GT;
                    <span> <a href = "#"> Действие </a> </span>
                & Lt; /дел & GT;
            & Lt; /тд & GT;
            <td class = "column-columnname"> </td>
        & Л; /тр & GT;
        <tr valign = "top"> //эта строка содержит действия
            <th class = "check-column" scope = "row"> </th>
            <td class = "column-columnname">
                <div class = "row-actions">
                    <span> <a href = "#"> Действие </a> | & Л; /& продолжительность GT;
                    <span> <a href = "#"> Действие </a> </span>
                & Lt; /дел & GT;
            & Lt; /тд & GT;
            <td class = "column-columnname"> </td>
        & Л; /тр & GT;
    & Lt; /TBODY & GT;
& Lt; /таблица & GT;
 

Надеюсь, что это поможет.

ответил sorich87 6 thEurope/Moscowp30Europe/Moscow09bEurope/MoscowMon, 06 Sep 2010 22:33:51 +0400 2010, 22:33:51
24

Используйте Core API, а не только его CSS

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

Guides:

  • Подробнее об этом в Codex здесь .
  • Вот также руководство от WP Engineer - слишком много, чтобы скопировать его .
  • И еще одно руководство по Smashing Magazine в Интернете.

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

ДА!

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

ответил kaiser 19 WedEurope/Moscow2012-12-19T04:16:18+04:00Europe/Moscow12bEurope/MoscowWed, 19 Dec 2012 04:16:18 +0400 2012, 04:16:18
13

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

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

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

ответил Sander 24 SatEurope/Moscow2011-12-24T21:44:37+04:00Europe/Moscow12bEurope/MoscowSat, 24 Dec 2011 21:44:37 +0400 2011, 21:44:37
4

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

ответил bueltge 27 Maypm11 2011, 17:48:57
0

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

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

ответил MikeSchinkel 7 thEurope/Moscowp30Europe/Moscow09bEurope/MoscowTue, 07 Sep 2010 06:03:08 +0400 2010, 06:03:08

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

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132