엘리멘터(Elementor) 블로그를 WP Latest Posts 플러그인과 위젯을 사용하여 디자인하는 방법

엘리멘터(Elementor)는 페이지 빌더로, 사용하기 쉬운 블록으로 페이지를 만들고 디자인할 수 있습니다. 그러나 WP Latest Post와 결합하면 사이트의 게시물로 멋진 블로그 페이지를 만들 수 있습니다.

WP 최신 포스트를 사용하면 필터를 기반으로 특정 수의 포스트 미리보기를 포함하는 섹션을 만들고 멋진 테마를 사용할 수 있습니다! 몇 가지 쉬운 단계로 페이지에 섹션 모음을 만들 수 있습니다.

이 게시물에서는 Elementor 및 WP 최신 게시물을 사용하여 블로그 페이지를 몇 가지 쉬운 단계로 만드는 방법을 살펴 보겠습니다.

워드프레스 게시물 블록 만들기

우선, 아마도 모든 게시물을 표시할지 특정 게시물만 표시할지 콘텐츠에 추가할 게시물을 정의하기 위해 게시물 블록을 만들어야 합니다.

먼저 WP 최신 게시물 > 모든 새 블록 왼쪽 메뉴에서, +새 블록

먼저 제목을 정의하고 블록 생성을 진행할 수 있습니다.

이 블록 생성은 3단계로 나뉘며, 첫 번째 단계는 소스

소스에서 블록에 사용할 항목(페이지, 게시물, 카테고리 또는 사용자 정의 게시물 유형)을 정의할 수 있습니다.

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

블록의 주 소스를 선택했으므로 소스를 추가로 필터링하고 사용자 정의할 수 있습니다. 이렇게 하려면 다음을 정의하면 됩니다

카테고리: 특정 카테고리만 표시하려는 경우.

순서 기준/순서: 게시물이 생성 날짜를 기준으로 표시되는 순서와 오름차순인지 내림차순인지 정의합니다.

행/열 및 항목 수: 이 섹션에서 표시할 행 수, 열 수 및 블록에 표시될 최대 항목 수를 선택할 수 있습니다.

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

최신 콘텐츠 생성: 이를 통해 최신 시간/일/월/년 동안 보다 구체적인 게시물 세트를 정의할 수 있습니다.

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

블록에서 게시물을 검색하는 방법을 선택하는 작업을 마치면 게시물 블록에 추가한 제목 바로 아래에 추가될 게시물 수를 확인할 수 있습니다.

이렇게 하면 소스 설정이 끝나고 이 블록 설정의 두 번째 부분으로 이동할 수 있습니다. 디스플레이 및 테마 단계에서 WP Latest Post (+Addon)에서 사용 가능한 8개 테마 중 하나를 설정할 수 있습니다.

우리가 볼 첫 번째 옵션은 테마 선택 및 다양한 설정이 가능한 설정으로 우리가 선택한 테마에 따라 다르며 미리보기를 통해 사용 가능한 테마를 확인해 보겠습니다!

기본 테마.

카테고리 그리드

Masonry 테마

머티리얼 수평 테마

머티리얼 수직 테마

포트폴리오 테마

부드러운 호버 테마

타임라인 테마

우리의 페이지 스타일과 콘텐츠에 완벽하게 적응할 수 있는 많은 옵션이 있음을 알 수 있습니다! 이 경우 튜토리얼에서는 Masonry 테마를 진행하므로 선택해 보겠습니다!

이제 테마를 표시했으므로 테마 설정을 마치는 다음 단계로 진행해 보겠습니다. 이를 위해 다음 탭 테마 설정으로 이동하여 우리가 선택한 테마에 따라 달라지는 옵션을 확인합니다.

이 경우 제목, 로드 버튼 더보기, 호버 시 아이콘 강제 표시 옵션이 있습니다.

호버 시 아이콘을 원하는 대로 사용자 정의할 수 있으며 WP Latest Post에서 제공하는 기본값 중 하나를 사용하거나 직접 업로드할 수도 있습니다.

이 섹션의 마지막 옵션은 애니메이션입니다. 슬라이더로 작동하는 부드러운 호버 테마와 같이 애니메이션을 포함하는 테마에서 작동합니다. 이 튜토리얼에서는 Masonry를 선택했으며 애니메이션이 없으므로 여기에 아무 것도 편집할 필요가 없습니다.

마지막 단계는 이미지 소스이며, 이 탭에서 해당 게시물에 사용할 수 있는 이미지가 없을 경우 기본 이미지를 정의하고, 게시물의 대표 이미지 또는 첫 번째로 발견된 이미지를 사용할지 선택할 수 있습니다.

이렇게 하면 블록 포스트 구성이 완료되므로 이제 바로 가서 라이브할 수 있습니다! 이 경우 단축 코드 탭에서 단축 코드와 같은 많은 옵션이 있어 비공개 또는 공개 여부를 설정하고 특정 시간에 블록을 게시할지 여부를 설정할 수 있습니다.

Elementor 위젯을 사용하여 블로그 만들기

이제 WP Lates Posts를 사용하여 게시물 블록을 만드는 방법을 알았으니 Elementor 위젯을 사용하여 게시물 블록을 추가하는 다음 단계로 이동해 보겠습니다.

이렇게 하려면 블로그 페이지로 이동하거나 페이지 > 새로 추가로 이동하여 새 페이지를 만들고 Elementor로 편집을 클릭합니다.

Elementor 빌더는 사이드바의 위젯 선택 옵션과 함께 자동으로 로드되며 이 검색창에 WP 최신 게시물을 입력하면 게시물 블록에 대한 위젯이 표시되고 페이지 콘텐츠에 드래그 앤 드롭합니다.

이제 위젯을 로드했으므로 왼쪽 막대에 나타나는 위젯 옵션에서 게시물 블록을 선택할 수 있습니다.

우리의 포스트 블록 섹션 미리보기가 나타나며, 거기에서 포스트 블록의 제목과 우리가 선택하여 넣은 포스트들을 볼 수 있습니다. 단 2번의 클릭으로 완료됩니다! Elementor가 제공하는 멋진 도구들을 사용하여 원하는 대로 블로그 페이지를 맞춤 설정할 수 있습니다.

이제 해야 할 일은 블로그 페이지를 게시하는 것뿐입니다. 완료되었습니다! 우리의 블로그가 완성되었습니다!

이 플러그인의 가장 좋은 점은 콘텐츠의 원하는 위치에 게시물 블록 섹션을 추가할 수 있으며 WooCommerce 통합을 제공하여 정확히 원하는 위치에 제품 블록을 생성할 수 있다는 것입니다. 이것이 바로 이 플러그인이 제공하는 많은 기능 중 하나일 뿐이며 정말 멋지지 않나요?

최고의 뉴스 워드프레스 섹션을 쉽게 만들기

Elementor 위젯이 WP Latest Post가 제공하는 많은 기능 중 하나일 뿐이므로, 이 플러그인에 포함된 테마와 도구를 통해 최신 뉴스를 가장 멋진 디자인으로 가장 쉽게 생성할 수 있다는 것을 확신할 수 있습니다.

이 플러그인은 사용자 정의 게시물 유형, 카테고리 또는 WooCommerce 제품을 블록의 소스로 사용하는 것과 같은 많은 기능을 제공하여 블록을 생성하고 추가할 때 무한한 옵션을 제공합니다. 무엇을 기다리고 있습니까? 여기로 이동하여 사이트에 WP 최신 게시물을 지금 가져옵니다!