- 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
1 2 3 4 5 6 | 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
1 2 3 4 5 6 7 8 9 | // 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' ); |
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é
You must log in to post a comment.