Tạo bảng theo kiểu quản trị viên?

Cách tạo trang được đề xuất với bảng, theo kiểu bảng hiển thị bài đăng hoặc người dùng trong khu vực quản trị là gì?

Tôi đang mở rộng plugin Cache Images và nó chứa một bảng có tên miền và một số hình ảnh từ tên miền đó. Vì vậy, không có bảng tương đương hiện có mà tôi có thể xây dựng (trong phiên bản đầu tiên của câu hỏi này, tôi đã hỏi về một bảng có bài đăng, nhưng ở đó tôi có thể (có thể) mở rộng bảng bài hiện có ).

Tôi có nên chỉ dựa vào trang tổng quan bài đăng và bắt đầu với một <table class="widefat">hoặc có chức năng tốt hơn để xử lý việc này bây giờ không? Bạn có biết một ví dụ sạch sẽ, trống rỗng của một bảng với phân trang mà tôi có thể dựa vào công việc của mình không?

Đây là những gì tôi thường sử dụng:

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

Mong rằng sẽ giúp.

Sử dụng API lõi, không chỉ CSS của nó

Thông thường bạn chỉ cần sử dụng một thể hiện của WP_List_Tablelớp.

Hướng dẫn:

• Thông tin thêm về nó trong Codex ở đây .
• Đây cũng là một hướng dẫn từ WP Engineering - quá nhiều để sao chép nó.
• Và một hướng dẫn khác trên Tạp chí Smashing trực tuyến.

Những lợi ích?

ĐÚNG!

Bạn có thể thêm phân trang, hộp tìm kiếm, hành động và bất kỳ phép thuật nào bạn có thể tưởng tượng (và có thể mã hóa).

Sử dụng ví dụ này (được viết dưới dạng plugin) để tạo các bảng quản trị của bạn:

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

Nó sử dụng lớp WP_List_Table tích hợp .

Ngoài ra, bạn có thể sử dụng plugin nhỏ này để xem các khả năng của phụ trợ trong WP: https://github.com/bueltge/WordPress-Admin-Style

Bạn có thể muốn xem xét thêm bộ lọc vào danh sách loại bài đăng tùy chỉnh của mình trong quản trị viên? Câu trả lời được liên kết dưới đây cho thấy cách thực hiện với phân loại nhưng bạn có thể dễ dàng sử dụng các tiêu chí khác trong restrict_manage_postshook của mình :

• Thêm bộ lọc phân loại vào danh sách quản trị cho loại bài đăng tùy chỉnh?

Hãy cho tôi biết nếu bạn có thêm câu hỏi.