Cách hiển thị hình ảnh Gravatar tròn trong WordPress

---

Gần đây, chúng tôi đã chỉ cho bạn cách tạo kiểu cho bố cục nhận xét và cách tạo kiểu cho biểu mẫu nhận xét của bạn. Một trong những người dùng của chúng tôi đã gửi email cho chúng tôi và hỏi “bạn làm hình ảnh gravatar tròn như thế nào? Bạn có đang lưu trữ hình ảnh gravatar cục bộ để làm cho chúng tròn trịa không? Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách hiển thị hình ảnh gravatar tròn trong WordPress. Chúng tôi sẽ sử dụng thuộc tính bán kính đường viền của CSS3 để tạo hình ảnh gravatar hình tròn.

Điều đầu tiên bạn cần làm là chỉnh sửa tệp style.css của chủ đề. Bạn có thể thực hiện việc này bằng cách sử dụng chương trình FTP hoặc đi tới Giao diện » Trình chỉnh sửa trong quản trị viên WordPress của bạn. Tiếp theo, bạn muốn thêm đoạn mã sau vào tệp CSS của mình:

.avatar {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}

Điều này sẽ hoạt động trên hầu hết các chủ đề WordPress. Tuy nhiên, nếu điều này không hoạt động với chủ đề của bạn thì có thể có một số plugin hoặc chức năng chủ đề của bạn gây rối với các lớp mặc định được sử dụng cho gravatar trong WordPress. Để tìm ra hình ảnh gravatar lớp css nào đang sử dụng trong chủ đề của bạn, bạn cần mở một bài đăng blog có nhận xét. Cuộn xuống phần bình luận và nhấp chuột phải vào hình ảnh gravatar để chọn Kiểm tra phần tử. Nó sẽ hiển thị cho bạn mã nguồn gravatar của bạn, như thế này:

Nếu hình ảnh gravatar có nội dung khác ngoài avatar thì hãy sử dụng hình ảnh đó thay vì .avatar trong mã css ở trên.

Chúng tôi hy vọng rằng bài viết này đã giúp bạn hiển thị hình ảnh gravatar tròn trên blog WordPress của bạn. Hãy cho chúng tôi biết nếu bạn có bất kỳ câu hỏi hoặc phản hồi nào bằng cách để lại nhận xét bên dưới.