블로그를 비롯하여 많은 웹사이트에는 그림, 내 소개 ��스트, 다른 글 링크, 소셜 미디어 프로필 등등을 표시하는 사이드바가 있습니다.
이 가이드에서는 사이트 편집기를 사용하여 사이드바를 추가하는 방법을 보여드립니다. 이 가이드에서 설명하는 방법을 사용하려면 사이트 편집기가 지원되는 테마를 사이트에서 사용해야 합니다.
일반적으로 레이아웃이 70/30인 열 블록을 사용하여 사이드바 요소를 추가할 수 있습니다. 더 작은 열이 사이드바가 됩니다.
디자인 → 사이트 편집기에서 왼쪽 맨 위 모서리의 사이트 아이콘을 클릭하고 템플릿을 선택합니다. 그런 다음에 필요한 대로 다음 단계를 진행하면 됩니다.
- 빈 템플릿을 선택합니다.
- + 블록 삽입기 버튼을 클릭하고 열 블록을 삽입합니다.
- 열 2개 레이아웃을 설정하고 70/30을 선택합니다.
- 더 작은 열에서, 원하는 사이드바에 블록을 추가합니다.
- 더 큰 열에서 글 콘텐츠 블록을 추가합니다. 그러면 나중에 빈 템플릿을 적용하는 페이지 또는 글의 콘텐츠가 동적으로 표시됩니다(7단계 참조).
- 저장을 클릭합니다.
- 사이드바가 포함될 페이지 또는 글을 편집합니다. 오른쪽의 설정에서 템플릿 설정을 찾습니다. 여기에서 빈 템플릿을 선택합니다.
이제 빈 템플릿이 사용되는 페이지 또는 글에서 해당 페이지 또는 글의 콘텐츠 옆에 사이드바가 표시됩니다.
색인 템플릿은 글이 표시되는 템플릿입니다. 아카이브 템플릿은 특정 카테고리 또는 태그가 있는 글이 표시되는 템플릿입니다. 이러한 템플릿 중 하나에 사이드바를 추가하면 사이드바가 글, 페이지, 카테고리 및 태그 페이지에 표시됩니다.
디자인 → 사이트 편집기에서 왼쪽 맨 위 모서리의 사이트 아이콘을 클릭하고 템플릿을 선택합니다. 그런 다음에
- 색인 템플릿을 선택합니다.
- 목록 보기에서 쿼리 반복 블록을 선택하여 열 블록으로 변형합니다.
- 열 블록 설정에서 열 블록을 열 2개로 설정합니다.
- 목록 보기를 통해 각 열을 선택하여 하나는 70%로 설정하고 다른 하나는 30%로 설정합니다.
- 더 작은 열에서, 원하는 사이드바에 블록을 추가합니다.
- 저장을 클릭합니다.
마찬가지로 페이지, 글꼴 페이지, 단일 글, 404 또는 검색과 같은 다른 템플릿에서도 이 프로세스를 따를 수 있습니다.
재사용 가능한 사이드바 구성 요소를 생성하려면 나중에 템플릿마다 처음부터 사이드바를 구성하는 대신에 완성한 사이드바를 쉽게 추가할 수 있도록 템플릿 요소 블록으로 저장하는 것이 좋습니다.