WordPress_php 팁에서 댓글 아바타의 사용자 정의 기본 및 지연 로딩 구현
WordPress 기본 댓글 아바타 사용자 정의
Gravatra 아바타를 설정하지 않은 댓글 작성자의 경우 WordPress에서는 백그라운드에 설정한 기본 아바타를 표시합니다. 이는 신비한 사람, 공백, 기본 Gravatar 로고 등이 될 수 있습니다. 그러나 이러한 아바타에는 공통적인 단점이 있습니다. 즉, 그다지 아름답지도 않고 보기에도 좋지 않다는 것입니다! 예를 들어, 기사를 읽기 위해 블로그에 갔지만 기사에 댓글을 단 독자의 아바타는 모두 작은 괴물, 복고풍 등 WordPress에서 자동으로 생성한 "보기 흉한" 아바타라는 것이 확실하다면, 아직도 이 블로그의 기사를 읽어보실 건가요? 내 생각에 대답은 '그렇다'이다! 그렇다면 귀하의 블로그에 속하고 귀하의 블로그에 적합한 기본 WordPress 아바타를 디자인하거나 찾는 것에 대해 생각해 본 적이 있습니까? 좋아, Zhou Liang은 모든 사람의 식욕을 자극하지 않을 것입니다. 플러그인을 사용하지 않고 WordPress의 기본 댓글 아바타를 사용자 정의하는 방법에 대해 이야기하겠습니다.
방법은 매우 간단합니다. 사용 중인 테마의 function.php 파일에 아래에 제공한 코드를 넣으세요.
<?php
// Make a new default gravatar available on the dashboard
function newgravatar ($avatar_defaults) {
$myavatar = get_bloginfo('template_directory') . '/images/tweaker.jpg';
$avatar_defaults[$myavatar] = "Tweaker";
return $avatar_defaults;
}
add_filter( 'avatar_defaults', 'newgravatar' );
?>
위 코드의 /images/tweaker.jpg는 사용자 정의된 기본 아바타의 상대 경로입니다. 이미지의 주소는 직접 수정할 수 있습니다. 사용 중인 테마의 이미지 파일 아래에 아바타를 넣는 것을 권장합니다.
WordPress 댓글 아바타의 지연 로드
HTML 구조 수정
앞서 언급한 새 브라우저의 문제로 인해 더 이상 HTML 이미지를 작성하는 일반적인 방법을 사용할 수 없습니다. 대신 src 속성에 자리 표시자를 작성하고 data-original 속성에 실제 이미지 주소를 작성해야 합니다. .위의 WordPress 아바타 코드 구조는 다음과 같습니다.
<img class="avatar" src="占位符图片.gif" data-original="头像图片.jpg" />
워드프레스에서 원본 출력 아바타는 다음과 같습니다.
<?php echo get_avatar($comment); ?>
이제 Lazy Load 플러그인에 맞게 변경해야 할 구조는 다음과 같습니다.
<?php echo '<img class="avatar" src="占位符图片.gif" alt="" data-original="' . preg_replace(array('/^.+(src=)(\"|\')/i', '/(\"|\')\sclass=(\"|\').+$/i'), array('', ''), get_avatar($comment)) . '" />'; ?>
자리 표시자 이미지로 로딩 이미지나 기본 아바타를 사용하는 것을 권장합니다.
지연 로드 지원 추가
footer.php를 열고 Lazy Load 플러그인을 추가한 후
