지원으로 돌아가기 사이트 디자인 사이트 편집기 사이트 편집기로 사이드바 추가

사이트 편집기로 사이드바 추가

블로그를 비롯하여 많은 웹사이트에는 그림, 내 소개 텍스트, 다른 글 링크, 소셜 미디어 프로필 등등을 표시하는 사이드바가 있습니다.

이 가이드에서는 사이트 편집기를 사용하여 사이드바를 추가하는 방법을 보여드립니다. 이 가이드에서 설명하는 방법을 사용하려면 사이트 편집기가 지원되는 테마를 사이트에서 사용해야 합니다.

일반적으로 레이아웃이 70/30인 열 블록을 사용하여 사이드바 요소를 추가할 수 있습니다. 더 작은 열이 사이드바가 됩니다.

디자인 사이트 편집기에서 왼쪽 맨 위 모서리의 사이트 아이콘을 클릭하고 템플릿을 선택합니다. 그런 다음에 필요한 대로 다음 단계를 진행하면 됩니다.

빈 템플릿에 사이드바 만들기

  1. 템플릿을 선택합니다.
  2. + 블록 삽입기 버튼을 클릭하고 열 블록을 삽입합니다.
  3. 열 2개 레이아웃을 설정하고 70/30을 선택합니다.
  4. 더 작은 열에서, 원하는 사이드바에 블록을 추가합니다.
  5. 더 큰 열에서 글 콘텐츠 블록을 추가합니다. 그러면 나중에 빈 템플릿을 적용하는 페이지 또는 글의 콘텐츠가 동적으로 표시됩니다(7단계 참조).
  6. 저장을 클릭합니다.
  7. 사이드바가 포함될 페이지 또는 글을 편집합니다. 오른쪽의 설정에서 템플릿 설정을 찾습니다. 여기에서 템플릿을 선택합니다.

이제 템플릿이 사용되는 페이지 또는 글에서 해당 페이지 또는 글의 콘텐츠 옆에 사이드바가 표시됩니다.

색인 또는 아카이브 템플릿에 사이드바 추가

색인 템플릿은 글이 표시되는 템플릿입니다. 아카이브 템플릿은 특정 카테고리 또는 태그가 있는 글이 표시되는 템플릿입니다. 이러한 템플릿 중 하나에 사이드바를 추가하면 사이드바가 글, 페이지, 카테고리 및 태그 페이지에 표시됩니다.

디자인 사이트 편집기에서 왼쪽 맨 위 모서리의 사이트 아이콘을 클릭하고 템플릿을 선택합니다. 그런 다음에

  1. 색인 템플릿을 선택합니다.
  2. 목록 보기에서 쿼리 반복 블록을 선택하여 열 블록으로 변형합니다.
  3. 열 블록 설정에서 열 블록을 열 2개로 설정합니다.
  4. 목록 보기를 통해 각 열을 선택하여 하나는 70%로 설정하고 다른 하나는 30%로 설정합니다.
  5. 더 작은 열에서, 원하는 사이드바에 블록을 추가합니다.
  6. 저장을 클릭합니다.

마찬가지로 페이지, 글꼴 페이지, 단일 글, 404 또는 검색과 같은 다른 템플릿에서도 이 프로세스를 따를 수 있습니다.

재사용 가능한 사이드바 구성 요소를 생성하려면 나중에 템플릿마다 처음부터 사이드바를 구성하는 대신에 완성한 사이드바를 쉽게 추가할 수 있도록 템플릿 요소 블록으로 저장하는 것이 좋습니다.

Copied to clipboard!