본문 바로가기

워드프레스 로고 및 파비콘 설정방법 - 사이트제목 추가

노랗 2022. 2. 12.
반응형

워드프레스 로고 및 파비콘 설정방법 - 사이트제목 추가

워드프레스를 사용하면서 홈페이지에 대한 로고 및 홈페이지 주소 상단 및 검색부분에 파비콘을 표시하는 방법을 알아보도록 하겠습니다.

 

기본적으로 워드프레스에서 사용할 로고와 파비콘은 해당 사이트제목 사이트설명과 함께 홈페이지의 블랜딩요소로 방문자들의 신용도를 높일 수 있으며 SEO "인터넷검색최적화"에 도움이 될 수 있는 요소이기 때문에 처음 워드프레스나 티스토리 블로그를 하는 경우에도 설정을 하느것을 추천합니다.

워드프레스 로고 및 파비콘 설정방법 - 사이트제목 추가

 

기본적으로 파비콘을추가할때 기본적으로 사이즈가 중요하며 이 아이콘의 크기는 48의 배수여야 하며 CMS "워드프레스에서 권장하는 파비콘의 사이즈는 512px x 512px 사이즈를 권장하기 때문에 사이즈에 맞지 않는 파비콘의 경우 아래 내용을 참고해 파비콘과 로고를 새로 만드는것을 추천합니다.

 

파비콘 아이콘 만드는 방법 – 티스토리 워드프레스노랗it월드

티스토리뿐만 아니라 모든 웹사이트는 자신의 홈페이지가 검색될 때 뜨는 아이콘 및 파비콘을 설정을 할 수 있는데 자신의 홈페이지의 대표 이미지가 되기도 하며 홈페이지 검색 시 검색되는

yellowit.co.kr

워드프레스 로고 설정방법

기본적으로 워드프레스 로고 및 파키본등을 설정할 때 현재 사용중인 테마를 한번 살펴볼 필요가 있습니다.

제가 사용하는 워드프레스는 테마는 OceanWP 테마로서 기존에 사용하던 아바다 테마와 비교하면 빠르고 설정이 간단하다는 장점이 있습니다.

 

워드프레스 아바다 속도 최적화 설정 지연로드 CSS 압축

워드프레스 아바다 속도 최적화 설정 지연로드 CSS 압축 워드프레스에서 가장 인기가 많은 테마중 하나인 아바다 테마 최적화 방법에 대해 알아보도록 하겠습니다. 아바다 테마는 국내뿐

jab-guyver.co.kr

그리고 테마 패널을 사용하면 간단하게 테마의 글씨 및 상단바 패널, 헤더 패널, 블로그패널, 사이드바 패널, 바닥글과 사용자 정의 CSS / JS 패널을 수정할 수 있습니다.

그리고 하단으로 내려가면 로고 업로드, 파비콘 추가, 기본 색상 및 타이포그래픽등 다양한 설정을 한번에 할 수 있는 메뉴가 있습니다.

워드프레스 파비콘 Favicon 추가

워드프레스 파비콘 Favicon 추가

워드프레스 테마 -> 사이트 아이텐티티로 들어가면 사이트 제목과 메타태그, 그리고 이미지 변경을 통해 파비콘을 추가할 수 있습니다.

  • 아이콘, 파비콘으로 사용할 이미지 정하기
    • 아이콘: 댓글,방명록 (플러그인)
    • 파비콘: 방명록 (플러그인) , 웹사이트 대표 이미지  
  • 사이즈 조절 및 파일 형식 맞추기
    • 아이콘: 32x32 또는 64x64 사이즈의 JPG, PNG 파일 형식
    • 파비콘: 100kb 이하 ICO 형식

여기서 사용되는 사이즈 제목과 사이트 설명을 검색엔진에 등록시 중요한 요소로 설정에서도 변경이 가능합니다.

워드프레스 로고 추가

워드프레스 로고변경

워드프레스 로고의 경우 테마 설정 -> Head -> Logo를 통해 로고변경이 가능합니다.

 

 

반응형

댓글