WP Latest Posts 플러그인과 위젯을 사용하여 DIVI 블로그를 디자인하는 방법

DIVI 빌더를 사용하면 훌륭한 웹사이트를 디자인할 수 있고, 사용하기 매우 쉬운 페이지 빌더로 거의 모든 기능을 갖추고 있습니다! 하지만 때로는 훌륭한 블로그 페이지 제작처럼 추가 구성 요소의 도움이 필요할 때도 있는데, DIVI가 포함된 WP Latest Post를 사용하면 가능합니다.

WP Latest Post는 필터와 디자인 도구를 사용하여 최신 게시물로 페이지를 만들 수 있는 플러그인으로, 최단 시간 내에 작업을 완료하고 사이트에 완벽하게 맞출 수 있습니다.

이 게시물에서는 DIVI와 WP Latest Post를 사용하여 두 가지를 최대한 활용하는 방법을 알아보겠습니다.

최신 WordPress 게시물로 블록을 만드세요

이를 시작하려면 WP Latest Post에 게시물 블록을 만들어 DIVI에 삽입해야 합니다.

이렇게 하려면 WP 최신 게시물 > 모든 새 블록 +새 블록 보일 텐데 , 이를 클릭하세요.

제목을 정의한 후 블록 생성을 진행할 수 있습니다.

블록 생성은 3개 섹션으로 나뉘며, 각 섹션은 블록의 첫 번째 부분인 소스를 정의할 수 있습니다 .

이름에서 알 수 있듯이 블록에 포함될 게시물을 정의하는 데 사용할 내용을 정의할 수 있으며, 페이지, 게시물, 카테고리 또는 사용자 정의 게시물 유형을 사용할 수 있습니다.

이 튜토리얼에서는 블로그 페이지를 만들므로 게시물 옵션을 선택합니다.

소스를 선택한 후에는 콘텐츠를 필터링하는 방법과 콘텐츠가 표시되는 방식을 사용자 정의할 수 있습니다. 정의할 내용은 다음과 같습니다.

카테고리 : 카테고리별로 표시할 콘텐츠를 필터링합니다.

정렬 기준 게시물을 정렬하는 방식(작성일 기준, 오름차순 또는 내림차순)을 정의합니다.

행/열 및 항목 수 : 표시 할 행 수, 열 수, 표시할 항목의 최대 수를 선택합니다.

게시일/날짜 : 특정 날짜 이후/이전에 게시된 게시물만 표시할지 여부를 정의합니다.

최신 게시물 생성 : 이를 통해 최근 시간/일/월/년에 대한 게시물을 더욱 구체적으로 정의할 수 있습니다.

콘텐츠 포함 : 카테고리를 한 번만 표시할지 여러 번 표시할지 정의합니다.

또한 블록 제목 아래에서 현재 콘텐츠와 선택 항목을 포함하여 표시될 게시물 수를 확인할 수도 있습니다.

이제 다음 부분으로 넘어가서 디스플레이와 테마를 +애드온 ) 에 사용 가능한 8가지 테마 중에서 테마를 설정할 수 있습니다

우선, 이 부분에서는 테마 선택 과 이를 조정할 수 있는 옵션을 볼 수 있습니다. 이러한 옵션은 선택하는 테마에 따라 달라집니다.

기본 테마

카테고리 그리드

Masonry 테마

재료 수평 테마

재료 수직 테마

포트폴리오 테마

부드러운 호버 테마

타임라인 테마

각 테마마다 다양한 옵션이 있어서 우리가 가장 좋아하는 테마를 페이지에 맞게 조정하고 몇 번의 클릭만으로 완벽하게 맞출 수 있습니다.

이 게시물에서는 Masonry 테마 옵션을 사용하여 더 진행해보겠습니다.

이제 이 섹션의 다음 탭으로 이동할 수 있습니다. 이 탭은 테마 설정 , 선택한 테마에 따라 다를 수 있습니다. 선택한 테마에는 제목 표시, 더 보기 버튼, 마우스를 올리면 아이콘 표시 옵션이 있습니다.

먼저, 호버에 표시될 아이콘을 사용자 지정할 수 있고, WP Latest Post에서 제공하는 아이콘으로 변경하거나 직접 업로드할 수도 있습니다.

애니메이션 이라는 또 다른 탭을 볼 수 있습니다 슬라이더인 Smooth Hover 와 같이 애니메이션이 포함된 테마를 관리하기 위한 것입니다 Masonry 애니메이션이 전혀 없으므로 건너뛰겠습니다.

이제 마지막 부분인 이미지 소스 . 여기서는 이미지가 전혀 없는 게시물에 사용할 이미지를 정의할 수 있고, 게시물에서 사용 가능한 첫 번째 이미지나 추천 이미지를 사용할 수 있습니다.

이로써 Block Post 구성이 끝났고, 이제 게시할 준비가 되었습니다.

단축 코드를 찾을 수 있는 추가 탭이 표시되고 , 블록을 비공개로 할지 또는 특정 시간에 블록을 게시할지 여부를 정의할 수 있습니다.

DIVI 페이지 빌더에서 유용한 기능을 위한 멋진 도구들이 많이 있습니다! 이제 DIVI를 사용하여 페이지에 추가해 보겠습니다.

DIVI와 WP Latest Post를 사용하여 블로그 페이지 만들기

이제 게시물 블록을 만드는 것이 얼마나 쉬운지 살펴보았으니, DIVI 페이지에 추가해 보겠습니다.

먼저 페이지 / 게시물 편집하거나 새 게시물을 만든 후 DIVI Builder 사용을 .

이제 모듈 삽입을 시작한 다음 WP Latest Posts 플러그인 블록이 나타나므로 클릭하세요.

블록을 선택하는 옵션이 첫 번째 옵션으로 나타나면 블록 선택을 내 게시물 섹션'을 입력했습니다 .

블록 미리보기가 백그라운드에 즉시 로드됩니다.

이제 끝입니다! 몇 번의 클릭만으로 멋진 블로그 페이지를 만들 수 있습니다.

기억해야 할 또 다른 좋은 점은 Divi 옵션을 사용하여 최신 게시물 블록을 실시간으로 조정할 수 있는 옵션이 있다는 것입니다. 이 옵션을 사용하면 배경, 공간, 필터 및 기타 여러 옵션을 설정할 수 있습니다.

이제 필요한 경우 편집을 완료하고 게시하는 것만 남았습니다! 새 맞춤 블로그 페이지가 완성되어 바로 사용할 수 있습니다!

몇 번만 클릭하면 지금껏 본 것 중 최고의 블로그 페이지를 만들 수 있고, 다양한 스타일 옵션 덕분에 콘텐츠에 항상 잘 어울립니다. 정말 멋지지 않나요?

WordPress에서 뉴스 섹션을 만드는 다음 단계 잠금 해제

보시다시피, WP Latest Post는 저희 WordPress 사이트에 블로그 페이지뿐만 아니라 모든 유형의 뉴스 섹션을 만드는 데도 아주 유용한 기능입니다! 카테고리별로 필터링하여 카테고리별로 다른 뉴스 섹션을 표시하거나, WooCommerce 상품에 대한 뉴스 섹션도 만들 수 있습니다.

가능성은 무궁무진하며, WordPress의 모든 주요 페이지 빌더와도 호환됩니다. 더 이상 망설이지 마세요! 여기를 하여 창작을 시작해 보세요!