it-swarm.asia

إنشاء جدول في نمط المسؤول؟

ما هي الطريقة الموصى بها لإنشاء صفحة مع جدول ، بأسلوب الجداول التي تعرض المنشورات أو المستخدمين في منطقة المسؤول؟

أقوم بتوسيع المكوّن الإضافي لـ Cache Images ، ويحتوي على جدول به مجالات وعدد من الصور من هذا المجال. لذلك لا يوجد جدول حالي معادل يمكنني الاعتماد عليه (في الإصدار الأول من هذا السؤال ، سألت عن جدول به منشورات ، لكن يمكنني (ربما) توسيع جدول المنشورات الحالي ).

هل يجب عليّ فقط أن أبني على صفحة نظرة عامة على المنشور ، وأن أبدأ بـ <table class="widefat"> ، أم أن هناك وظائف أفضل تتعامل مع هذا الآن؟ هل تعرف مثالًا نظيفًا وفارغًا لجدول مع صفحات الترحيل التي يمكنني أن أبني عليها عملي؟

42
Jan Fabry

هذا هو ما أستخدمه بشكل عام:

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

امل ان يساعد.

28
sorich87

استخدم Core API ، وليس فقط CSS الخاص به

عادةً ما تستخدم مجرد مثيل لفئة WP_List_Table.

خطوط إرشاد:

  • المزيد عن ذلك في الدستور الغذائي هنا .
  • إليك أيضًا دليلًا من WP Engineer - كثيرًا لا يمكن نسخه.
  • ودليل آخر على تحطيم مجلة على الانترنت.

فوائد؟

نعم فعلا!

يمكنك إضافة ترقيم الصفحات ومربعات البحث والإجراءات وأي سحر يمكنك أن تتخيله (وتكون قادرة على الرمز).

26
kaiser

استخدم هذا المثال (مكتوب كمكون إضافي) لإنشاء جداول المشرف:

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

ويستخدم المدمج في WP_List_Table فئة.

13
Sander

كما يمكنك استخدام هذا البرنامج المساعد الصغير لعرض إمكانيات الخلفية في WP: https://github.com/bueltge/WordPress-Admin-Style

4
bueltge

قد ترغب في إضافة عامل تصفية إلى قائمة نوع المنشور المخصص في المشرف؟ توضح الإجابة المرتبطة أدناه كيفية القيام بذلك مع وجود تصنيف ولكن يمكنك بسهولة استخدام معايير أخرى في خطافك restrict_manage_posts:

اسمحوا لي أن أعرف إذا كان لديك المزيد من الأسئلة.

0
MikeSchinkel