it-swarm-vi.tech

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 <table class="widefat">, hoặc có các chức năng tốt hơn xử lý việc này ngay 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?

42
Jan Fabry

Đâ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.

28
sorich87

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 lớp WP_List_Table.

Hướng dẫn:

  • Thông tin thêm về nó trong Codex tại đây .
  • Đây cũng là một hướng dẫn từ WP Kỹ sư - 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.

Lợi ích?

VÂ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).

26
kaiser

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 tích hợp WP_List_Table class.

13
Sander

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

4
bueltge

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 bên dưới 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 hook restrict_manage_posts của mình:

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

0
MikeSchinkel