로고와 메뉴가 포함된 글로벌 헤더를 만들어 봅시다.
템플릿을 생성하세요
- 벽돌 > 템플릿 으로 이동하세요
- 새 항목 추가: "헤더"
- 벽돌로 편집하기
설정
- 설정(톱니바퀴) > 템플릿 설정
- 유형 : 헤더
- 이용약관 : 웹사이트 전체
구조물을 건설하세요
- 섹션 추가
- 컨테이너 내부 :
- 로고 요소(또는 이미지/텍스트)를 추가하세요.
- 내비게이션 메뉴 요소를 추가합니다 (표준 워드프레스 메뉴를 사용하겠습니다).
레이아웃 스타일 지정
컨테이너:
- 방향 :
Row(수평) - 콘텐츠 정렬 :
Space between(로고와 메뉴를 서로 떨어뜨려 배치) - 항목 정렬 :
Center(세로 정렬)
부분:
- 배경색 : 밝은 회색 또는 브랜드 색상을 선택하세요.
- 패딩 :
12상단/하단 (이 설정은 의도적으로 이 특정 섹션에 대해 전역 패딩 값인 80px를 재정의합니다.)
헤더는 페이지 콘텐츠가 아니라 사이트 테두리의 일부입니다. 일반적으로 일반 섹션보다 간격이 좁아야 하므로, 전체 섹션 패딩에서 의도적인 예외를 두는 것이 좋습니다.
워드프레스 메뉴를 만드세요 (아직 메뉴가 없다면).
내비게이션 메뉴 요소는 일반 WordPress 메뉴를 사용합니다. 외관 > 메뉴가 비어 있거나 메뉴를 만든 적이 없는 경우:
- 워드프레스 관리자 화면에서 외관 > 메뉴 로 이동하세요.
- 메뉴 이름을 입력하고 (예:
Main) [메뉴 만들기]를 클릭하세요. - 왼쪽에서 몇 가지 항목( 페이지 , 사용자 지정 링크 등)을 추가한 다음 [메뉴 저장]을 클릭하세요.
그런 다음 빌더에서 이 템플릿으로 돌아가십시오.
메뉴를 구성하세요
- 내비게이션 메뉴 요소를 선택하세요
- '메뉴' 에서 직접 만든 WordPress 메뉴(예: '메인' ) 를 선택하세요.
저장하고 확인하세요
- 템플릿을 저장하세요
- 페이지 패널(상단 메뉴) 로 이동한 다음 홈을 클릭 하세요.
- 이제 새로운 헤더가 히어로 섹션 맨 위에 완벽하게 자리 잡은 것을 확인하실 수 있을 겁니다!