모두의매뉴얼

이것저것 블로그

[WordPress] 새로운 기본 아바타 추가하기





워드프레스에서 포스트 작성자 혹은 댓글 작성자의 아바타를 따로 지정하지 않으면 워드프레스에서 제공하는 기본 아바타를 사용하게 됩니다.

그런데 사실 이 기본 아바타들이 조금 구려요. 그래서 새로운 기본 아바타를 등록 하고 설정 하는 방법을 찾아 보았습니다.

워드프레스의 기본 아바타

워드프레스의 기본 아바타는 대시보드에서 설정 > 토론으로 이동해 보면 확인 할 수 있습니다.

워드프레스의 기본 아바타들, 솔직히 좀 구림

우리가 이제부터 할 일은 여기에 새로운 선택지를 넣고 해당 아바타를 기본 아바타로 설정 하는 것입니다.

새로운 아바타 추가하기

위 기본 아바타 목록에서 새로운 아바타를 추가하기 위해서는 플러그인으로 추가 하는 방법(일반 사용자용)과, 테마 파일 자체적으로 추가 하는 방법(테마 개발자용)이 있습니다.

이 두가지 방법을 살펴 보도록 합시다.

플러그인으로 새로운 아바타 추가하기

워드프레스 플러그인, WP User Avatar

새로운 아바타를 추가 하기 위해서 WP User Avatar 플러그인을 사용해 보겠습니다.

플러그인을 설치한 이후 대시보드 > Avatars > Setting 메뉴로 이동하면 아래와 같은 화면을 볼 수 있습니다.

새로운 기본 아바타 추가하기

Choose Image 를 눌러 새로운 기본 아바타로 사용할 이미지를 업로드한 후 해당 기본 아바타를 선택하고 저장! 하면 새로운 기본 아바타를 사용할 수 있습니다.

테마 파일 자체적으로 새로운 아바타 추가하기

테마 파일에서 자체적으로 새로운 아바타를 추가하기 위해서는 functions.php 파일에서 코드 작업이 필요합니다. 물론 새로운 아바타로 사용할 그림 파일이 먼저 업로드 되어 있어야겠죠.

새로운 아바타로 사용할 그림 파일을 테마 디렉토리의 img/newavatar.png 로 업로드 해두었다고 가정합시다.

//Add New Default Avatar
function add_new_default_avatar( $default_avatar ) {
    $newavatar = get_stylesheet_directory_uri() . '/img/newavatar.png';
    $default_avatar[$newavatar] = "New Default Avatar";
    return $default_avatar;
}
add_filter( 'avatar_defaults', 'add_new_default_avatar' );

그리고 위 코드를 functions.php 파일에 추가해 줍니다.

코드를 해석해 보자면 아래와 같습니다.

  • 새로운 기본 아바타 파일 주소를 $newavatar 라는 변수에 담아주고
  • 키 값이 $newavatar 인 $default_avatar 변수에 “New Default Avatar” 라는 값을 넣어줌
    • 다시 말해 “New Default Avatar” 라는 이름으로 새로운 아바타 파일 주소를 설정해주는 것
  • add_new_default_avatar 라는 기본 아바타 추가 함수를 avatar_defaults 에 필터로 적용

한줄한줄 뜯어 보면 어려울게 없습니다.

이제 워드프레스 대시보드로 이동해서 새로운 아바타가 잘 등록 되었는지 확인 해봅시다.

테마 파일에서 자체적으로 추가된 새로운 기본 아바타

등록된 새로운 기본 아바타를 선택하고 저장하면 미션 성공!