워드프레스에서 그라바타 img에 클래스 추가

워드프레스에서 그라바타 img에 클래스 추가

get_press를 사용하여 각 게시물의 그라바타를 워드프레스 템플릿으로 표시하려고 했지만 그라바타 이미지 코드에 class="pic-2"를 추가하거나 그라바타 두께와 너비를 각각 100px와 77px로 변경할 방법을 찾지 못했습니다.

<?php echo get_avatar( get_the_author_meta('ID'), 32 ); ?>

좀 도와줄까?

George의 제안대로 jQuery를 사용하는 것이 아니라 필터를 사용하는 것이 가장 좋은 방법이라고 생각합니다.테마의 기능에 이것을 추가하는 것만으로 끝납니다.php 파일.

add_filter('get_avatar','add_gravatar_class');

function add_gravatar_class($class) {
    $class = str_replace("class='avatar", "class='avatar pic-2", $class);
    return $class;
}

*주의: 테스트한 적은 없지만 동작할 수 있다고 생각합니다.자세한 내용은 이 스레드를 참조하십시오.

자세한 내용은 WordPress Codex를 참조하십시오.

http://codex.wordpress.org/Using_Gravatars

사이즈는 다음과 같이 두 번째 파라미터를 랩핑해 보겠습니다.

<?php echo get_avatar( get_the_author_meta('ID'), $size = '96' ); ?>

기본 html 출력은 다음과 같습니다.

<img alt='' src='http://gravatarurl_or_default' class='avatar avatar-$size' height='$size' width='$size' />

pic-2 대신 기본 클래스 '아바타'를 스타일링할 수 있습니다.그래도 클래스를 추가하고 싶다면 다음과 같이 javascript를 통해 추가할 수 있습니다.

$("img[class='avatar']").addClass("pic-2");

이것이 도움이 되기를 바랍니다! : )

@Ryan answer(솔루션으로 표시됨)가 적합하지 않은 경우 변경을 시도합니다.

add_filter('get_avatar','add_gravatar_class');

function add_gravatar_class($class) {
    $class = str_replace("class='avatar", "class='avatar pic-2", $class);
    return $class;
}

안으로

add_filter('get_avatar','add_gravatar_class');

function add_gravatar_class($class) {
    $class = str_replace('class="avatar', 'class="avatar pic-2', $class);
    return $class;
}

이 시작은 "를 "로 대체한 후 사용할 수 있습니다.

그 답변에 대한 코멘트로 이 글을 쓰지 못해서 죄송하지만, 다른 글을 코멘트할 만한 평판이 50개도 없습니다.

향후 검색자를 위한 또 다른 방법으로는 매우 간단한 문자열 조작이 있습니다.이 조작은 나중에 기능을 변경하는 것이 안전합니다.예를 들어, 항상 「클래스」가 됩니다.

    $grvimg = get_avatar('email address', 200);
    $grvimg = explode("class='", $grvimg);
    $grvimg[1] = 'your-class ' . $grvimg[1];
    $grvimg = $grvimg[0] . $grvimg[1];
    echo $grvimg;

언급URL : https://stackoverflow.com/questions/13542796/adding-class-to-gravatar-img-in-wordpress