สร้างตารางในสไตล์ผู้ดูแลระบบหรือไม่

วิธีที่แนะนำในการสร้างหน้าด้วยตารางในรูปแบบของตารางที่แสดงโพสต์หรือผู้ใช้ในพื้นที่ผู้ดูแลระบบคืออะไร?

ฉันกำลังขยายปลั๊กอินรูปภาพแคชและมันมีตารางที่มีโดเมนและรูปภาพจำนวนหนึ่งจากโดเมนนั้น ดังนั้นจึงไม่มีตารางที่มีอยู่เทียบเท่าที่ฉันสามารถสร้างเมื่อ (ในรุ่นแรกของคำถามนี้ผมถามเกี่ยวกับตารางที่มีการโพสต์ แต่มีฉันจะ (อาจจะ) ขยายตารางการโพสต์ที่มีอยู่ )

ฉันควรตั้งตัวเองบนหน้าภาพรวมโพสต์แล้วเริ่มต้นด้วย<table class="widefat">หรือมีฟังก์ชั่นที่ดีกว่านี้หรือไม่ คุณรู้หรือเปล่าว่าเป็นตัวอย่างที่ชัดเจนของตารางที่มีการเพจซึ่งฉันสามารถใช้ทำงานได้

นี่คือสิ่งที่ฉันใช้โดยทั่วไป:

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

หวังว่าจะช่วย

ใช้ Core API ไม่ใช่แค่ CSS

โดยปกติคุณเพียงแค่ใช้อินสแตนซ์ของWP_List_Tableคลาส

คำแนะนำ:

• เพิ่มเติมเกี่ยวกับเรื่องนี้ใน Codex ที่นี่
• นี่คือคำแนะนำจากWP Engineer - มากเกินกว่าจะคัดลอกได้
• และคู่มืออื่นในนิตยสาร Smashingออนไลน์

ประโยชน์ที่ได้รับ?

ใช่!

คุณสามารถเพิ่มเลขหน้ากล่องค้นหาการกระทำและเวทมนตร์อะไรก็ตามที่คุณจินตนาการได้ (และสามารถเขียนโค้ดได้)

ใช้ตัวอย่างนี้ (เขียนเป็นปลั๊กอิน) เพื่อสร้างตารางผู้ดูแลระบบของคุณ:

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

มันใช้คลาสWP_List_Tableในตัว

นอกจากนี้คุณสามารถใช้ปลั๊กอินขนาดเล็กนี้เพื่อดูความเป็นไปได้ของแบ็กเอนด์ใน WP: https://github.com/bueltge/WordPress-Admin-Style

คุณอาจต้องการเพิ่มตัวกรองในรายการประเภทโพสต์ที่คุณกำหนดเองในผู้ดูแลระบบหรือไม่ คำตอบที่เชื่อมโยงด้านล่างแสดงวิธีการทำ taxonomy แต่คุณสามารถใช้เกณฑ์อื่น ๆ ในrestrict_manage_postshook ของคุณได้อย่างง่ายดาย:

• การเพิ่มตัวกรอง Taxonomy ให้กับรายการผู้ดูแลระบบสำหรับประเภทโพสต์ที่กำหนดเองหรือไม่

แจ้งให้เราทราบหากคุณมีคำถามเพิ่มเติม