Hiện tên người dùng và avatar trên menu WordPress

Hiện tên người dùng và avatar trên menu WordPress một cách đơn giản.

Trong bài viết lần trước, tôi đã hướng dẫn cho các bạn cách để đổi tên trang My Account (của WooCommerce) trên menu thành Login khi không đăng nhập rồi phải không nào? Nếu bạn chưa đọc qua, hãy xem nó trong phần link tham khảo ở ngay bên dưới. Hôm nay, chúng ta sẽ nâng cấp nó lên một tầm cao mới, bằng cách thay thế trang My Account bằng tên người dùng kèm avatar của họ. Tất nhiên, bạn có thể áp dụng điều này cho cả những website WordPress thông thường (không dùng WooCommerce), chẳng hạn như các trang membership.

Tham khảo thêm:

• Đổi tên My Account trên menu khi không đăng nhập
• Hướng dẫn chèn khung tìm kiếm vào menu trong WordPress

Hiện tên người dùng và avatar trên menu

1. Đầu tiên, các bạn cần phải cài đặt và kích hoạt một plugin có tên là Logged In As (download).

2. Tiếp theo, truy cập Settings => Logged In As. Tại đây, các bạn sẽ thấy giao diện thiết lập của plugin trông giống như hình bên dưới.

Trong đó:

• Available Menus Items: lựa chọn mục menu mà bạn muốn thay thế bằng tên người dùng và avatar sau khi họ đăng nhập.
• Menu Name Format: thiết lập thông tin mà bạn muốn hiển thị. Các bạn có thể hiển thị [first_name] (tên chính), [last_name] (họ và tên đệm), [nickname] (thường là tên đăng nhập). Ngoài ra, các bạn cũng có thể điền thêm text.
• Avatar size: kích thước của avatar (tính bằng pixel, tối thiểu là 10 và tối đa là 99). Avatar được sử dụng trong trường hợp này là Gravatar.

Sau khi thiết lập, click vào nút Save Changes để lưu lại.

3. Xóa cache website (nếu có) và kiểm tra kết quả. Nếu thấy khoảng cách giữa avatar và tên quá gần, các bạn có thể sử dụng code CSS sau đây để giãn rộng nó ra:

.liam-icon > a::before {
  margin-right: 10px;
}

Chèn code vào Appearance => Customize => Additional CSS.

Thật đơn giản phải không nào? Chúc các bạn thành công!

Bạn biết giải pháp khác hiệu quả hơn giúp hiện tên người dùng và avatar trên menu của WordPress? Đừng quên chia sẻ nó với chúng tôi thông qua khung bình luận bên dưới.

Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất nhé. Cảm ơn rất nhiều. :)