Top 5 워드프레스 타임라인 플러그인
저는 현재 워드프레스 웹사이트를 개편하고 있으며, ‘소개(About)’ 페이지에 대화형 타임라인을 사용하여 제 직업적 이력을 보여주려 합니다. 이 타임라인은 제가 맡았던 역할, 직무 전환, 그리고 현재의 업무 방식에 영향을 준 프로젝트들을 보여주어 방문자가 제 이야기를 쉽게 따라갈 수 있게 해줍니다. 타임라인은 사이트에 시각적인 스토리텔링을 더해줍니다. 중요한 이벤트, 개인적인 이정표, 회사 이야기, 또는 프로젝트 로드맵을 이미지, 동영상, 아이콘과 함께 깔끔한 연대순으로 배치하여 사람들이 단 몇 초 만에 훑어보고 이해할 수 있습니다. 워드프레스에서는 여러 플러그인 중 하나를 사용하여 타임라인을 삽입할 수 있습니다.
모든 타임라인 플러그인이 동일한 방식으로 작동하는 것은 아닙니다. 일부는 엘리멘터(Elementor) 웹사이트 빌딩 플랫폼을 기반으로 제작되었고, 일부는 워드프레스의 기본 에디터인 구텐베르크(Gutenberg)에서 작동하며, 또 어떤 플러그인은 숏코드를 활용해 어느 에디터에나 붙여넣을 수 있습니다. 다른 플러그인과 마찬가지로, 이러한 플러그인들도 업데이트가 되지 않으면 기존에 실행 중인 플러그인과 충돌하거나, 모바일 환경에서 깨지거나, 사이트 속도를 저하시킬 수 있습니다. 시간을 투자할 만한 가치가 있는 플러그인을 찾기 위해, 제 사이트에 다양한 플러그인을 설치하고 기능을 테스트하며 사용자 리뷰를 꼼꼼히 읽은 후, 가장 뛰어난 5가지를 추려보았습니다.
다음은 그 과정에 대한 상세한 설명입니다. 하지만 플러그인을 설치하기 전에, 플러그인과 관련된 번거로움을 완전히 없애주는 Jform 타임라인 위젯을 살펴보시기를 권장합니다. 이 위젯은 사이트에 설치하는 것이 아니라 Jform에서 호스팅되는 클라우드 기반 옵션입니다. 다른 플러그인과 충돌하지 않으며, 페이지 속도를 늦추거나 별도의 설치를 요구하지 않습니다. 구텐베르크 페이지 템플릿의 사용자 정의 HTML 블록에 임베드 코드를 붙여넣기만 하면 됩니다.
| 도구 | 추천 대상 | 레이아웃 옵션 | 제한 사항 |
|---|---|---|---|
![]() Cool Timeline |
다양한 워드프레스 페이지 빌더에서 타임라인을 제작하는 웹사이트 소유자 또는 에이전시 |
4가지 레이아웃 옵션 |
각 페이지 빌더마다 별도의 플러그인을 사용하는 방식이므로 추가적인 설치 단계가 필요함 |
![]() Post Timeline |
블로그 중심 또는 콘텐츠 위주의 웹사이트 |
4가지 레이아웃 옵션 |
이 목록에 있는 다른 플러그인에 비해 업데이트 주기가 느리고 사용자 기반이 적음 |
![]() Bold Timeline Lite |
이력서, 저자 소개, 또는 이벤트 연혁과 같은 가볍고 개인적인 스토리텔링 |
2가지 레이아웃 옵션 |
일부 사용자가 모바일 기기에서 타임라인 항목이 제대로 표시되지 않는 등 반응형 디스플레이 문제를 보고했습니다. |
![]() Timeline by bPlugins |
주로 구텐베르크 블록 에디터로 구축된 웹사이트 |
2가지 레이아웃 옵션 |
이 플러그인은 엘리멘터(Elementor) 네이티브 위젯을 제공하지 않습니다. |
![]() Qi Addons for Elementor |
도구 라이브러리를 찾고 있는 엘리멘터(Elementor) 기반 웹사이트 소유자 |
4가지 레이아웃 옵션 |
플러그인이 기본적으로 수십 개의 위젯을 활성화하므로, 설치 직후에 수동으로 정리해야 합니다. |
1. Cool Timeline
추천 대상: 다양한 워드프레스 페이지 빌더에서 타임라인을 제작하는 웹사이트 소유자 또는 에이전시
Cool Timeline은 엘리멘터(Elementor), 구텐베르크(Gutenberg) 및 디비(Divi)용으로 설계된 타임라인 플러그인 제품군과 숏코드를 제공하는 핵심 Cool Theme 플러그인을 제공합니다. Cool Timeline의 각 플러그인을 사용하면 수직 및 수평 레이아웃을 만들어 타임라인을 표시할 수 있습니다.
테스트를 위해 저는 엘리멘터와 숏코드 옵션을 사용했습니다. 설치 후, 플러그인은 엘리멘터의 위젯 패널에 “Story Timeline” 위젯으로 나타났습니다. 거기서 스토리 항목을 추가하고, 스타일을 적용하며, 레이아웃을 조정할 수 있었습니다. 숏코드 워크플로에서는 연도, 날짜, 아이콘 열이 완비된 스토리의 간단한 목록 보기를 사용하여 워드프레스 에디터 화면을 통해 스토리를 추가할 수 있었습니다.
Cool Timeline은 심층적인 커스터마이징 옵션을 제공합니다. 애니메이션을 추가하고, 스토리를 정렬하며, 웹사이트에 타임라인을 배치할 수 있습니다. 또한 여러 타임라인을 나란히 만들고, 스크롤 탐색을 추가하며, 사용자 정의 레이블을 사용할 수도 있습니다. 하지만 이러한 기능의 대부분은 유료 구독자만 사용할 수 있습니다. Cool Timeline은 모든 플러그인을 통틀어 10만 회 이상의 활성 설치를 기록하고 있습니다.
- 주요 기능
- 다양한 페이지 빌더를 위한 전용 플러그인 제공
- 고급 커스터마이징
- 제한 사항
- 각 페이지 빌더마다 별도의 플러그인을 사용하는 방식이므로 추가적인 설치 단계가 필요함.
- 가격
- 제한된 기능 무료 제공.
- 모든 기능을 사용할 수 있는 유료 플랜은 연간 128달러부터 시작.
- 웹사이트 1개용 평생 구독은 288달러.
- 각 플러그인을 개별적으로 구매하거나 모두 번들로 묶어서 구매 가능.
2. Post Timeline
추천 대상: 블로그 중심 또는 콘텐츠 위주의 웹사이트
Post Timeline은 네이티브 워드프레스 게시물 에디터처럼 보이는 전용 인터페이스에서 대화형 타임라인을 구축할 수 있게 해주는 고급 플러그인입니다. 유연한 도구로서 처음부터 항목을 만들거나 이미 게시한 콘텐츠를 바탕으로 타임라인을 만들 수 있습니다.
Post Timeline은 4가지 레이아웃 옵션(수직, 왼쪽, 오른쪽, 수평)에 구텐베르크 에디터용 3가지를 추가로 제공합니다. 다양한 잠재고객과 프로젝트를 위한 50개의 타임라인 템플릿(무료 플랜 15개)이 있습니다. 애니메이션 추가, 탐색 표시 또는 숨기기, 슬라이더, 선 스타일, 지연 로딩(lazy load) 및 소셜 공유 활성화 등이 가능합니다. 또한 Post Timeline은 엘리멘터 및 구텐베르크 전용 타임라인 위젯을 제공하며, 카테고리별 타임라인 게시물 필터링, 게시물 제외, 날짜 기반 또는 태그 기반 탐색 선택, 정렬 순서 설정이 가능한 구성 가능한 숏코드를 제공합니다. 상대적으로 적은 사용자 기반(약 800회 활성 설치)에도 불구하고, Post Timeline 플러그인은 제가 테스트한 가장 유연한 옵션 중 하나입니다.
- 주요 기능
- 처음부터 만들거나 기존 게시물을 항목으로 변환하여 타임라인 생성 가능
- 구텐베르크 페이지 에디터용 3가지 타임라인 유형: 알림 타임라인, 채팅 타임라인, 게시물 타임라인
- 소셜 공유 옵션
- 제한 사항
- 이 목록에 있는 다른 플러그인에 비해 업데이트 주기가 느리고 사용자 기반이 적음.
- 가격
- 제한된 기능 무료 제공
- 단일 사이트 라이선스용 유료 플랜은 연간 25달러부터 시작.
3. Bold Timeline Lite
추천 대상: 이력서, 저자 소개, 또는 이벤트 연혁과 같은 가볍고 개인적인 스토리텔링
Bold Timeline Lite는 모든 워드프레스 페이지 빌더와 호환되는 간단한 워드프레스 연혁 타임라인 플러그인입니다. 워드프레스 대시보드의 전용 에디터에서 구성하는 타임라인 그룹으로 콘텐츠를 정리합니다. 5가지 사전 정의된 타임라인 스타일(클래식, 레트로, 깔끔함, 여행, 이력서) 중에서 선택하고 텍스트와 이미지를 추가하며 색상, 글꼴 및 아이콘을 조정할 수 있습니다.
Bold Timeline Lite는 엘리멘터(Elementor)에 타임라인을 삽입하기 위한 최소한의 위젯을 제공하지만, 엘리멘터에서 직접 타임라인 스타일을 지정할 수는 없습니다. 모든 편집, 스타일 지정 및 구성은 Bold Timeline Lite 에디터에서 이루어집니다. 타임라인을 설정하면 플러그인이 숏코드를 생성하여 사이트의 아무 곳에나 붙여넣을 수 있습니다. Bold Timeline Lite는 워드프레스에서 1만 회 이상의 활성 설치를 기록하고 있습니다.
- 주요 기능
- 타임라인 그룹 관리를 위한 전용 대시보드
- 모든 워드프레스 페이지 빌더와의 호환성
- 제한 사항
- 일부 사용자가 모바일 기기에서 타임라인 항목이 제대로 표시되지 않는 등 반응형 디스플레이 문제를 보고했습니다.
- 가격
- 무료 플랜 이용 가능
- 연간 청구 시 월 4달러부터 시작하는 유료 플랜으로 더 많은 기능 제공.
4. Timeline by bPlugins
추천 대상: 주로 구텐베르크 블록 에디터로 구축된 웹사이트
Timeline by bPlugins는 여정, 마일스톤 및 연혁을 위한 간단한 시각적 스토리텔링에 중점을 둡니다. 수평 및 수직 타임라인 레이아웃을 만들고, 통합된 구조에서 제목과 설명을 사용하며, 레이블과 날짜를 추가하고, 타임라인에서 콘텐츠 위치를 전환하며, 타임라인 유형을 전환할 수 있습니다.
다른 게시물 스타일 플러그인과 마찬가지로, 워드프레스 게시물 스타일 화면 내에서 Timeline by bPlugins를 사용하게 됩니다. 시작 인덱스 제어, 수평 레이아웃의 표시 항목 제한, 사용자 정의 HTML 등의 커스터마이징 옵션이 포함된 반응형 타임라인을 제공합니다. Pro 버전에서는 구텐베르크 에디터에서 타임라인 레이아웃을 구축하고, 9가지 템플릿 중에서 선택하며, 커스터마이징 가능한 아이콘을 사용하고, 애니메이션을 추가할 수 있습니다. Timeline by bPlugins는 엘리멘터(Elementor) 네이티브 위젯을 제공하지 않지만, 사이트의 모든 페이지, 게시물 또는 숏코드 호환 위젯에 입력할 수 있는 숏코드를 생성합니다.
- 주요 기능
- 무료 및 유료 버전 모두에서 향상된 커스터마이징 및 스타일 지정 옵션 제공
- 기본적으로 모바일 반응형 타임라인 지원
- 타임라인 에디터 내에 각 항목의 타이포그래피, 스타일 설정, 콘텐츠 및 이미지 필드를 관리할 수 있는 전용 탭 제공
- 제한 사항
- 이 플러그인은 엘리멘터(Elementor) 네이티브 위젯을 제공하지 않습니다.
- 가격
- 제한된 기능 무료 제공
- 유료 플랜은 단일 사이트용 29.99달러, 3개 사이트용 79.99달러, 무제한 사이트용 199.99달러부터 시작합니다. 모두 평생 이용 가능한 일회성 결제입니다.
5. Qi Addons for Elementor
추천 대상: 도구 라이브러리를 찾고 있는 엘리멘터(Elementor) 기반 웹사이트 소유자
Qi Addons for Elementor는 타임라인 쇼케이스(Timeline Showcase) 위젯을 포함하여 방대한 애드온 라이브러리를 갖춘 워드프레스 플러그인입니다. 플러그인을 활성화하면 전체 웹사이트 애드온 제품군을 워드프레스 관리자 패널로 가져오므로, 필요한 위젯을 제외한 모든 위젯을 끄는 작업부터 시작해야 합니다.
Timeline Showcase 위젯은 수평 교차(horizontal alternating), 수평 표준(horizontal standard), 수직 분리(vertical separated), 수직 측면(vertical side)의 4가지 레이아웃 옵션을 제공합니다. 항목 기반 에디터를 사용하면 개별 항목을 이벤트로 추가하고, 애니메이션을 구성하며, 열 수를 설정하고, 일반 스타일 설정을 지정할 수 있습니다. 작업이 완료되면 기본 엘리멘터(Elementor) 위젯을 페이지의 원하는 위치로 드래그 앤 드롭할 수 있습니다. 이 타임라인 위젯은 모바일 반응형이며, 다양한 화면 크기에 맞게 타임라인 표시 방식을 조정할 수 있는 설정이 포함되어 있습니다.
Qi 플러그인은 20만 회 이상의 활성 설치 수를 기록하고 있습니다. Timeline Showcase는 60개의 무료 위젯 중 하나이며, 더 고급스러운 수직 타임라인 위젯을 포함하여 40개 이상의 도구가 포함된 프리미엄 위젯 라이브러리도 제공합니다.
- 주요 기능
- 엘리멘터(Elementor)를 위한 방대한 애드온 컬렉션
- 레이아웃, 외관, 애니메이션 및 일반 스타일에 대한 완벽한 제어
- 제한 사항
- 플러그인이 기본적으로 수십 개의 위젯을 활성화하므로 설치 직후 수동으로 정리해야 합니다.
- 가격
- 60개 이상의 위젯 무료 제공
- 유료 플랜은 단일 웹사이트의 경우 49달러(Qi Addons for Elementor) 및 79달러(Qi Theme and Addons for Elementor)부터 시작하며, 무제한 웹사이트의 경우 연간 99달러 및 139달러입니다.
최신 클라우드 기반 타임라인 위젯으로 여러분의 여정을 보여주세요
지금까지 소개한 모든 플러그인은 잘 만들어졌으며 타임라인을 통해 시각적 이야기를 전달할 수 있는 유사한 기능을 제공합니다. 이 중 어떤 것을 선택할지는 여러분의 워크플로에 따라 다릅니다. 하지만 모두 동일한 단점을 공유하고 있습니다. 바로 워드프레스 데이터베이스에 무언가를 설치해야 한다는 점이며, 이는 웹사이트 성능에 영향을 미칠 수 있는 잠재적인 플러그인 충돌, 보안 패치 및 호환성 문제가 발생할 수 있음을 의미합니다.
이러한 문제를 피하고 싶다면 Jform 타임라인 위젯을 살펴보는 것도 좋은 방법입니다. 코드를 작성하거나 웹사이트에 무언가를 설치하지 않고도 마일스톤, 이벤트, 제품 로드맵, 업데이트 및 브랜드 스토리를 위한 반응형 타임라인을 만들 수 있습니다. 항목을 목록, 수평 캐러셀, 스냅 스크롤 뷰, 슬라이더 또는 스토리 뷰로 표시할 수 있습니다. Jform을 사용하면 밝거나 어두운 테마, 커스터마이징 가능한 색상, 텍스트 및 사용자 정의 CSS를 사용하여 타임라인을 웹사이트에 맞게 조정할 수 있습니다. 타임라인의 각 이벤트에는 날짜, 마일스톤 레이블, 보조 문구, 이미지 및 선택적인 콜투액션(CTA) 버튼을 포함할 수 있습니다.
Jform 타임라인 위젯은 웹사이트에 직접 설치되지 않으므로, 이미지가 많고 긴 마일스톤 목록도 사이트의 데이터베이스를 늘리거나 관리자 대시보드를 느리게 하지 않으면서 데스크톱과 모바일에서 매끄럽게 로드되고 크기가 조정됩니다. 워드프레스 코어 업데이트, 테마 변경 또는 플러그인 충돌이 사이트 성능에 영향을 미칠 위험이 없습니다. 마커 및 카드 스타일 커스터마이징이나 모서리 둥글기, 테마, 색상 및 간격 조정 등 모든 변경 사항은 Jform 앱 내에서 이루어집니다. 타임라인의 디자인과 느낌이 마음에 들면 임베드 코드를 복사하여 웹사이트에 붙여넣을 수 있습니다. 또한 엘리멘터(Elementor), 구텐베르크(Gutenberg) 또는 디비(Divi)에 국한된 다른 플러그인과 달리, Jform 타임라인 위젯은 모든 워드프레스 페이지 빌더는 물론 스퀘어스페이스(Squarespace), 윅스(Wix), 쇼피파이(Shopify), 프레이머(Framer)와 같은 웹사이트 빌더와도 함께 작동합니다.
또한, Jform은 웹사이트의 다른 요소들을 다루는 150개 이상의 위젯을 보유하고 있습니다. 원하는 새로운 기능마다 플러그인을 설치하여 워드프레스 백엔드를 무겁게 만드는 대신, Jform 웹사이트 위젯을 사용하여 플러그인 없이 사이트에 기능을 추가해 보세요. 예를 들어, 웹사이트에 워드프레스 양식을 임베드하여 문의를 수집하거나, Jform 문의하기 위젯을 사용하여 웹 방문자에게 다양한 연락 방법을 제공할 수 있으며, 플로팅 클릭 투 콜 위젯(Click-to-Call Widget)을 추가하여 방문자가 전화로 귀하의 비즈니스에 빠르게 연락할 수 있도록 지원할 수 있습니다.
이 기사는 페이지 렌더링 속도를 늦추거나 반응형 기능을 손상시키지 않으면서 사이트에 연대기적 브랜드 연혁, 프로젝트 마일스톤 맵 또는 제품 로드맵을 시각적으로 표시하고자 하는 워드프레스 사이트 소유자, 웹 디자이너, 프로젝트 관리자 및 콘텐츠 제작자를 위한 것입니다.











코멘트 보내기: