Hướng dẫn chỉnh sửa Wordpress Admin: Listing Screen

This entry is part 5 of 6 in the series Customize Wordpress Admin

Hướng dẫn chỉnh sửa WordPress Admin : Trang login
Hướng dẫn chỉnh sửa WordPress Admin : Dashboard admin
Hướng dẫn chỉnh sửa WordPress Admin : Custom Admin Menus
Hướng dẫn chỉnh sửa WordPress Admin : Help Text
Hướng dẫn chỉnh sửa WordPress Admin: Listing Screen
Hướng dẫn chỉnh sửa WordPress Admin: Adding Styling

Tiếp theo loạt bài hướng dẫn chỉnh sửa wordpress admin, hôm nay sharecodeweb tiếp tục hướng dẫn các bạn cách customize màn hình hiển thị danh sách bài viết

Demo kết quả của bài học

Sau khi học xong bài này chúng ta sẽ làm được

Bỏ một số cột trong danh sách bài viết đối với một số kiểu khác kiểu post type
Thay đổi độ rộng của một số cột cho hợp lý

Nguyên liệu cần cho bài học

Cũng như các bài trước, nguyên liệu cho bài học chúng ta cần như sau:

Bộ cài wordpress
Quyền truy cập vào folder plugin trên host của bạn
Và một text editor để có thể code

Học lại bài cũ

Trước khi đi vào bài mới, bạn cần học lại bài cũ để hiểu thêm hơn những bài trước đã làm gì nhé. Do đó, tôi bỏ qua bước settings up một plugin trong wordpress thế nào nhé.

Bỏ một cột từ post listing screen

Giả sử, trong trang admin của tôi, tôi không muốn user thấy được cột tag trong danh sách bài viết thì ta làm thế nào?
Và để chỉnh sửa được chúng ta quan tâm tới 3 action hook sau:

manage_posts_columns, dành cho posts listing screen
manage_pages_columns, dành cho pages listing screen
manage_$post_type_posts_columns, dành cho custom post type. Ví dụ như bạn có một custom post type là ‘cars’, thì sẽ sử dụng action hook là manage_cars_post_type_columns

Trong file plugin bạn thêm đoạn code sau

function wptutsplus_remove_posts_listing_tags( $columns ) {
    unset( $columns[ 'tags' ] );
    unset( $columns[ 'comments' ] );
    return $columns;
}
add_action( 'manage_posts_columns', 'wptutsplus_remove_posts_listing_tags' );

function wptutsplus_remove_posts_listing_tags( $columns ) {

unset( $columns[ 'tags' ] );

unset( $columns[ 'comments' ] );

return $columns;

}

add_action( 'manage_posts_columns', 'wptutsplus_remove_posts_listing_tags' );

Khi đó cột “tags” và cả cột “comments” sẽ được gỡ bỏ như hình

Thay đổi độ rộng của các cột

Để thay đổi độ rộng, tôi có thể sử dụng css để style. Và một số class mà bạn cần biết để có thể style được

.fixed .column-author, cho cột ‘Author’.
.fixed .column-categories, cho cột ‘Categories’.
.edit-php, để chắc chắn rằng những thay đổi của chúng ta sẽ chỉ áp dụng cho phần edit mà thôi

Do đó, bạn thêm đoạn code sau

// resize columns in post listing screen
function wptutsplus_post_listing_column_resize() { ?>
    <style type="text/css">
        .edit-php .fixed .column-author, .edit-php .fixed .column-categories {
            width: 15%;
        }
    </style>
<?php }
add_action( 'admin_enqueue_scripts', 'wptutsplus_post_listing_column_resize' );

// resize columns in post listing screen

function wptutsplus_post_listing_column_resize() { ?>

.edit-php .fixed .column-author, .edit-php .fixed .column-categories {

width: 15%;

}

</style>

<?php }

add_action( 'admin_enqueue_scripts', 'wptutsplus_post_listing_column_resize' );

Download code

Vậy là các bạn đã học xong cách bỏ một số cột không cần thiết, thay đổi độ rộng của các cột của danh sách bài viết trong admin của wordpress. Bài học tới đây kết thúc!
Nếu bạn nào còn không hiểu thì có thể download demo bên dưới về để tham khảo chi tiết hơn cách viết nhé

Series Navigation<< Hướng dẫn chỉnh sửa WordPress Admin : Help TextHướng dẫn chỉnh sửa WordPress Admin: Adding Styling >>

Hướng dẫn chỉnh sửa WordPress Admin: Listing Screen

Demo kết quả của bài học

Nguyên liệu cần cho bài học

Học lại bài cũ

Bỏ một cột từ post listing screen

Thay đổi độ rộng của các cột

Download code

Like this:

Có liên quan

Nguyễn Trung Hiếu

Demo kết quả của bài học

Nguyên liệu cần cho bài học

Học lại bài cũ

Bỏ một cột từ post listing screen

Thay đổi độ rộng của các cột

Download code

Share this:

Like this:

Có liên quan

Nguyễn Trung Hiếu