Yönetici tarzında bir tablo oluşturma?

Yönetici alanında yayınları veya kullanıcıları gösteren tabloların tarzında, tablo içeren bir sayfa oluşturmanın önerilen yolu nedir?

Önbellek Görüntüleri eklentisini genişletiyorum ve etki alanlarını içeren bir tablo ve bu etki alanından birkaç resim içeriyor. Bu yüzden üzerine kurabileceğim eşdeğer bir tablo yok (bu sorunun ilk versiyonunda, yazı içeren bir masa hakkında sorular sordum, fakat orada mevcut yazı masasını genişletebilirim ).

Kendimi sadece yazı genel bakış sayfasına dayandırmalı mıyım ve bir ile mi başlamalıyım <table class="widefat">? Çalışmamı temel alabileceğim, sayfalamayı içeren temiz bir boş tablo örneği biliyor musunuz?

Genelde kullandığım şey bu:

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

Umarım yardımcı olur.

Çekirdek API'yi kullanın, yalnızca CSS’ini değil

Normalde sadece WP_List_Tablesınıfın bir örneğini kullanırsınız .

Kılavuzlar:

• Kodeks bu konuda daha fazla burada .
• İşte WP Mühendisi bir rehber - kopyalamak için çok fazla.
• Ve çevrimiçi Smashing Dergisi'nde başka bir rehber .

Yararları?

EVET!

Sayfalandırma, arama kutuları, eylemler ve hayal edebildiğiniz her büyü (ve kodlamayı yapabilir) ekleyebilirsiniz.

Yönetici tablolarınızı oluşturmak için bu örneği (eklenti olarak yazılmış) kullanın:

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

Yerleşik WP_List_Table sınıfını kullanır .

Ayrıca bu küçük eklentiyi WP'deki arka uç olanaklarını görüntülemek için de kullanabilirsiniz: https://github.com/bueltge/WordPress-Admin-Style

Yönetici içindeki özel posta türü listenize bir filtre eklemeyi düşünebilirsiniz? Aşağıdaki bağlantılı cevap taksonomi ile nasıl yapılacağını gösterir, ancak kancanızdaki diğer kriterleri kolayca kullanabilirsiniz restrict_manage_posts:

• Özel Bir Yazı Tipi için Yönetici Listesine Taksonomi Filtresi Eklemek?

Eğer başka sorunuz varsa bana haber verin.