VietNetwork.Vn

Bạn có muốn thay đổi kích thước hình ảnh Gravatar trong WordPress không?

Gravatar là dịch vụ kết nối địa chỉ email của người dùng với ảnh. Chủ đề WordPress hiển thị Gravatars ở kích thước đã đặt, nhưng bạn có thể muốn làm cho những hình ảnh này nhỏ hơn hoặc lớn hơn để phù hợp hơn với thiết kế trang web của mình.

Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách thay đổi kích thước của hình ảnh Gravatar trong WordPress.

Tại sao thay đổi kích thước hình ảnh Gravatar trong WordPress?

Gravatar là viết tắt của Hình đại diện được công nhận toàn cầu. Đó là một dịch vụ web cho phép bạn tạo hồ sơ và liên kết ảnh đại diện với địa chỉ email của mình.

Hầu hết các chủ đề WordPress hiển thị Gravatar bên cạnh nhận xét của người dùng. Một số chủ đề cũng hiển thị Gravatar trong hộp sinh học tác giả.

Ngay cả khi người dùng không có tài khoản Gravatar thì trang web của bạn vẫn sẽ hiển thị một trong những Gravatars mặc định của WordPress.


Đôi khi, bạn có thể muốn thay đổi kích thước Gravatars của chủ đề. Ví dụ, bạn có thể muốn làm cho chúng lớn hơn để chúng nổi bật. Điều này có thể thu hút sự chú ý của khách truy cập vào phần nhận xét trên trang web của bạn và giúp bạn nhận được nhiều nhận xét hơn về các bài đăng trên WordPress của mình.

Như đã nói, chúng ta hãy xem cách bạn có thể thay đổi kích thước hình ảnh Gravatar trên trang web WordPress của mình. Chỉ cần sử dụng các liên kết nhanh bên dưới để chuyển đến phương pháp bạn muốn sử dụng.

1. Phương pháp 1: Thay đổi kích thước Gravatar bằng Trình chỉnh sửa toàn trang WordPress (Chỉ dành cho chủ đề khối)

Nếu bạn đang sử dụng một  chủ đề dựa trên khối,  chẳng hạn như  ThemeIsle Hestia Pro  hoặc Twenty Twenty-Three, thì bạn có thể thay đổi kích thước Gravatar bằng trình chỉnh sửa toàn trang.

Phương pháp này không hoạt động với tất cả các chủ đề, vì vậy nếu bạn không sử dụng chủ đề hỗ trợ chặn, thì chúng tôi khuyên bạn nên sử dụng phương pháp 2 để thay thế.

Trong bảng điều khiển WordPress, đi tới Giao diện » Trình chỉnh sửa.


Trong menu bên trái, bạn có thể chọn chỉnh sửa mẫu hoặc phần mẫu.

Để thay đổi kích thước Gravatar cho nhận xét WordPress, thông thường bạn sẽ chọn 'Bộ phận mẫu' từ menu bên trái.


Sau đó, chỉ cần nhấp vào 'Nhận xét'.

Bây giờ bạn có thể nhấp để chọn phần mẫu Nhận xét.


Thao tác này sẽ mở ra một menu mới với các cài đặt mà bạn có thể sử dụng để tùy chỉnh phần mẫu nhận xét.

Bây giờ bạn có thể tiếp tục và nhấp vào bất kỳ Gravatars nào trong bản xem trước trực tiếp.


Trong menu bên phải, bạn có thể chọn tab 'Chặn' nếu nó chưa được chọn.

Giờ đây, bạn có thể làm cho Gravatars lớn hơn hoặc nhỏ hơn bằng cách kéo thanh trượt 'Kích thước hình ảnh'.


Khi bạn di chuyển thanh trượt, tất cả các Gravatars sẽ tự động cập nhật, vì vậy bạn có thể thử các kích cỡ khác nhau để xem cái nào trông đẹp nhất.

Khi bạn hài lòng với những thay đổi bạn đã thực hiện, hãy nhấp vào nút 'Lưu'.


Bây giờ nếu bạn truy cập bất kỳ phần bình luận nào trên trang web WordPress của mình, bạn sẽ thấy các thay đổi trực tiếp.

2. Phương pháp 2: Thay đổi kích thước Gravatar cho các bình luận WordPress (Hoạt động với tất cả các chủ đề)

Nếu bạn không sử dụng chủ đề WordPress kích hoạt khối, thì bạn có thể thay đổi kích thước Gravatar cho nhận xét WordPress bằng mã.

Phương pháp này yêu cầu bạn chỉnh sửa các tệp chủ đề, vì vậy đây không phải là tùy chọn thân thiện với người mới bắt đầu nhất. Tuy nhiên, phương pháp này sẽ hoạt động với hầu hết các chủ đề WordPress.

Nếu bạn chỉnh sửa trực tiếp các tệp chủ đề WordPress của mình thì những thay đổi đó sẽ biến mất vào lần tiếp theo bạn cập nhật chủ đề. Như đã nói, chúng tôi khuyên bạn nên tạo một chủ đề con, vì điều này cho phép bạn cập nhật chủ đề WordPress của mình mà không làm mất khả năng tùy chỉnh.

Sau khi tạo chủ đề con, bạn sẽ cần kết nối với trang web WordPress của mình bằng ứng dụng khách FTP chẳng hạn như FileZilla hoặc bạn có thể sử dụng trình quản lý tệp của cPanel lưu trữ WordPress.

Nếu bạn là khách hàng của SiteGround thì bạn có thể sử dụng bảng điều khiển Công cụ trang để thay thế.

Nếu đây là lần đầu tiên bạn sử dụng FTP, thì bạn có thể xem hướng dẫn đầy đủ của chúng tôi về cách kết nối với trang web của bạn bằng FTP.

Sau khi kết nối, bạn cần truy cập /wp-content/themes/ và mở thư mục cho chủ đề WordPress hiện tại của mình.


Khi ở đây, hãy mở tệp comments.php và tìm một wp_list_commentshàm. Bên trong chức năng này, bạn sẽ tìm thấy avatar_size, đặt kích thước của Gravatar.

Đây là một ví dụ về cách nó có thể trông như thế nào:

<?php
wp_list_comments(
    array(
        'avatar_size' => 60,
        'style'       => 'ol',
        'short_ping'  => true,
    )
);
?>
Bạn chỉ có thể thay đổi avatar_sizekích thước bạn muốn sử dụng. Trong đoạn mã trên, điều này có nghĩa là thay đổi 60 thành một số khác.

Gravatars là hình vuông, vì vậy WordPress sẽ sử dụng cùng một giá trị cho chiều rộng và chiều cao của hình ảnh. Điều này có nghĩa là bạn chỉ cần nhập một số.

Sau khi thực hiện thay đổi này, hãy nhớ lưu và tải tệp lên lại tài khoản lưu trữ WordPress của bạn. Khi bạn hoàn tất, bạn có thể truy cập blog WordPress của mình để xem sự thay đổi trong hành động.

Nếu ảnh Gravatar không thay đổi thì có thể do cache. Để tìm hiểu thêm, vui lòng xem hướng dẫn của chúng tôi về cách khắc phục WordPress không cập nhật ngay.

Nếu Gravatar vẫn không thay đổi, thì CSS của chủ đề của bạn có thể ghi đè cài đặt trong tệp comments.php.

Bạn có thể xem đây có phải là trường hợp hay không bằng cách sử dụng công cụ Kiểm tra của trình duyệt. Các bước sẽ khác nhau tùy thuộc vào trình duyệt bạn đang sử dụng, nhưng trên Chrome, bạn chỉ cần nhấp chuột phải hoặc nhấp Ctrl vào Gravatar rồi chọn 'Kiểm tra'.


Thao tác này sẽ hiển thị mã HTML và CSS của trang trong bảng điều khiển mới.

Trong mã này, bạn cần tìm các giá trị chiều cao và chiều rộng.


Nếu kích thước khác với kích thước bạn đã chỉ định trong tệp comments.php thì điều này có nghĩa là tệp style.css của chủ đề đang ghi đè các thay đổi của bạn.

Nếu đây là trường hợp, thì chỉ cần quay lại ứng dụng khách FTP của bạn. Bây giờ bạn có thể mở thư mục của chủ đề rồi mở tệp style.css.


Tại đây, tìm kiếm một khối mã có từ avatar.

Thông thường, bạn sẽ tìm thấy điều này trong một comment-author.avatarlớp CSS, chẳng hạn như:
   
.comment-author.avatar {
    height: 42px;
    position: relative;
    top: 0.25em;
    width: 42px;
}
Bây giờ bạn có thể tiếp tục và thay đổi chiều rộng và chiều cao thành các giá trị bạn muốn cho Gravatars của mình.

Sau đó, chỉ cần lưu các thay đổi của bạn. Bây giờ nếu bạn truy cập blog hoặc trang web WordPress của mình, bạn sẽ thấy các hình ảnh Gravatar được cập nhật của mình.

Tại thời điểm này, bạn có thể thắc mắc tại sao chúng tôi khuyên bạn nên thử thay đổi kích thước Gravatar trong tệp comments.php trước khi sử dụng phương pháp CSS dễ dàng hơn.

Thứ nhất, CSS đôi khi có thể làm cho Gravatars trông mờ, đặc biệt nếu bạn làm cho hình đại diện lớn hơn nhiều so với hình ảnh gốc. Thứ hai, thay đổi kích thước hình ảnh trong comments.php thường xuyên sẽ giúp trang web của bạn tải nhanh hơn.

Để biết thêm về chủ đề này, hãy xem hướng dẫn cuối cùng của chúng tôi để tăng tốc độ và hiệu suất của WordPress.

3. Phương pháp 3: Cách thay đổi kích thước Gravatar cho Author Bios

Nếu bạn điều hành một  trang web WordPress nhiều tác giả thì hộp tác giả có thể giúp người đọc tìm hiểu thêm về tác giả của bài đăng.

Nếu bạn muốn thêm tính năng này vào trang web của mình, hãy xem hướng dẫn của chúng tôi về cách thêm hộp thông tin tác giả trong các bài đăng trên WordPress.

Nhiều tiểu sử tác giả hiển thị Gravatar của nhà văn cùng với tiểu sử của họ. Để thay đổi kích thước Gravatar mặc định trong hộp tiểu sử tác giả của bạn, bạn cần tìm tệp chủ đề có thêm tiểu sử.

Chỉ cần kết nối với trang web của bạn bằng ứng dụng khách FTP chẳng hạn như FileZilla hoặc trình quản lý tệp của dịch vụ lưu trữ WordPress của bạn. Khi bạn đã kết nối, hãy truy cập /wp-content/themes/ và mở thư mục cho chủ đề WordPress hiện tại của bạn.

Sau đó, bạn cần mở thư mục template-parts.


Bây giờ bạn cần tìm tệp chứa get_avatar mã. Bạn sẽ thường tìm thấy mã này trong một tệp phần mẫu có tên là tác giả-bio.php, tệp single.php, tệp functions.php hoặc tương tự.

Đây là một ví dụ về cách mã này có thể trông như thế nào:
   
<div class="author-bio <?php echo get_option( 'show_avatars' ) ? 'show-avatars' : ''; ?>">
        <?php echo get_avatar( get_the_author_meta( 'ID' ), '85' ); ?>
Trong đoạn mã trên, bạn chỉ cần thay đổi số 85 thành kích thước bạn muốn sử dụng.

Trong các chủ đề khác, mã có thể trông như thế này:
   
get_avatar( get_the_author_meta( 'user_email' ), 85);
Bạn có thể chỉ cần thay thế số bằng giá trị bạn muốn sử dụng để làm cho Gravatar lớn hơn hoặc nhỏ hơn.

Sau khi thay đổi kích thước, đừng quên lưu các thay đổi của bạn. Sau đó, bạn có thể truy cập trang web của mình để xem hộp sinh học tác giả mới đang hoạt động.

Nếu Gravatars không thay đổi, thì bạn sẽ cần tìm kiếm lớp hình đại diện trong tệp style.css bằng cách thực hiện theo quy trình tương tự được mô tả ở trên. Khi bạn tìm thấy lớp này, bạn có thể nhập các giá trị chiều cao và chiều rộng mới của Gravatar.

Chúng tôi hy vọng hướng dẫn này đã giúp bạn tìm hiểu cách thay đổi kích thước hình ảnh Gravatar trong WordPress. Bạn cũng có thể muốn tìm hiểu cách hiển thị hình ảnh Gravatar tròn trong WordPress hoặc xem danh sách plugin trang đích tốt nhất của chúng tôi.