본문으로 건너뛰기

WP Latest Posts: 콘텐츠 출처

WP Latest Posts 의 핵심 아이디어는 플러그인 인스턴스를 위젯이나 편집기에서 사용하여 원하는 방식으로 콘텐츠를 표시하는 것입니다. WP Latest Posts 모든 WordPress WYSIWYG 편집기에서 작동합니다. 예를 들어, 게시물과 페이지 모두에서 사용할 수 있습니다.

 

1. WP Latest Posts 인스턴스를 추가합니다

WP Latest Posts 하면 왼쪽 메뉴에 뉴스 블록을 새로 추가할 수 있는 항목이 있습니다. '새 블록'을 새 뉴스 블록을 생성하세요.

 

새로운 lp-블록

 

WP Latest Posts 의 인터페이스가 로드되어 설정을 구성하는 데 도움이 됩니다

  • 콘텐츠 출처
  • 전시 및 테마
  • 이미지 출처
  • 단축 코드
  • 고급 매개변수

 

2. 콘텐츠 소스 구성

제목을 추가하고 설정을 시작하세요. 

 

콘텐츠 뉴스 선택

 

설정은 탭으로 구분되어 있습니다.

 

콘텐츠 출처 - 게시물

 

콘텐츠 소스 탭을 사용하면 새 인스턴스에 로드할 콘텐츠를 선택할 수 있습니다. 다음 콘텐츠를 로드할 수 있습니다.

  • 엄선된 카테고리의 워드프레스 게시물
  • 워드프레스 카테고리 목록
  • 워드프레스의 모든 페이지

 

PRO 에는 다음과 같은 추가 필터가 있습니다.

  • 개별 페이지를 선택하세요
  • 게시물 태그를 선택하세요
  • 분류 체계를 사용하여 사용자 정의 게시물 유형의 콘텐츠를 불러오기

 

사용자 정의 게시물 유형을 선택하면 드롭다운 목록이 활성화되고, 여기에서 다음을 선택할 수 있습니다

  • 사용자 정의 게시물 유형
  • 사용자 정의 게시물 유형 분류 체계(필수 사항은 아니지만, 있는 경우 사용 가능)
  • 사용자 정의 게시물 유형 용어 또는 카테고리(필수 사항은 아니지만, 가능한 경우 입력)

 

다음은 WP File Download 의 예시입니다 

 

사용자 정의 게시물 우커머스

 

각 콘텐츠 소스별로 최대 뉴스 개수와 순서를 정의할 수도 있습니다.

'정렬 기준'은 뉴스 정렬 방식을 설정하는 매개변수이며, 다음과 같은 기준을 포함합니다.

  • 콘텐츠 게시일
  • 최종 업데이트 (PRO 버전)
  • 제목 (알파벳순)
  • 무작위 순서
  • 가장 인기 있는

 

주문 내용

 

참고로 PRO 버전에서는 날짜 필터, 콘텐츠 생성 및 콘텐츠 포함 여부 등 더 많은 옵션을 사용할 수 있습니다.

 

날짜 선택 캘린더

 

3. 표시 및 기본 테마

'표시 및 테마' 탭에서는 이 경우에 콘텐츠가 표시되는 방식을 설정하는 옵션을 제공합니다.

 

디스플레이 테마

 

게시글이 있는 페이지 수는 콘텐츠 양과 선택한 테마에 따라 페이지네이션이 추가됩니다. 이는 열에도 동일하게 적용됩니다. 예를 들어, 2개의 열로 구성된 카테고리에서 10개의 게시글을 불러오고 페이지 수가 3개로 제한된 경우 다음과 같이 표시됩니다

 

이미지16

 

이 예시에서는 페이지 수가 2개로 제한되어 있기 때문에 기사가 10개만 표시됩니다. 요소 개수에도 제한을 설정할 수 있습니다.

 

테마에 따라 일부 매개변수가 자동으로 설정될 수 있습니다. 예를 들어, 부드러운 슬라이더의 경우 열 개수를 설정할 수 없으며, 사용 가능한 너비에 따라 자동으로 설정됩니다.

테마 설정 탭

기본 테마 > 테마 설정 에서 '더 보기' 버튼, 오버레이 이미지, 페이지 매김,  화살표 설정콘텐츠 자동 자르기를 사용자 지정할 수 있습니다 .

 

테마 설정-2

 

페이지네이션 옵션

 

나머지 테마에서는 선택한 테마에 사용할 색상을 고를 수 있습니다.

 

테마 색상 선택

 

테마 설정 에서는 텍스트 표시 및 기능과 관련된 모든 옵션을 정의할 수 있습니다. 제목 표시를 선택하면 뉴스 인스턴스의 제목이 추가되거나 제거됩니다.

 

테마 설정

 

자르기 옵션을 사용하면 콘텐츠가 잘리고 더 보기 ' 버튼이 추가됩니다. CSS에서 줄 수, 단어 수 또는 문자 수를 기준으로 콘텐츠를 자를 수 있습니다.

애니메이션 탭

애니메이션 에서는 슬라이드 효과를 기본적으로 활성화할지 여부를 설정할 수 있습니다. (PRO 버전)

  • 자동 애니메이션: 뉴스 슬라이더를 가로 자동 ​​스크롤 기능으로 자동으로 애니메이션화합니다.

 

애니메이션 탭

 

  • 애니메이션 반복 재생: 이 옵션을 활성화하면 슬라이드쇼의 애니메이션이 자동으로 반복 재생됩니다.
  • 커서를 올리면 일시 정지: 마우스 커서를 올리면 슬라이드쇼가 일시 정지됩니다. 참고: 자동 애니메이션 기능이 필요합니다.
  • 동작 시 일시 정지: 제어 요소와 상호 작용할 때 슬라이드쇼를 일시 정지합니다. 참고: 자동 애니메이션이 필요합니다.
  • 터치 비활성화: 터치 지원 기기에서 슬라이더의 터치 스와이프 탐색을 허용하지 않습니다.

 

테마 탭

테마 섹션에서는 미리보기에서 볼 수 있듯이 이 새 인스턴스에 적용될 표시 스타일을 정의할 수 있습니다.

 

테마 선택

 

기본 테마에서는 이미지 위치텍스트 정렬 옵션을 조정할 수 있습니다. 또한, 뉴스 항목에 세부 정보를 추가하거나 삭제할 수 있는 콘텐츠 기능은 모든 테마에 적용됩니다.

 

콘텐츠 선택기

 

또한, 각 블록에서 게시물 링크를 추가할 항목을 선택할 수 있습니다. '게시물 링크만 추가' 썸네일, 제목, 더보기 항목이 선택됩니다 . 작성자, 날짜, 카테고리, 본문 등의 다른 항목도 선택할 수 있습니다 .

 

게시물 링크 추가

 

그리드 및 카테고리 그리드 테마에서는 AJAX를 사용하여 더 많은 게시물을 불러오는 추가 옵션이 제공됩니다.

 

더 보기

 

4. 이미지 소스 구성

이미지 소스 설정은 이미지를 로드하는 방법과 대상을 지정합니다. 콘텐츠에서 감지된 대표 이미지 또는 첫 번째 게시글 이미지를 로드할지 여부와 썸네일 크기를 정의할 수 있습니다. 워드프레스에서 기본적으로 제공하는 세 가지 크기(썸네일, 중간, 큰 크기)를 사용할 수 있습니다.

 

이미지 크기

 

자르기 기능을 사용하면 이미지를 원하는 크기에 정확하게 맞출 수 있습니다. 각 이미지에 여백 값을 적용하여 텍스트가 이미지를 가리지 않도록 할 수 있습니다. 콘텐츠에 이미지가 없는 경우를 대비하여 기본 이미지를 설정할 수도 있습니다.

 

이미지 소스

 

5. 단축 코드 차단

여기서 단축 코드 영역을 클릭하면 단축 코드 블록을 빠르고 쉽게 복사할 수 있습니다. 또한 상태를 변경하거나, 공개 여부를 설정하거나, 게시 날짜와 시간을 조정할 수 있습니다.

 

숏코드 블록

 

6. 고급 매개변수

고급 매개변수는 날짜 형식을 설정하거나 ' 더 보기 ' 텍스트를 재정의하는 데 사용됩니다. 또한 뉴스 블록에 사용자 지정 CSS를 적용할 수 있는 사용자 지정 CSS 필드도 제공됩니다. 예를 들어, 숏코드를 사용하면 뉴스 인스턴스를 페이지 레이아웃 안에 추가할 수 있습니다.

 

고급 매개변수