SW/HTML

HTML : Gravatar를 Favicon으로 사용하는 방법 : 예제, 구현

얇은생각 2020. 7. 19. 07:30
반응형

HTML : Gravatar를 Favicon으로 사용하는 방법 : 예제, 구현

 

Favicon이란?

favicon('즐겨찾기 아이콘'의 줄임말)은 대부분의 브라우저의 URL 표시줄에 있는 사이트 이름 옆에 있는 특정 웹 사이트와 연결된 작은 아이콘입니다. 웹 사이트를 쉽게 알 수 있도록 브라우저의 탭에도 나타납니다.

 

 

 

Gravatar

그라바타(Gravatar)는 다른 사이트로 이동하는 이미지이며, 이름 옆에 이미지로 나타날 것입니다. 만약 블로그에 댓글을 달면, 그들은 그라바타를 사용하여 개인화된 이미지를 보여줄 수 있을 것입니다.

그라바타는 사람들이 여러분의 이미지에 익숙해지도록 도와줍니다. 그라바타르는 이메일 주소에 연결되어 있기 때문에 만약 다른 블로그에서 같은 이메일 주소를 사용한다면 같은 그라바타를 갖게 될 것입니다.

텀블러 블로그에서 그라바타를 favicon으로 사용할 것입니다. 그래서 아래 구문들을 사용하여 Wordpress 블로그에서 같은 일을 할 수 있습니다.

php 파일로 다음 항목을 복사하여 기능에 붙여넣기만 하면 됩니다.

 

function GravatarAsFavicon() {
    $hashedEmail = md5(strtolower(trim('you@yourdomain.com')));
    echo 'http://www.gravatar.com/avatar/' . $hashedEmail . '?s=16';
}

 

 

 

이제 header에 php 파일 머리 태그 내부에 다음을 추가해야 합니다.

 

<link rel="shortcut icon" href="<?php GravatarAsFavicon(); ?>" />
반응형