워드프레스 사이트 아이콘 추가하는 방법

익스플로어, 사파리, 크롬에서 어느 홈페이지 접속을 했을때 이름 앞쪽에는 사이트 아이콘이 뜨게 됩니다.

오늘은 신규 생성한 워드프레스 홈페이지에서 사이트 아이콘을 추가하는 방법에 대해 알아보도록 하겠습니다.

사이트 아이콘 썸네일

사이트 아이콘 만들기

먼저 사이트 아이콘을 만들어 줍니다. 특별한 그래픽 지식이 없더라도 많은분이 알고 계시는 미리캔버스를 이용하면 많은 라이브러리들을 응용하여 쉽게 사이트 아이콘을 만들 수 있습니다.

미리캔버스

사이트 아이콘은 정사각형으로 만들어야 하며, 사이즈는 최소 512 x 512 픽셀이어야 합니다. 저는 미리캔버스로 512 x 512 픽셀 사이즈로 손쉽게 만들었습니다.

cropped 홈페이지 아이콘 001


사이트 아이콘 추가하기

워드프레스는 사이트 아이콘도 손쉽게 추가 할 수 있습니다. 외모>사용자 정의하기 메뉴를 눌러줍니다.

image 8


사용자 정의하기 메뉴에서 사이트 아이덴티티를 클릭하면 메뉴 제일 하단에서 사이트 아이콘 선택 버튼이 있습니다. 사이트 아이콘을 클릭해 줍니다.

image 10


특성이미지 설정할때와 동일하게 미디어 라이브러리 창이 뜨게 됩니다. 미디어 라이브러리에서 선택하거나, 파일 업로드 탭을 클릭해서 신규 이미지 파일을 업로드 해줍니다. 대체 텍스트등을 입력해 줍니다.

마지막으로 우측 하단의 선택 버튼을 누르면 사이트 아이콘이 정상적으로 설정 됩니다.

image 11


최종적으로 사이트 아이콘이 설정될 경우 아래와 같이 사이트 아이콘이 변경된 메뉴를 확인 할 수 있습니다. 사이트 이미지 제거 또는 변경도 이 메뉴에서 설정이 가능합니다.

최종 확인 후 메뉴 상단에 “공개” 버튼을 눌러줍니다.

image 12


워드프레스 홈페이지를 다시 접속해보면 아래와 같이 사이트 아이콘이 추가된 것을 확인 할 수 있습니다.

오늘은 워드프레스 홈페이지의 사이트 아이콘을 추가하는 방법을 알아봤습니다.

image 13