Elementor의 타임라인에 블로그 게시물을 표시하는 방법

주요 시사점

• Elementor 게시물 타임라인은 게시된 블로그 게시물을 날짜 순서에 따라 수직선을 따라 배치하고 새 게시물이 게시될 때마다 자체적으로 업데이트됩니다.
• Elementor 및 Elementor Pro에는 타임라인 위젯이 없으므로 게시물 타임라인에는 CSS 스타일의 추가 기능이나 사용자 정의 루프 템플릿이 필요합니다.
• 마스터 애드온 타임라인 위젯의 포스트 타임라인 유형은 마스터 애드온 프로의 일부이며, 콘텐츠 탭의 타임라인 유형 컨트롤로 선택됩니다.
• 게시물 타임라인 쿼리에는 페이지당 게시물, 게시물 순서, 9가지 선택 항목으로 정렬, 카테고리, 태그별 필터링, 작성자, 제외할 게시물 및 게시물 수 오프셋이 있습니다.
• 각 게시물 타임라인 카드에는 게시물 제목, 추천 이미지, 길이 설정 및 자세히 읽기 버튼이 포함된 발췌문이 표시될 수 있으며 링크 활성화를 통해 전체 카드를 클릭할 수 있습니다.
• Master Addons 위젯의 게시물 타임라인은 수직으로만 제공되는 반면, 수평 캐러셀 레이아웃은 손으로 작성한 사용자 정의 타임라인 항목용으로 예약되어 있습니다.

Elementor 게시물 타임라인은 블로그 아카이브를 날짜가 표시된 줄로 바꿉니다: 상단에 있는 최신 게시물, 각 게시물에는 제목, 이미지 및 발췌문이 포함된 카드가 있습니다. 엘리멘터 이에 대한 위젯이 없으므로 아래 단계에서는 Post Timeline 유형을 사용합니다 마스터 애드온 타임라인 위젯는 Pro 기능입니다.

이 가이드는 쿼리 설정,필터, 각 카드가 보여주는 것 및 스타일 지정 방법을 다룹니다. It also covers when a grid from the 블로그 위젯 타임라인보다 더 나은 서비스를 제공할 것입니다.

게시물 타임라인은 무엇이며 언제 사용할 수 있습니까

게시물 타임 라인은 항목이 당신이 손으로 입력 항목 대신 워드 프레스 게시물에서 오는 동적 타임 라인입니다. 게시물을 게시하고 라인에 나타납니다. 아무도 페이지를 편집 할 필요가 없습니다.

즉, 날짜가 포인트 인 콘텐츠에 잘 맞습니다:

• 회사 뉴스 및 보도 자료
• 각 게시물이 버전인 릴리스 노트입니다
• 프로젝트 일기 또는 빌드 로그
• 이벤트를 한 시즌으로 요약합니다

일반 블로그 색인에 더 약하게 적합합니다. 그곳의 독자들은 주제를 스캔하고,그리드는 화면당 더 많은 게시물을 보여줍니다.

Elementor 에서 포스트 타임라인을 구축하는 방법

Elementor,Master Addons Pro 및 추천 이미지가 포함된 게시된 게시물이 최소한 몇 개 필요합니다. 그런 다음 다섯 단계를 거칩니다.

1 단계: 타임라인 유형을 타임라인 게시로 설정합니다

Elementor로 페이지를 편집하고 위젯 패널을 검색하세요 타임라인 그리고 끌어 넣습니다. 내용 탭에서,the 타임라인 섹션과 변경 타임라인 유형 사용자 정의 타임라인에서 타임라인 게시. 샘플 항목이 사라지고 최신 게시물이 그 자리를 대신합니다.

이 시점에서 타임라인 스타일 드롭다운이 사라졌습니다.A Post Timeline is always vertical.

2 단계: 쿼리를 설정합니다

같은 섹션을 스크롤하여 쿼리 컨트롤로 내려갑니다. 이러한 것들은 어떤 포스트가 어떤 순서로 로드되는지 결정합니다.

타임라인의 경우 Order By를 켜두세요 날짜. 무작위 또는 제목 순서는 타임라인이 약속하는 한 가지,즉 시간 순서를 깨뜨립니다. 프로젝트 일기처럼 스토리가 처음부터 읽어야 할 때 상승을 사용합니다.

오프셋 게시물 개수는 추천 게시물이 이미 타임라인 위에 있을 때 편리합니다. 1 로 설정하고 타임라인은 두 번째 게시물부터 시작합니다.

3 단계: 카테고리, 태그 또는 작성자별로 필터링

주문 설정 아래에는 4개의 필터가 있습니다: 카테고리, 태그별로 필터링하세요, 저자 그리고 제외할 게시물입니다.

카테고리 필터는 집중된 타임라인을 구축하는 일반적인 방법입니다. 릴리스 게시물을 “릴리스” 카테고리에 넣고 여기에서 선택하면 위젯이 자신을 쓰는 변경 로그가 됩니다. 제외할 게시물은 라인에 원하지 않는 공지사항과 같이 속하지 않는 단일 게시물을 제거합니다.

4 단계: 각 카드가 보여주는 것을 선택하십시오

섹션의 상단은 카드 내용을 제어합니다.

• 제목 표시, 와 함께 제목 링크 그리고 a 제목 태그. H2 는 기본값입니다. 타임 라인이 자신의 H2 아래에 있으면 더 낮은 레벨을 선택하십시오.
• 이미지 표시 그리고 이미지 해상도 특집 이미지의 경우.
• 날짜 형식 그리고 시간 형식 각 지점 옆의 날짜입니다.
• 발췌 길이, 발췌 유형 그리고 더 읽기 텍스트 요약 및 버튼의 경우.
• 링크 활성화 전체 카드를 게시물에 연결합니다.

둘 다 아닌 링크 활성화 또는 제목 링크 중 하나를 켭니다. 연결된 카드 내부의 링크는 잘못된 HTML 이며 패널은 스위치 아래에서 이에 대해 경고합니다.

5 단계: 포스트와 카드를 스타일링합니다

스타일 탭으로 이동합니다. The 게시물 섹션은 게시물 타임라인의 특정 스타일을 지정합니다: 제목 색상, 제목 타이포그래피 및 간격, 발췌 색상, 타이포그래피, 패딩, 테두리 반경, 일반 및 호버 색상이 포함된 자세히 읽기 버튼.

나머지는 모든 타임라인과 공유됩니다. 카드 별도의 기본, 호버 및 집중 모양으로 패딩, 테두리 반경 및 배경을 설정합니다. 라인 방문자가 스크롤할 때 채워지는 트랙과 진행 색상을 설정합니다. 포인트 그리고 날짜 마커와 날짜 텍스트의 스타일을 지정합니다.

X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 메인 타임라인 튜토리얼 선, 포인트 및 날짜 섹션을 하나씩 통과합니다.

두 타임라인 유형이 모두 필요하십니까? X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 타임라인 위젯 페이지는 라이브 데모와 함께 사용자 정의 타임라인과 포스트 타임라인을 나란히 비교합니다.

포스트 타임라인 vs 커스텀 타임라인

항목이 이미 게시물로 존재하는 경우 게시물 타임라인을 선택하고 모든 항목을 직접 작성하려는 경우 사용자 정의 타임라인을 선택합니다.

회전목마 레이아웃을 원하시면 다음을 참조하세요 elementor 에서 수평 타임라인을 만드는 방법.

타임라인 또는 블로그 그리드: 어느 것입니까?

선택보다 주문이 더 중요한 경우 타임라인을 사용하고 독자가 탐색할 때는 그리드를 사용합니다.

그리드 경로는 단계별로 다루어집니다 elementor로 블로그 페이지를 만드는 방법. 당신은 또한 둘 다 사용할 수 있습니다: 홈 페이지에 최근 뉴스의 세 게시물 타임 라인, 그리고 블로그 페이지에 전체 그리드.

자주 묻는 질문

최종 생각

Elementor 게시물 타임라인에는 세 가지 결정이 필요합니다: 어떤 게시물 (카테고리,태그, 작성자,제외할 게시물), 어떤 순서로 (Post Order and Order By,보통 날짜), 각 카드가 무엇을 표시하는지 (제목,이미지, 발췌,자세히 보기). Post 타임라인 유형은 콘텐츠 탭에서 세 가지를 모두 처리하고 수직으로 유지됩니다.

레이아웃과 데모를 확인하세요 Elementor 타임라인 위젯 페이지, 또는 체크 마스터 애드온 프로 가격 만약 post source 만 필요하다면.

관련 읽기

• Elementor에서 타임라인을 만드는 방법(수직, 수평 및 포스트 타임라인)
• Elementor로 블로그 페이지를 만드는 방법
• Elementor 블로그 템플릿: 10개의 블로그 페이지 레이아웃 및 5개의 단일 게시물 템플릿