최근 독자 중 한 명이 Gravatar 이미지의 크기를 변경할 수 있는지 물었습니다. 대답은 '예'입니다. 이 튜토리얼에서는 WordPress에서 Gravatar 이미지 크기를 변경하는 방법을 보여줄 것입니다.
Gravatar는 사용자의 이메일 주소를 이미지에 연결하는 세계적으로 인정받는 아바타입니다. WordPress와 같은 인기있는 앱은이를 사용하여 사이트에 사용자의 사진을 표시합니다.
가장 워드 프레스 테마 기본적으로 각 사용자 댓글 옆에 Gravatar를 추가합니다. 일부는 심지어 저자 약력을 위해 그것을 사용합니다.
WordPress 사이트에서 Gravatar 이미지 크기를 변경하는 방법을 살펴 보겠습니다.
Remarque : Gravatar 이미지의 크기는 테마에 의해 정의되므로 테마 파일을 수정하여 변경해야합니다.
워드 프레스 의견을 Gravatar에 크기를 조정하는 방법
가장 먼저해야 할 일은 테마 폴더에있는 comments.php 파일을 여는 것입니다.
귀하의 계정에 로그인해야 합니다. 사이트 웹 FTP 클라이언트를 사용하고 다음과 유사한 경로를 따라 테마 디렉토리에 액세스: " / WP - 콘텐츠 / 테마 / yourtheme / ".
또는 공급업체의 경우편의 파일 관리자를 제공하면 cPanel의 웹 인터페이스를 사용하여 이 파일을 편집할 수 있습니다.
comments.php 파일에서 다음 코드를 찾아야합니다. avatar_size »
" wp_list_comments 이처럼 :
'ol', 'short_ping'=> true, 'avatar_size'=> 32,)); ?>
원하는 치수의 크기 만 변경하십시오. Gravatar는 정사각형이므로 너비와 높이에 대해 설정된 값이 동일합니다.
계속해서 변경 사항을 저장하십시오. FTP 클라이언트를 사용하는 경우 파일을 서버에 업로드해야합니다. 이제 의견이있는 기사를 열어 변경 사항이 적용되었는지 확인합니다.
그렇지 않은 경우 테마의 CSS가 원인 일 수 있습니다. 이를 확인하는 가장 좋은 방법은 " 요소 검사 ".
브라우저의 Gravatar를 마우스 오른쪽 버튼으로 클릭하고 항목 검사를 클릭하십시오.
Gravatar 이미지의 높이와 너비를보고 정의한 이미지와 일치하는지 확인해야합니다.
그 위에 마우스를 올리면 실제 Gravatar 치수와 해당 속성에 정의 된 치수도 강조 표시됩니다.
두 가지가 다르다는 것을 알 수 있습니다. 이는 테마의 style.css 파일이 기본 이미지 크기를 담당 함을 의미합니다. 기본 테마를 포함한 많은 테마 스물 열 여섯 CSS를 사용하여 이미지의 크기를 변경합니다.
테마 폴더에서 style.css 파일을 열고 아바타를 검색해야합니다. 아마도 CSS 클래스를 찾을 수있을 것입니다.“.작성자 .avatar 다음과 같은 코드가 포함되어 있습니다.
.comment-author .avatar {높이 : 42px; 위치 : 상대; 상단 : 0.25em; 너비 : 42px; }
이전에 comments.php 파일에 설정된 값과 일치하도록 너비와 높이를 변경하십시오.
그게 다야. 아바타의 크기를 성공적으로 변경했습니다. " Gravatar에 당신의 워드 프레스 의견.
이제 CSS를 사용하여 이미지 크기를 재정의 할 수 있는지 궁금 할 것입니다. 그러면 왜 comments.php 파일에서 수행합니까?
이 방법으로이 작업을 수행하면 두 가지 이점이 있습니다.
1-흐릿한 이미지 없음
WordPress가 제공하는 Gravatar의 크기를 조정하고 크기를 크게하려면 CSS를 통해 이미지를 흐리게 만듭니다.
2- 빠른 로딩 시간
이제 최적화를 위해 기본 크기보다 작은 이미지 크기를 설정하려는 경우 CSS 코드를 사용하여 이미지를 작게 만들면 이미지로드가 최적화되지 않습니다.
그러나 이미지의 크기를 " comments.php 이미지를 더 작게 만들 수 있으므로 이미지로드를 최적화 할 수 있습니다.
이 튜토리얼이 전부입니다. 좋아하는 소셜 네트워크에서 친구들과이 튜토리얼을 자유롭게 공유하십시오.
