글 보관 위젯

글 보관 위젯은 템플릿 > 테마 빌더 > 글 보관에서 만든 글 보관 템플릿 내의 모든 글 목록을 표시합니다.

참고: 페이지당 글 수는 워드프레스 글 읽기 설정(대시보드 > 설정 > 글 읽기)에서 제어합니다.

콘텐츠

레이아웃

  1. 피부: 클래식 또는 카드 중 미리 디자인된 스킨을 선택합니다.
  2. : 표시할 열 개수(1~6개)를 설정합니다.
  3. 이미지 위치: 콘텐츠를 기준으로 이미지 위치를 설정합니다. 옵션은 다음과 같습니다: 상단/왼쪽/오른쪽/없음
  4. 벽돌: 슬라이드 켜기 또는 끄기
  5. 이미지 해상도: 이미지 크기를 썸네일에서 전체로 설정합니다.
  6. 이미지 비율: 이미지의 정확한 비율 설정
  7. 이미지 너비: 이미지의 정확한 너비 설정
  8. 제목: 제목 표시 또는 숨기기 선택
  9. 제목 HTML 태그: 제목에 사용할 HTML 태그(H1~H6 또는 div, span, p)를 선택합니다.
  10. 발췌: 발췌문 표시 또는 숨기기 선택
  11. 발췌 길이: 발췌문의 길이를 선택하여 표시되는 단어의 정확한 양을 설정합니다.
  12. 사용자 지정 발췌에 적용: 이 옵션을 켜면 WP 편집기에서 작성된 수동 발췌문의 길이를 재정의합니다.
  13. 메타 데이터: 위젯에 표시할 메타 데이터를 선택합니다. 필드를 클릭하면 옵션 목록이 열립니다. 옵션에는 작성자, 날짜, 시간 및 댓글이 포함됩니다.
  14. 구분 기호 사이: 구분 기호는 값을 입력하거나 동적 태그를 사용하여 사용자 지정할 수 있습니다.
  15. 자세히 보기: 자세히 보기 버튼 표시 또는 숨기기
  16. 텍스트 더 보기: 필드에 값을 입력하거나 동적 태그를 사용하여 자세히 보기 텍스트를 사용자 지정합니다.
  17. 버튼 자동 정렬: 이 옵션을 켜면 자세히 보기 버튼이 래퍼 하단에 자동으로 정렬됩니다. 글 제목이 한 줄 이상을 초과할 때 유용합니다.
  18. 배지 (카드 스킨을 선택한 경우에만 사용 가능): 배지를 표시하려면 예로 슬라이드합니다.
  19. 배지 분류 (카드 스킨을 선택한 경우에만 사용 가능): 카테고리, 태그 등에서 배지에 사용할 분류를 선택합니다.
  20. 아바타 (카드 스킨을 선택한 경우에만 사용 가능): 작성자 아바타 표시 또는 숨기기

참고: 엘리멘터가 글을 표시할 때 요약문이 없는 경우 엘리멘터는 글의 콘텐츠에서 자동으로 발췌문을 생성합니다. 발췌 길이 옵션을 사용하면 이 자동 생성된 발췌문의 길이를 제어할 수 있습니다. 그러나 발췌문 길이는 수동 발췌문을 입력하지 않은 글에만 적용됩니다. 글에 수동으로 생성된 발췌문이 있는 경우에는 엘리멘터 위젯에 지정된 길이가 무시됩니다. 

페이지 매김 및 AJAX 로드 더 보기

페이지 매김 옵션: 드롭다운 선택기에서 결과 페이지 매기기 방법을 선택합니다. 옵션에는 없음, 숫자, 이전/다음, 숫자 + 이전/다음, 클릭 시 로드 또는 무한 스크롤이 있습니다.

AJAX 로드 더는 클릭 시 더 많은 게시물을 로드하거나 무한 스크롤을 활성화하여 직관적이고 매력적인 방식으로 많은 양의 콘텐츠를 표시하는 최고의 디자인 기법입니다. 무한 스크롤은 사용자가 페이지를 아래로 스크롤할 때 콘텐츠를 원활하게 로드하는 웹 디자인 기법입니다. 콘텐츠가 페이지 하단에 자동으로 연속적으로 로드되므로 페이지 매김이 필요 없습니다. 글 위젯에서 클릭 시 로드 또는 무한 스크롤 페이지 매김 옵션을 선택하여 이 기능을 사용할 수 있습니다.

숫자를 선택한 경우

  1. 페이지 제한: 표시할 게시물 개수를 입력합니다.
  2. 단축: 디스플레이를 줄이려면 셀렉터를 토글합니다.
  3. 정렬: 오른쪽, 가운데, 왼쪽 중에서 선택

이전/다음 선택 시

  1. 페이지 제한: 표시할 게시물 개수를 입력합니다.
  2. 이전 레이블: 캐럿 뒤에 표시할 텍스트를 입력합니다.
  3. 다음 레이블: 캐럿 앞에 표시할 텍스트를 입력합니다.
  4. 정렬: 오른쪽, 가운데, 왼쪽 중에서 선택

숫자 + 이전/다음 선택 시

  1. 페이지 제한: 표시할 게시물 개수를 입력합니다.
  2. 이전 레이블: 캐럿 뒤에 표시할 텍스트를 입력합니다.
  3. 다음 레이블: 캐럿 앞에 표시할 텍스트를 입력합니다.
  4. 단축: 디스플레이를 줄이려면 셀렉터를 토글합니다.
  5. 정렬: 오른쪽, 가운데, 왼쪽 중에서 선택

클릭 시 로드가 선택된 경우

  1. Spinner: 아이콘을 선택하여 로딩 스피너를 표시하도록 선택합니다.
  2. 버튼 텍스트: 버튼에 표시할 텍스트를 입력합니다.
  3. 정렬: 아이콘을 선택하여 정렬 옵션을 선택합니다.
  4. 아이콘: 라이브러리에서 버튼 아이콘을 선택하거나 직접 업로드하세요.
  5. 아이콘 간격: 슬라이더를 사용하거나 필드에 값을 입력합니다.

무한 스크롤을 선택한 경우

  1. Spinner: 아이콘을 선택하여 로딩 스피너를 표시하도록 선택합니다.

아카이브 게시물 개별적으로 다시 로드

기본적으로 한 페이지에 두 개 이상의 아카이브 글 위젯이 있는 경우 모든 아카이브가 같은 페이지로 새로고침됩니다. 예를 들어 뉴스 기사가 포함된 아카이브와 스포츠 기사가 포함된 아카이브가 있는 경우 방문자가 정치 루프의 2페이지로 이동하면 스포츠 아카이브가 자동으로 2페이지로 새로고침됩니다.

  • 토글 개별 페이지 매김 에 켜짐 를 클릭하면 페이지의 모든 루프 그리드가 개별적으로 새로 고쳐집니다.

경고

페이지의 모든 루프 격자에는 동일한 개별 페이지 매김 설정이 있어야 합니다.

고급

  1. 찾을 수 없음 메시지: 텍스트를 입력하거나 동적 태그 표시할 게시물이 없을 때 표시할 메시지의 값입니다.

스타일

레이아웃

  1. 열 간격: 열 사이의 정확한 간격 설정
  2. 행 간격행 사이의 정확한 간격을 설정합니다.
  3. 정렬: 위젯의 콘텐츠 정렬을 왼쪽, 가운데 또는 오른쪽으로 설정합니다.

카드(카드 스킨을 선택한 경우에만 표시됨)

  1. 배경색: 카드의 배경색 선택
  2. 테두리 색상: 카드 테두리 색상 선택
  3. 테두리 너비: 카드 주변 테두리 두께 설정
  4. 테두리 반경: 카드 테두리 모서리의 둥근 정도를 설정합니다.
  5. 가로 패딩: 카드 콘텐츠의 가로 패딩을 설정합니다.
  6. 세로 패딩: 카드 콘텐츠의 세로 패딩을 설정합니다.
  7. 상자 그림자: 예를 선택하여 카드에 미리 정의된 상자 그림자를 적용합니다.
  8. 호버 효과: 없음 또는 그라데이션 중 호버 효과를 선택합니다.
  9. 메타 테두리 색상: 메타 데이터 위의 테두리 색상을 선택합니다.

이미지

  1. 간격: 이미지와 콘텐츠 사이의 정확한 간격을 설정합니다.
  2. CSS 필터: 흐림, 밝기, 대비, 채도 및 색조 설정에 대한 CSS 필터 스케일을 변경하여 이미지 스타일을 조정합니다.

배지(카드 스킨을 선택한 경우에만 사용 가능)

  1. 배지 위치: 카드의 왼쪽 또는 오른쪽에 배지를 정렬합니다.
  2. 배경색: 배지의 배경색 선택
  3. 텍스트 색상: 배지의 텍스트 색상 선택
  4. 테두리 반경: 테두리 반경을 설정하여 모서리 둥근 정도를 제어합니다.
  5. 크기: 배지 크기 설정
  6. 마진: 카드의 상단과 측면에서 배지의 거리를 조절합니다.
  7. 타이포그래피: 배지 텍스트의 타이포그래피 설정

아바타(카드 스킨을 선택한 경우에만 사용 가능)

  1. 크기: 아바타의 크기를 설정합니다.

콘텐츠

제목

  1. 색상: 제목 색상 설정
  2. 타이포그래피: 제목의 타이포그래피 설정
  3. 간격: 제목과 콘텐츠 사이의 간격을 설정합니다.

메타(카드 스킨을 선택한 경우에만 사용 가능)

  1. 색상: 메타 데이터의 색상 설정
  2. 구분 기호 색상: 메타 데이터 구분 기호의 색상 설정
  3. 타이포그래피: 메타 데이터의 타이포그래피 설정

발췌

  1. 색상: 발췌문의 색상 설정
  2. 타이포그래피: 발췌문의 타이포그래피 설정
  3. 간격: 발췌문과 자세히 보기 사이의 간격을 설정합니다.

자세히 보기

  1. 색상: 자세히 보기의 색상 설정
  2. 타이포그래피: 자세히 보기 텍스트의 타이포그래피 설정
  3. 간격: 자세히 보기 텍스트와 글 상자 하단 사이의 간격을 설정합니다.

페이지 매김

  1. 타이포그래피: 페이지 매김 텍스트의 타이포그래피 설정
  2. 색상: 일반, 호버, 활성 상태의 페이지 매김 텍스트 색상을 선택합니다.
  3. 스페이스 사이: 페이지 매김 요소 사이의 간격을 설정합니다.

찾을 수 없음 메시지

타이포그래피: 메시지의 타이포그래피 설정

색상: 메시지의 색상 선택

0개의 댓글

댓글 제출

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다