가이드/템플릿/쿼리 반복문 블록의 디자인 변경

쿼리 반복문 블록의 디자인 변경

쿼리 반복문 블록은 웹사이트의 블로그 글(또는 페이지, 추천 글, 프로젝트와 같은 다른 콘텐츠 유형)을 다른 시각적 레이아웃으로 표시하는 데 사용됩니다. 이 가이드는 쿼리 반복문 블록에서 콘텐츠가 표시되는 방식을 조정하는 데 도움이 됩니다.

쿼리 반복문 레이아웃 선택

다음 단계를 사용하여 여러 가지 디자인 중에서 선택하여 쿼리 반복문 블록 내에 글(또는 다른 유형의 콘텐츠)을 표시할 수 있습니다.

  1. 사이트의 알림판에서 디자인 → 편집기로 이동합니다.
  2. 편집할 템플릿을 선택하거나 미리보기를 클릭하여 홈페이지를 편집합니다.
  3. 목록 보기를 사용하여 쿼리 반복문 블록을 선택합니다.
  4. 블록 위나 아래에 나타나는 도구 모음에서 디자인 변경 버튼을 클릭합니다.
  5. 미리 디자인된 레이아웃 컬렉션에서 찾아보고 가장 마음에 드는 레이아웃을 클릭하여 적용합니다.
  6. 그런 다음 이 가이드의 다음 섹션에 있는 단계를 사용하여 레이아웃을 추가로 사용자 정의할 수 있습니다.

글 템플릿 사용자 정의

쿼리 반복문 블록 내에는 제목, 날짜, 특성 이미지, 콘텐츠 또는 요약문 등과 같은 각 글의 개별 요소가 포함된 글 템플릿이 있습니다.

글 요소 사용자 정의

글 템플릿 내에서 글과 함께 다음 요소를 표시할 수 있습니다.

  • 제목: 발행한 각 콘텐츠의 제목이 표시됩니다.
  • 날짜: 각 콘텐츠의 발행 날짜가 표시됩니다.
  • 수정일: 글이 마지막으로 편집된 날짜를 표시합니다. 
  • 콘텐츠: 발행한 각 글 또는 페이지의 전체 콘텐츠가 표시됩니다.
  • 요약: 발행한 각 콘텐츠에 대한 짧은 요약을 표시하고 “더 보기” 링크 텍스트를 사용자 정의합니다.
  • 특성 이미지: 콘텐츠에 대해 설정한 특성 이미지가 표시됩니다.
  • 카테고리: 발행한 콘텐츠에 지정한 카테고리가 표시됩니다.
  • 태그: 콘텐츠에 추가한 태그가 표시됩니다.
  • 페이지 매김: 이전 글과 다음 글에 대한 링크를 표시합니다.
  • 글쓴이: 이름, 아바타, 프로필과 같은 글쓴이 상세 정보를 표시합니다.
  • 쿼리 합계: 쿼리의 결과 합계를 표시합니다.
  • 결과 없음: 쿼리에서 결과가 반환되지 않으면 표시될 텍스트 또는 블록을 추가합니다.

테마의 템플릿에는 이러한 블록의 일부 또는 전부가 포함될 수 있습니다. 목록 보기를 사용하여 블록의 현재 구조를 보고 필요에 따라 개별 요소를 추가, 이동삭제할 수 있습니다.

쿼리 반복문 내에 여러 가지 블록이 표시되도록 확장된 목록 보기.
글 템플릿에 사용된 요소를 보여주는 목록 보기

위의 요소 중 다수는 블록 설정 사이드바에서 고유 설정을 포함합니다. 예를 들어, 날짜가 표시되는 형식을 제어하는 설정에 접근하고 날짜에 링크를 글에 다시 추가하기 위해 날짜 블록을 선택할 수 있습니다. 블록은 또한 대부분의 경우 색상, 타이포그래피, 크기고급 블록 설정에 대한 표준 블록 설정을 포함합니다.

목록 또는 그리드 레이아웃 중에서 선택

글 템플릿에서 목록 형식 또는 그리드 형식으로 표시되도록 콘텐츠를 조정할 수 있습니다.

  1. 쿼리 반복문 블록 내에 중첩된 목록 보기에서 글 템플릿을 선택합니다.
  2. 블록 위나 아래에 나타나는 도구 모음에서 목록 아이콘과 그리드 아이콘 중에서 선택합니다.
  3. 저장” 버튼을 클릭합니다.
목록 보기에서 글 템플릿이 선택됩니다. 도구 모음의 목록 및 그리드 아이콘을 가리키는 화살표.

쿼리 반복문에 페이지 매김 추가

쿼리 반복문 블록이 표시된 글에 페이지 매김을 추가하려면 다음 단계를 수행하세요.

  1. 목록 보기에서 쿼리 반복문 블록을 확장하고 글 템플릿을 선택합니다.
쿼리 반복문 아래에서 글 템플릿이 선택되었습니다.
목록 보기를 통해 표시되는 글 템플릿 블록
  1. 글 템플릿 옆에 있는 타원(점 3개)을 클릭하고 “뒤에 추가“를 선택합니다.
  2. + 블록 삽입기 아이콘을 클릭하고 “페이지 매김“을 검색합니다. 클릭하여 글 템플릿에 추가하면 글 템플릿 뒤에 페이지 매김 블록이 표시됩니다.
쿼리 반복문 아래에서 페이지 매김이 선택되었습니다.
  1. 사이드바의 설정을 원하는 대로 조정합니다. 여기에는 방향, 색상및 페이지 매김 링크가 있는 화살표 또는 갈매기 기호 표시 여부가 포함됩니다.
  2. 변경 사항을 적용하려면 “저장” 버튼을 클릭합니다.

쿼리 반복문 폭 조정

쿼리 반복문 블록 내에서 요소 폭을 사용자 정의할 수 있습니다.

  1. 사이트의 알림판에서 디자인 → 편집기로 이동합니다.
  2. 편집할 템플릿을 선택하거나 미리보기를 클릭하여 홈페이지를 편집합니다.
  3. 목록 보기를 열고 쿼리 반복문 블록을 선택합니다.
  4. 오른쪽 사이드바에서 블록 설정을 봅니다. 사이드바가 표시되지 않으면 오른쪽 상단의 설정 아이콘을 클릭하여 설정을 가져와야 할 수도 있습니다. 이 아이콘은 일정하지 않은 열 2개가 있는 정사각형 모양입니다.
"설정"이라는 도구 설명이 아래에 표시되는 편집기의 설정 아이콘.
설정 아이콘을 클릭하여 블록 설정 열기
  1. 내부 블록 콘텐츠 폭 사용“이라는 설정을 켜기 위치로 전환합니다.
  2. 콘텐츠 폭” 상자에서 콘텐츠의 일반 폭에 대한 사용자 정의 값을 픽셀 단위로 설정합니다(또는 백분율 또는 em과 같은 다른 단위 중에서 선택).
  3. 콘텐츠의 넓은 폭에 대한 사용자 정의 값을 설정합니다. 이 값은 설정에서 “넓게“로 설정된 블록에 적용됩니다.
  4. 양쪽 정렬“에서 쿼리 반복문 내부의 콘텐츠를 페이지의 왼쪽, 가운데 또는 오른쪽으로 설정합니다.
  5. 변경 사항을 저장하려면 “저장” 버튼을 클릭합니다.
쿼리 반복문 블록 레이아웃 설정에서 "내부 블록 콘텐츠 폭 사용"이 켜져 있음을 확인할 수 있습니다.
Copied to clipboard!