워드프레스 GeneratePress 레이아웃 설정 (3단계)

워드프레스 GeneratePress 레이아웃은 글 내용 너비 조정, 헤더 설정, 사이드바 설정, 메뉴 설정 , footer 설정 등 너비, 크기, 위치 등 다양한 설정을 할 수 있는 설정 메뉴이며 직접 설정을 해보면서 이해력을 돕고자 합니다.

워드프레스 GeneratePress 레이아웃 설정

Step 1. 워드프레스 관리자 메뉴에서 외모 > 사용자 정의하기 선택합니다.

Step 1. Layout > Container 선택합니다. Container은 Container Width, Container Layout, Container Alignment 등 다양한 설정을 할 수 있습니다.

Content Layout
– Separate Containers : 헤더, 바디, 사이드바 등 분리해서 사용 설정
– One Containers : 헤더, 바디, 사이드바 등 하나의 박스로 사용 설정

Container Alignment
– Boxes : 헤더에 위치한 사이트 제목과 카테고리를 양 쪽 박스 라인과 맞추는 설정
– Text : 헤더에 위치한 사이트 제목과 카테고리를 양 쪽 텍스트와 맞추는 설정

설정이 끝났다면 공개 버튼을 선택해주세요.

헤더는 헤더에 대한 제목, 카테고리, 스타일, 너비 등 다양한 설정을 할 수 있는 곳입니다. 자세한 내용은 아래부터 확인 바랍니다.

Step 1. Header Presets는 제목, 카테고리 위치를 8개의 설정 기능이 있으며 자세한 내용은 아래의 이미지를 확인하여 원하는 설정을 하면 될 것 같습니다.

Step 2. Header Widths 메뉴는 아래 이미지와 같습니다.

Step 3. Inner Header Width 메뉴는 Header Width 설정이 Full인 경우 설정이 가능하며 아래 이미지를 참고하여 사용자에게 맞는 설정을 하면 됩니다.

Step 4. Header Alignment는 헤더 정렬을 하는 설정이며 오른쪽, 왼쪽, 중간 등 다양하게 설정이 가능한 옵션입니다.

설정이 끝났다면 공개 버튼을 선택해주세요.

카테고리 메뉴 설정으로 위치, 크기, 드롭 다운 방식 등 다양한 설정을 할 수 있는 설정 메뉴입니다.

Step 1. Navigation Location에서 아래의 이미지를 보고 원하는 설정을 선택합니다.

Step 2. Navigation Drop Point는 탐색이 더 이상 뜨지 않고 로고 아래로 떨어질 때의 너비입니다. 게이지를 확인해보세요.

Step 3. Navigation Dropdown는 하위 메뉴가 있을 경우 어떻게 하위 메뉴를 불러 올 것인지 선택하는 설정입니다. 예시로 아래 이미지를 올려두었습니다. 사용자에 맞게 메뉴를 설정하면 됩니다.

Hover : 상위 메뉴 항목 위로 마우스를 가져갈 때 드롭다운 메뉴가 표시됩니다.
Click – menu Item : 드롭다운 메뉴가 나타나도록 하려면 메뉴 항목(Sample page)을 클릭해야 메뉴가 열립니다. 메뉴 항목을 클릭하면 드롭다운 메뉴만 열리므로 상위 메뉴 항복 링크가 비활성화 됩니다.
Click – Arrow : 드롭다운 메뉴를 열려면 드롭다운 메뉴 화살표를 클릭해야 합니다. 이 옵션은 상위 메뉴 항목 링크를 유지하려는 경우에 어울립니다.