Criando uma tabela no estilo admin?

41

Qual é a maneira recomendada de criar uma página com uma tabela, no estilo das tabelas que mostram postagens ou usuários na área de administração?

Estou expandindo o plug-in Cache Images e ele contém uma tabela com domínios e várias imagens desse domínio. Portanto, não há uma tabela equivalente existente sobre a qual eu possa construir (na primeira versão desta pergunta, perguntei sobre uma tabela com postagens, mas lá eu poderia (talvez) expanda a tabela de publicação existente ).

Devo me basear apenas na página de visão geral do post , e comece com um <table class="widefat"> , ou existem funções melhores que lidem com isso agora? Você conhece um exemplo limpo e vazio de uma tabela com paginação em que eu poderia basear meu trabalho?

    
por Jan Fabry 06.09.2010 / 14:18
fonte

5 respostas

27

Isso é o que geralmente uso:

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

Espero que ajude.

    
por sorich87 06.09.2010 / 20:33
fonte
25

Use a API do Core, não apenas seu CSS

Normalmente, você usa apenas uma instância da classe WP_List_Table .

Guias:

Benefícios?

SIM!

Você pode adicionar paginação, caixas de pesquisa, ações e qualquer mágica que possa imaginar (e seja capaz de codificar).

    
por kaiser 19.12.2012 / 01:16
fonte
13

Use este exemplo (escrito como um plug-in) para criar suas tabelas administrativas:

enlace

Ele usa a classe WP_List_Table integrada.

    
por Sander 24.12.2011 / 18:44
fonte
4

Além disso, você pode usar este pequeno plugin para ver as possibilidades do backend no WP: enlace

    
por bueltge 27.05.2011 / 15:48
fonte
0

Você pode considerar adicionar um filtro à sua lista de tipos de postagens personalizadas no admin? A resposta vinculada abaixo mostra como fazer isso com uma taxonomia, mas você pode facilmente usar outros critérios no seu restrict_manage_posts hook:

Deixe-me saber se você tem mais perguntas.

    
por MikeSchinkel 07.09.2010 / 04:03
fonte