티스토리 수익 글 보기
Cool Timeline (Horizontal & 垂直タイムライン)
説明
Horizontal & Vertical Timeline, History Timeline Slider
Cool Timeline is an advanced WordPress plugin that helps you easily create timeline sliders for your website. You can use it to display your company’s history, product roadmaps, personal stories, or key events in a vertical layout.
Using Cool Timeline, you can create timeline stories in two ways:
- Gutenberg Timeline Block: Add and manage timeline stories easily using the built-in block in the WordPress editor. Great for showing steps, events, or roadmaps with a clean design.
- Shortcode-Based Classic Timelines: Using the classic editor? Just add a simple shortcode to display your timeline on any page or post and customize it the way you like.
Key Features
- Timeline Slider: Display your stories in a stunning vertical or horizontal timeline layout.
- Gutenberg and Classic Editor Support: Create timelines easily using the Gutenberg block or a simple shortcode. This works with both new and classic WordPress editors.
- Smart Shortcode Generator: Use shortcodes to display timeline slider anywhere on your site without needing the code.
- Cool Timeline Shortcode:
[cool-timeline layout=”default” skin=”default” date-format=”F j” icons=”YES” show-posts=”20″ order=”DESC” story-content=”full”]
- Cool Timeline Shortcode:
- Works with Page Builders: Compatible with popular page builders like Gutenberg, WPBakery, and Classic Editor. Elementor and Divi users can also create timelines with additional plugins.
- ASC/DESC Order: Arrange your timeline stories in ascending or descending order as needed.
- Customizable Description: Choose to show either a summary or the full description for each timeline story, depending on how much detail you want to present.
- Story Order (ASC / DESC): Sort your stories in ascending (oldest to newest) or descending (newest to oldest) order based on your timeline.
- Date Format: Choose from various date formats to display your timeline stories according to your requirements.
- Customizable Colors & Fonts: Change colors, fonts, and styles to fit your brand or website design.
- Pagination: Set how many stories you want to display per page to easily manage multiple timelines.
- Icons or Dots: Highlight events using custom icons or simple dots to visually distinguish each story on the timeline.
- Content Alignment: Align your timeline content left, right, or center to match your website’s style and improve readability.
- Multiple Timelines: Create and manage several timeline sliders on one site, like company history, product updates, or personal stories.
- Animation Effects: Add subtle animations to your timeline items as they appear, making the overall experience more interactive and engaging.
Cool Timeline は、どこで使えますか ?
- 会社の歴史展示 : 会社の成長と重要なマイルストーンをタイムラインフォーマットで表示しましょう。
- イベント・ハイライト : 会議、セミナー、特別な行事のためのイベントのタイムラインを提示します。
- 製品発表タイムライン : 製品やサービスの発表に至るまでの様々な段階と重要な日付を強調します。
- パーソナル・ジャーニー : あなたの個人的なストーリー、キャリアアップ、または人生の旅を、タイムラインを使って共有しましょう。
- プロジェクト・ロードマップ : プロジェクトのフェーズ、期限、成果の視覚的なタイムラインを作成します。
- 実績と受賞 : 重要な業績、表彰、受賞を時系列で展示します。
- 非営利またはチャリティーのタイムライン : タイムラインを通して、非営利団体の主な取り組みや効果を紹介しましょう。
- ポートフォリオ展示 : 仕事の履歴やプロジェクトのポートフォリオを、時系列で表示します。
- 歴史的出来事の記録 : 重要な歴史的出来事やマイルストーンを、タイムラインで記録しましょう。
- 学校または教育に関するタイムライン : 重要な学業上の出来事、学校の歴史、または生徒の進歩を強調しましょう。
- 結婚式や家族のタイムライン : 結婚式、記念日、人生のイベントなど、家族の大切なマイルストーンを捉えましょう。
- イベント計画 : 今後のイベントやプロジェクト計画の詳細なタイムラインを概説し、共用しましょう。
- 不動産開発 : 物件の開発開始から完成までの、様々な段階を表示しましょう。
- スタートアップ・ジャーニー : アイデアの着想から成長、スケーリングの段階まで、スタートアップのタイムラインを共有しましょう。
- スポーツの業績 : アスリートやチームの、キャリアに於ける重要な瞬間や業績を強調しましょう。
Cool Timeline Pro の特徴
Upgrading to the Cool Timeline Pro plugin unlocks the advanced features like access to multiple layouts, including Horizontal layout, Category-Based Timelines, Ajax Load More, Multimedia ( images, videos & slideshow), and more:
- Timeline Slider Designs: Cool Timeline Pro offers 4 layout types
- 垂直タイムライン
- 垂直コンパクトタイムライン
- 垂直片側タイムライン
- 水平タイムライン
Each with 6+ design styles like Classic, Modern, Elegant, etc., and 3 skins (Light, Dark, Colorful). Check All Demos.
- Advance Customization: Set different colors for each timeline story, making your timeline more visually interesting.
- Add Images & Videos: Make your timeline stories more interactive by adding images, videos, and slideshows.
- Multiple Timelines: Create and manage several timelines on one site, like company history, product updates, or personal stories.
- Smart Shortcode Generator: Use shortcodes to display timelines anywhere on your site without needing to code.
- Works with Page Builders: Compatible with popular page builders like Gutenberg, WPBakery, and Classic Editor. Elementor and Divi users can also create timelines with additional plugins.
- Custom Labels: Use labels instead of dates for events, such as process steps or historical periods like AD/BC.
- Category Filters: Add filters so users can sort timeline stories by category.
- Blog Post Timeline: Display your blog posts in a timeline layout, highlighting your content by date.
- Ajax Load More & Pagination: Add pagination and “load more” buttons to easily manage timelines with many stories.
- Scrolling Navigation: Add scrolling navigation to let users move through long timelines more quickly.
- Custom Icons: Replace default dots with icons or custom images to make your timeline more personalized.
- HTML/Links Support: Add “Read More” links or custom HTML in timeline stories to guide users to full content or other pages.
- Customizable Date Formats: Choose from various date formats to display your timeline stories as you like.
- Animation Effects: Add animation effects to your timelines to make them more engaging for visitors.
- Premium Support: Get dedicated support as a Pro user for any help or questions.
🔗Check Pro Version Demos | Get Pro
Check Our Other Timeline Plugins
- Timeline Widget For Elementor: Showcase your company history, product roadmap, and personal journey in vertical & horizontal layout directly inside Elementor. View Demo
- Timeline Block For Gutenberg: Create interactive timelines directly within the WordPress Block Editor to display step-by-step tutorials, a company’s history, and a product roadmap. View Demo
- Timeline Builder: Create a small timeline inside the Gutenberg block editor using a vertical or horizontal timeline. View Demo
- Timeline Module Pro For Divi: Showcase your personal story or company history using stunning vertical or horizontal timelines directly inside the Divi Builder. View Demo
スクリーンショット
WordPress Timeline プラグインのフロントエンド・ビュー 
説明付きの Cool Timeline ストーリー作成画面 
Gutenberg プレビュー用 Timeline ブロック 
Gutenberg ストーリープレビュー用 Timeline ブロック 
Cool Timeline Pro 垂直レイアウト
ブロック
このプラグインは3個のブロックを提供します。
- Cp Timeline Content Timeline
- Cp Timeline Content Timeline Child
- Cool Timeline Shortcode
インストール
勿論です ! 以下は Cool Timeline プラグインの改善されたインストール手順とガイドラインです :
Cool Timeline をインストールする、3つの方法
1. WordPress 管理画面から、自動インストール
- WordPress 管理画面を開きます。
- プラグイン > 新規プラグインを追加に移動します。
- In the search bar, type ‘Cool Timeline’.
- 検索結果から、Cool Timeline プラグインを探します。
- 今すぐインストールボタンをクリックします。
- インストールが完了したら、有効化ボタンをクリックして、web サイト上でプラグインを有効にしてください。
2. Zip ファイル経由で、インストール
- WordPress プラグインディレクトリから Cool Timeline プラグインをダウンロードしてください。
- ダウンロードした zip ファイルを、コンピュータに保存します。
- WordPress 管理画面を開きます。
- プラグイン > 新規プラグインを追加に移動します。
- プラグインのアップロードボタンをクリックします。
- Select the downloaded zip file and click Install Now.
- Once the installation is complete, click the Activate Plugin button to enable Cool Timeline.
3. プラグインを FTP 経由でインストール
- WordPress プラグインディレクトリから Cool Timeline プラグインの zip ファイルをダウンロードしてください。
- コンピュータで zip ファイルを解凍します。
- FTP マネージャー (FileZilla など) を開きます。
- Web サイトのサーバーに接続します。
- ディレクトリ wp-content/plugins に移動します。
- 解凍した Cool Timeline フォルダ (zip ファイルではありません) を、このディレクトリにアップロードしてください。
- After uploading is done, go to your WordPress admin panel.
- Navigate to Plugins and find Cool Timeline in the list.
- 有効化ボタンをクリックして、プラグインを有効にします。
FAQ
-
Cool Timeline を使って、タイムラインを作るには ?
-
タイムラインの作成は簡単です。投稿を作成し、画像を設定し、日付を割り当てるだけです。プラグインは、あなたの好みに合わせて、昇順か降順で、自動的に投稿を時系列に編成します。
-
歴史的な日付 / 年を、自由に選択できますか ?
-
The year starts from 1970 in the free version but in pro version you can choose any historical year from 1000 to 2050 to create a story inside Cool Timeline or you can also add custom text instead of date/year.
-
プラグイン・ショートコードとは何ですか ? そして、どの様に使うのですか ?
-
Cool Timeline プラグインのショートコードは、こちら: –
[cool-timeline layout=”default” skin=”default” date-format=”F j” icons=”YES” show-posts=”20″ animation=”FadeInOut” order=”DESC” story-content=”full”]
-
Can I use the timeline slider for blog posts or projects?
-
Of course! The timeline slider can display blog posts, project steps, or product roadmaps, making it flexible for different use cases.
-
プラグインは、レスポンシブでモバイル・フレンドリーですか ?
-
はい、Cool Timeline プラグインは、フル・レスポンシブで、あなたのタイムラインがどんなデバイスでも美しく見えるようにします。
-
Gutenberg エディターで、Cool Timeline は使えますか ?
-
はい、Cool Timeline には、Gutenberg 用の高度なタイムライン・ブロックが含まれており、予め用意されたプリセットを使って、簡単にエレガントなタイムラインを作成できます。
-
異なるカテゴリーに基づく、複数のタイムラインを作成できますか ?
-
The timeline category option is only available in our Pro version, so you need to purchase Pro if you want to create category-specific multiple timelines.
-
What is the Horizontal Roadmap Timeline Slider?
-
The Horizontal Roadmap Timeline design allows you to represent your project or company plans and phases in a visually compelling horizontal format.
-
水平 & 垂直タイムラインを作成できますか ?
-
You can only create vertical timeline in our free version. But we have cool design options to create both vertical and horizontal timelines in our Pro version.
-
プラグインは、翻訳に対応していますか ?
-
はい、Cool Timeline プラグインは、翻訳可能で、既に4つの言語に翻訳されています : ドイツ語、フランス語、インドネシア語、イタリア語。
-
Cool Timeline を使って展示できる、コンテンツの種類は ?
-
Cool Timeline is versatile and allows you to showcase various types of content, such as company history, project milestones, personal achievements, event timelines, and product roadmaps.
-
Cool Timeline は、RTL (Right-to-Left。右から左) 言語をサポートしていますか ?
-
はい、Cool Timeline は、RTL 言語をサポートしており、アラビア語、ヘブライ語、ペルシャ語等の web サイトの制作に適しています。
-
Cool Timeline の更新頻度は ?
-
開発者は定期的に Cool Timeline をアップデートし、新機能の追加、パフォーマンスの向上、WordPress 最新バージョンとの互換性の確保を行なっています。
-
Cool Timeline プラグインは、GitHub のどこにありますか ?
-
Cool Timeline プラグインは、Github 上の公式リポジトリで見つけることができます。
-
セキュリティ・バグを報告するには ?
-
You can report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team help validate, triage, and handle any security vulnerabilities. Report a security vulnerability..
評価
2025年12月15日
This plugin works like a charm and is properly maintained. Keep up the good work!!!
2025年11月15日
Bra inbyggd pugin. Fick en historisk Timeline som helt uppfyllde mitt behov!
2025年9月12日
Working well and easy to use
2025年8月20日
love that it doesn’t require additional plugins!
2025年8月5日
It is both easy to set up and use. It offers multiple convenient ways to include a timeline on your website.
2025年6月13日
1 reply
It looks great on the desktop but can not see it in the mobile version.
貢献者と開発者
Cool Timeline (Horizontal & 垂直タイムライン) はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。
貢献者
変更履歴
Version 3.2 | 30 Dec 2025
- Fixed: Pagination issue on static pages.
- Updated: Default story image links.
Version 3.1 | 09 Dec 2025
- Tested Up To: WordPress 6.9.
Version 3.0.9 | 18 Nov 2025
- Improvement: Enhanced CSS styling for the timeline sidebar menu..
Version 3.0.8 | 22 Sep 2025
- Fixed: Fatal error caused by incorrect folder path.
Version 3.0.7 | 22 Sep 2025
- Improved: Other plugin recommendations.
- Improved: Rating div styling.
Version 3.0.6 | 25 August 2025
- Fixed: Addressed security vulnerabilities.
- Improved: Enhanced overall code quality.
- Improved: UTM link updates.
Version 3.0.5 | 09 July 2025
- Fixed: Wrong URL issue.
Version 3.0.4 | 09 July 2025
- Added: Enhanced user opt-in options for better customization.
Version 3.0.3| 23 June 2025
- Updated: Org Assets update.
Version 3.0.2| 23 June 2025
- New: Integrated migration of timeline announcements
- Tested Up To: WordPress 6.8.1
- Updated: UTM tracking link
- Improved: Minor performance and UI enhancements
Version 3.0.1| 21 Apr 2025
- Fixed : Text Domain issue.
- Tested Up To: WordPress 6.8
Version 3.0.0 | 19 Dec 2024
- Added: Support for List & Button blocks in descriptions of Cool Timeline Block.
- Added: Option to change or remove element positions (e.g., media after description or title) in Cool Timeline Block.
- Fixed: Deprecated JavaScript error in the block editor in Cool Timeline Block.
- Improved: Updated Icon Library to prevent JavaScript errors in Cool Timeline Block.
Version 2.9.9 | 09 Dec 2024
- Tested Up To: WordPress 6.7.1
- Fixed: Load text domain issue fixed.
Version 2.9.8 | 26 Sep 2024
- 改善: PHP エラーを修正。
Version 2.9.7 | 25 Sep 2024
- 修正: 必須ファイルが見つからない問題。
Version 2.9.6 | 25 Sep 2024
- 修正: V2.9.5で、致命的なエラーが発生。
Version 2.9.5 | 25 Sep 2024
- Improved: Security improvements.
- Removed: Deprecated Gutenberg Instant Timeline Builder.
Version 2.9.4 | 26 Aug 2024
- Added: Divi timeline module admin notice and tab on get started page.
- Fixed: Vertical one-side pagination alignment issue.
Version 2.9.3 | 11 June 2024
- 追加: 水平レイアウトの日付ラベルに、ポップアップで開くリンク
- Fixed: php fatal error issue with empty shortcode.
- Fixed: pagination arrow styling issue.
- 改善: 水平タイムラインの前ボタン、次ボタン。
Version 2.9.2 | 04 April 2024
- Fixed: RTL css issue.
Version 2.9.1 | 08 March 2024
- Added: HTML accessibility attributes
- Improved: Video content updated on the get started page for better documentation
Version 2.9.0 | 05 March 2024
- Added: Shortcode Live Preview button in Classic Editor
- Added: Get Started page in timeline admin setting for plugin information
- Fixed: Image Position issue.
- Fixed: Setting translation issue.
- Fixed: Horizontal Read More Display issue.
- Fixed: Year lable font family issue.
- Fixed: Vertical Icon, Icondot and Arrow styling issue in responsive device.
- Fixed: Year label styling issue in responsive device.
Version 2.8.3 | 19 December 2023
- Added: Post Per Page Option in Horizontal Layout.
- Fixed: Animation issue.
- Fixed: Compact CSS issue.
- Fixed: Wrong Comment CSS issue.
Version 2.8.2 | 11 December 2023
- 修正: PHP 7.0における、PHP 致命的エラーの問題。
Version 2.8.1 | 08 December 2023
- 削除: 未使用のファイルを削除。
Version 2.8 | 08 December 2023
- Added: WordPress default Image, Heading and Paragraph core blocks for more features.
- Added: migration option in instant timeline builder to migrate into Cool Timeline Block.
- Fixed: Editor side PHP errors.
- Improved: Cool Timeline Block static CSS replaced with variable based CSS.
- Improved: Shortcode Block Design Improvement and Removed Extra code.
- 削除: Cool Timeline ブロックから、見出し、画像、段落の設定を削除。
Version 2.7.1 | 17/10/2023
修正: 軽微なセキュリティ修正
Version 2.7 | 07/09/2023
- 修正: スタイルとアセットの条件付き読み込みに関する問題を修正。
- New Features: Added an “Add New Story” button to the story toolbar.
- New Features: Introduced a “Go To Settings” button in the story settings panel.
- New Features: Included new settings for Heading Tags.
- New Features: Integrated a new Font Icon library.
- Improvements: Fixed an issue with icons and center line positioning.
- Improvements: Removed the old Font Icon library for better performance.
- Improvements: Fixed an issue with icons and center line positioning.
- Improvements: Addressed the ALT Tag issue in images.
- 互換性: WordPress 6.3との互換性をテスト、確認。
Version 2.6.1 | 20/03/2023
- Fixed: Minor design issues with compact layout
- Fixed: Minor textual changes
- Updated: changed constants
- Tested up to: Tested upto WordPress 6.2
- Updated: updated links and assets
Version 2.6 | 15/03/2023
- Added: Integrated New Cool Timeline Shortcode Block
- Added: Integrated New Glightbox
- Improved: Updated Year section position in one-sided layout.
- Improved: Horizontal layout settings and design.
- Removed: PrettyPhoto Popup.
- Improved:Responsive design and timeline elements.
- Improved: Improved settings Tabs
- Remove: Cool Timeline Shortcode Generator removed from Gutenberg
- Fixed: Fixed styling issue
Version 2.5 | 11/01/2023
- Integration: Alternating setting option
- Integration: Content alignment Setting
- Integration: Title bottom spacing setting
- Integration: Description Bottom spacing setting
- Integration: Item spacing setting
- Integration: Icon box size setting
- Integration: Icon size setting
- Integration: Line size setting
- Integration: Container padding setting
- Improved: Content update / CoolTimeline Timeline Builder Block
- Updated: Dashboard API.
Version 2.4.5 | 28/09/2022
- Improved: Minor textual changes
Version 2.4.4 | 15/04/2022
- Improved: Used sanitize_text_field and removed PHP filter vars
Version 2.4.3 | 14/04/2022
- Improved: Updated settings framework latest version
Version 2.4.2 | 08/04/2022
- Improved: Updated settings framework latest version
- 改善: 日付関数のサポート改善の為、日付関数を gmdate() に置換。
- Improved: attribute and HTML output in overall code.
Version 2.4.1 | 06/04/2022
- Improvements: Removed all CDN and external images and JS file links.
- Improvements: loaded all images from the plugin folder.
Version 2.4 | 05/04/2022
- Fixed: Major security issue.
- Improved: overall code improvements.
Version 2.3.3 | 02/02/2022
- New: Quick Date Select Button in Timeline Story Setting meta box
- Fixed: Pagination issue on the home page.
- Fixed: Minor CSS issue in horizontal Layouts.
Version 2.3.2 | 17 Nov 2021
- Improved: Added check for WordPress 4.9 versions.
Version 2.3 | 09 Nov 2021
- 新規: Cool Timeline Gutenberg タイムライン・ブロックの各要素に、画像サイズオプション、Font Awesome アイコン、色、タイポグラフィ設定を追加
- 新規: Cool Timeline Gutenberg タイムライン・ブロックに、右寄せ片側タイムライン・レイアウトを追加
- 新規: Cool Timeline Gutenberg タイムライン・ブロックのストーリー位置 (左 / 右) オプションまたは両側レイアウト
Version 2.2.3 | 22 Oct 2021
- Fixed: Fixed missing icon issue
- Fixed: Loaded settings framework only on cool_timeline post type and settings panel
- Fixed: Conflict with WP Quiz PRO and CMB2
- Improved: Minor code improvements
Version 2.2.2 | 07 Oct 2021
- Fixed: Shortcode generator generating the wrong shortcode
- Fixed: review notice bug
Version 2.2 | 05 Oct 2021
- Added: integrated New settings panel
- Added: integrated New meta boxes and shortcode generator
- Added: Vertical story position settings
- Improved: improved overall code managed codes in functionality base class
- Improved: managed assets management in a standalone class
- Improved: folder structure
Version 2.1 | 13 July 2021
- Added: Story Ordering/sorting feature in Instant timeline builder block
- Added: Extended support for older Years from 1800 to 1970 years and dates
- Added: Alt tag in Instant Timeline Builder images
- Fixed: VC addon integration not working
- Fixed: story wrong order bug
- Fixed: Timeline Year issue in the Spanish language
- Updated: Gutenberg Timeline block code and libraries
- Updated: Deprecated libraries from the timeline block
- Updated: tested up to 5.8
More:- check changelog.txt file here.