it-swarm-id.com

Membuat tabel dengan gaya admin?

Apa cara yang disarankan untuk membuat halaman dengan tabel, dengan gaya tabel yang menunjukkan posting atau pengguna di area admin?

Saya memperluas plugin Gambar Tembolok , dan berisi tabel dengan domain dan sejumlah gambar dari domain itu. Jadi tidak ada tabel setara yang ada yang bisa saya bangun (dalam versi pertama dari pertanyaan ini, saya bertanya tentang tabel dengan posting, tetapi di sana saya dapat (mungkin) memperluas tabel posting yang ada ).

Haruskah saya mendasarkan diri pada halaman ikhtisar posting , dan mulai dengan <table class="widefat">, atau adakah fungsi yang lebih baik yang menangani ini sekarang? Apakah Anda tahu contoh meja yang bersih dan kosong dengan paging yang bisa dijadikan dasar pekerjaan saya?

42
Jan Fabry

Inilah yang biasanya saya gunakan:

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

Semoga itu bisa membantu.

28
sorich87

Gunakan Core API, tidak hanya CSS-nya

Biasanya Anda hanya menggunakan instance dari kelas WP_List_Table.

Panduan:

  • Lebih lanjut tentang itu di Codex sini .
  • Berikut ini juga panduan dari WP Insinyur - terlalu banyak untuk menyalinnya.
  • Dan panduan lain tentang Majalah Smashing online.

Manfaat?

IYA NIH!

Anda dapat menambahkan pagination, kotak pencarian, aksi, dan keajaiban apa pun yang dapat Anda bayangkan (dan mampu membuat kode).

26
kaiser

Gunakan contoh ini (ditulis sebagai plugin) untuk membuat tabel admin Anda:

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

Itu menggunakan built-in WP_List_Table class.

13
Sander

Anda juga dapat menggunakan plugin kecil ini untuk melihat kemungkinan backend di WP: https://github.com/bueltge/WordPress-Admin-Style

4
bueltge

Anda mungkin ingin mempertimbangkan untuk menambahkan filter ke daftar jenis posting khusus Anda di admin? Jawaban yang ditautkan di bawah ini menunjukkan cara melakukannya dengan taksonomi tetapi Anda dapat dengan mudah menggunakan kriteria lain dalam restrict_manage_posts hook Anda:

Beritahu saya jika Anda memiliki pertanyaan lebih lanjut.

0
MikeSchinkel