Thêm cột ảnh đại diện WordPress admin

Giới thiệu về Thêm Cột Ảnh Đại Diện WordPress Admin

Khi quản lý một trang web WordPress với nhiều người dùng, việc phân biệt và nhận dạng các tài khoản có thể trở nên khó khăn, đặc biệt là trong trang quản trị (admin). Mặc định, WordPress không hiển thị ảnh đại diện (avatar) của người dùng trong danh sách người dùng ở khu vực admin. Việc thêm cột ảnh đại diện sẽ cải thiện đáng kể trải nghiệm quản lý, giúp dễ dàng xác định và thao tác với từng người dùng.

Bài viết này sẽ hướng dẫn bạn chi tiết các phương pháp để thêm cột ảnh đại diện vào trang quản trị WordPress, bao gồm cả việc sử dụng plugin và chỉnh sửa code trực tiếp. Chúng ta sẽ xem xét ưu và nhược điểm của từng phương pháp, cũng như cách tùy chỉnh để phù hợp với nhu cầu cụ thể của bạn.

Lợi ích của Việc Thêm Cột Ảnh Đại Diện

Việc thêm cột ảnh đại diện vào trang quản trị WordPress mang lại nhiều lợi ích thiết thực:

• Nhận diện người dùng nhanh chóng: Ảnh đại diện giúp bạn nhanh chóng nhận ra người dùng, đặc biệt khi có nhiều người dùng với tên tương tự.
• Cải thiện trải nghiệm người dùng: Giao diện trực quan hơn giúp quá trình quản lý trở nên dễ dàng và hiệu quả hơn.
• Tăng tính chuyên nghiệp: Một trang quản trị được tổ chức tốt với đầy đủ thông tin sẽ tạo ấn tượng tốt hơn về tính chuyên nghiệp.

Phương pháp 1: Sử dụng Plugin

Đây là phương pháp đơn giản và được khuyến nghị cho người dùng không quen thuộc với việc chỉnh sửa code. Có nhiều plugin miễn phí và trả phí có thể giúp bạn thêm cột ảnh đại diện vào trang quản trị WordPress một cách dễ dàng.

Ví dụ về Plugin: WP User Avatar

WP User Avatar là một plugin phổ biến và miễn phí, cho phép bạn thêm và quản lý ảnh đại diện cho người dùng WordPress một cách dễ dàng. Plugin này không chỉ thêm cột ảnh đại diện trong trang quản trị mà còn cho phép người dùng tải lên ảnh đại diện của riêng họ.

Hướng dẫn cài đặt và sử dụng WP User Avatar:

1. Trong trang quản trị WordPress, đi đến “Plugins” -> “Add New”.
2. Tìm kiếm “WP User Avatar”.
3. Nhấn “Install Now” và sau đó “Activate”.
4. Sau khi kích hoạt, đi đến “Users” -> “All Users”. Bạn sẽ thấy cột ảnh đại diện mới hiển thị.
5. Người dùng có thể tải lên ảnh đại diện của họ thông qua trang profile cá nhân hoặc quản trị viên có thể tải lên thay cho họ.

Các Plugin Khác

Ngoài WP User Avatar, còn có một số plugin khác cũng cung cấp chức năng tương tự, ví dụ như:

• Simple Author Box: Mặc dù chủ yếu tập trung vào việc hiển thị thông tin tác giả trên bài viết, plugin này cũng có thể được sử dụng để thêm cột ảnh đại diện trong trang quản trị.
• User Role Editor: Plugin này chủ yếu được sử dụng để quản lý quyền hạn của người dùng, nhưng một số phiên bản có thể bao gồm chức năng hiển thị ảnh đại diện.
• Avatar Manager: Plugin chuyên biệt cho việc quản lý ảnh đại diện người dùng, với nhiều tùy chọn tùy chỉnh.

Phương pháp 2: Chỉnh sửa Code (Functions.php)

Phương pháp này yêu cầu bạn phải có kiến thức cơ bản về PHP và WordPress. Việc chỉnh sửa code trực tiếp có thể gây ra lỗi nếu thực hiện không đúng cách, vì vậy hãy sao lưu trang web của bạn trước khi thực hiện bất kỳ thay đổi nào. Bạn nên sử dụng một child theme để tránh mất các thay đổi khi theme được cập nhật.

Các bước thực hiện:

1. Mở file `functions.php` của child theme. Nếu bạn chưa có child theme, hãy tạo một child theme trước.
2. Thêm đoạn code sau vào file `functions.php`:

   
   function add_user_avatar_column($columns) {
       $columns['user_avatar'] = __('Avatar', 'your-text-domain');
       return $columns;
   }
   add_filter('manage_users_columns', 'add_user_avatar_column');
   
   function add_user_avatar_column_content($value, $column_name, $user_id) {
       if ($column_name == 'user_avatar') {
           $avatar = get_avatar($user_id, 32); // 32 là kích thước ảnh đại diện (pixels)
           return $avatar;
       }
       return $value;
   }
   add_filter('manage_users_custom_column', 'add_user_avatar_column_content', 10, 3);
   
   // Sắp xếp cột Avatar (tùy chọn)
   function avatar_column_sortable( $columns ) {
       $columns['user_avatar'] = 'email'; // Sắp xếp theo email (hoặc username nếu muốn)
       return $columns;
   }
   add_filter( 'manage_users_sortable_columns', 'avatar_column_sortable' );
         

3. Lưu file `functions.php`.
4. Kiểm tra trang “Users” trong khu vực admin. Bạn sẽ thấy cột ảnh đại diện mới.

Giải thích Code

• `add_user_avatar_column($columns)`: Hàm này thêm một cột mới có tên “Avatar” vào danh sách các cột hiển thị trong trang “Users”.
• `add_user_avatar_column_content($value, $column_name, $user_id)`: Hàm này lấy ảnh đại diện của người dùng bằng hàm `get_avatar()` và hiển thị nó trong cột “Avatar”. Kích thước ảnh đại diện có thể được điều chỉnh bằng cách thay đổi giá trị 32 trong hàm `get_avatar()`.
• `avatar_column_sortable( $columns )` (Tùy chọn): Hàm này cho phép bạn sắp xếp danh sách người dùng theo cột Avatar. Trong ví dụ này, chúng ta sắp xếp theo email. Bạn có thể thay đổi ’email’ thành ‘login’ để sắp xếp theo tên đăng nhập.

Tùy chỉnh Code

Bạn có thể tùy chỉnh code để phù hợp với nhu cầu cụ thể của bạn. Ví dụ:

• Thay đổi kích thước ảnh đại diện: Thay đổi giá trị 32 trong hàm `get_avatar($user_id, 32)` để điều chỉnh kích thước ảnh đại diện.
• Thay đổi label của cột: Thay đổi `__(‘Avatar’, ‘your-text-domain’)` để thay đổi label của cột.
• Thay đổi thứ tự cột: Bạn có thể sử dụng hàm `array_slice()` để thay đổi thứ tự của các cột.

So sánh giữa Plugin và Chỉnh sửa Code

Cả hai phương pháp đều có ưu và nhược điểm riêng:

Lời khuyên

Nếu bạn không quen thuộc với việc chỉnh sửa code, tốt nhất là sử dụng plugin. Tuy nhiên, hãy chọn plugin cẩn thận và đảm bảo rằng nó được cập nhật thường xuyên và tương thích với phiên bản WordPress của bạn. Nếu bạn có kiến thức về PHP và WordPress, chỉnh sửa code có thể là một lựa chọn tốt hơn, vì nó cho phép bạn tùy chỉnh hoàn toàn và tránh sử dụng quá nhiều plugin.

Kết luận

Việc thêm cột ảnh đại diện vào trang quản trị WordPress là một cách đơn giản nhưng hiệu quả để cải thiện trải nghiệm quản lý trang web. Bằng cách sử dụng một trong hai phương pháp được trình bày trong bài viết này, bạn có thể dễ dàng thêm cột ảnh đại diện và tùy chỉnh nó để phù hợp với nhu cầu của bạn.