Astra Theme Header 변경하기Astra Theme 로고 및 카테고리(메뉴) 변경

Astra Theme의 Header 영역인 로고 및 카테고리 메뉴 부분을 수정 방법입니다. 

Header 영역을 신규로 만들거나 구성하는 방법은 “WordPress Astra 테마 헤더 및 로고 변경하기” 콘텐츠를 참고해 주세요..

Astra Theme Header 변경하기

이 글은 위 이미지 형태의 테마 헤드 노출 형태에 따른 변경 방법을 설명 드리겠습니다.
헤더 노출 구성 방법은 2가지가 있습니다.
1. 기본 헤더 타입 – 일반적인 헤더 영역을 가지고 있는 형태
2. 투명 헤더 타입 – 콘텐츠 위로 헤더가 올라와 있는 형태



기본 헤더 타입 – 로고 변경

기본 테마 헤더 로고는 워드프레스 알림판 > 테마 디자인(외모) > 사용자 정의하기 > 헤더 > 사이트 아이덴티티에서 로고 이미지 변경 및 아이덴티티 옵션을 설정 할 수 있습니다.

Astra Theme Header 변경하기
Astra Theme Header 변경하기
Astra Theme Header 변경하기



아이덴티티 옵션 중에는 “로고”, “로고 폭”, “사이트 제목”, “사이트 태그라인”, 사이트 아이콘(파비콘) 등 설정 할 수 있습니다.

Astra Theme Header 변경하기

<i. 01>은 맥북 같은 레티나 기기에 해상도 높은 이미지를 따로 설정 할지 옵션을 제공합니다.

Astra Theme Header 변경하기

<i. 02>은 로고 옆에 사이트 제목을 노출 시킬 것인지 옵션을 제공하며 설정 값도 함께 제공합니다.

Astra Theme Header 변경하기

<i. 03>은 브라우저 탭에 노출되는 설명글을 노출 시킬 것인지 옵션을 제공하며 설정 값도 함께 제공합니다.



투명 헤더 타입 – 로고 변경

기본 테마 헤더 로고는 워드프레스 알림판 > 테마 디자인(외모) > 사용자 정의하기 > 헤더 > 투명 헤더에서 로고 이미지 변경 및 메뉴 색상 및 헤더 콘텐츠 색상 옵션을 설정 할 수 있습니다.

Astra Theme Header 변경하기
Astra Theme Header 변경하기
Astra Theme Header 변경하기

<ST.03> “투명 헤더에 다른 로고”를 설정 할 수 있는 항목 입니다. 여기서 사용하는 상단 영역은 배경 이미지가 어두운 편으로 로고 이미지 및 메뉴 색상은 밝은 색상(흰색)으로 설정했습니다.



카테고리(메뉴) 변경 하기

기본 테마 헤더 카테고리(메뉴)는 워드프레스 알림판 > 테마 디자인(외모) > 사용자 정의하기 > 메뉴에서 설정하면 되며, 메뉴 생성은 알림판 > 테마 디자인(외모) > 메뉴에서 생성 할 수 있습니다.

Astra Theme Header 변경하기
Astra Theme Header 변경하기
Astra Theme Header 변경하기

<ST.03> 이미지 부분 하단에서 사용 할 메뉴를 “주 메뉴”로 할지 “푸터 메뉴”로 할지 선택하면 되며, “주 메뉴(현재: MENU)”라고 되어 있는 부분에서 현재 메뉴는 알림판 > 테마 디자인(외모) > 메뉴에서 “Primary Menu”로 선택 된 메뉴가 노출됩니다.



Leave a Comment