WordPressのベストタイムラインブロック＆プラグイン7選

Timelineブロックまたはプラグインは、重要な情報、イベント、マイルストーン、成果、発展などを時系列に表示するのに役立つようにデザインされています。このツールは、ストーリーや歴史、一連の出来事を紹介する際に特に便利です。

この要素は、ウェブサイトのコンテンツ作成とポートフォリオセクションの両方で頻繁に使用されます。この記事では、WordPressに最適なタイムラインブロックとポートフォリオプラグインを紹介します。下記よりご覧ください。

それでは議論を始めよう。

1. アルティメット・ブロック

Ultimate Blocksは、トップクラスのGutenbergブロックプラグインで、コンテンツ作成のための25以上の強力なカスタムブロックを備えています。その中でもタイムラインは人気のブロックです。水平・垂直両方のタイムラインを作成できる。

このブロックは軽量で、ネイティブのGutenbergブロックエディターと互換性があるため、サイトの表示が遅くなることはありません。Timelineを水平にデザインすることで、右側と左側の両方にコンテンツを表示することができ、バランスの取れたデザインになります。

プラグインのブロックの主な特徴：

• タイムラインのレイアウトをコントロールする
• コネクタとして数字またはアイコンを表示する
• Timelineを色や他の要素でカスタマイズする
• カスタマイズ可能なボーダーと角丸の追加
• タイムラインに画像を追加する
• タイムライン項目を個別にカスタマイズ
• コンテンツにパディングとマージンを追加する。

2. Gutenberg用タイムライン・ブロック

Timeline Block for Gutenbergは、あなたのウェブサイトにレスポンシブなタイムラインを作成するための初心者に優しいプラグインです。プラグインの設定は簡単です。上記のプラグインのタイムラインブロックでできることは、このプラグインでもできます。

このプラグインでは、個人的なストーリー、職歴、製品開発のロードマップ、プロセスステップ、チュートリアルなどを表示することができます。また、水平と垂直のタイムラインを作成することもできます。

Gutenberg用タイムライン・ブロックの主な特徴：

• 動画、画像、スライダーを追加可能
• コネクティングドット、アイコン、タイムラインの境界線を簡単にパーソナライズできる
• 膨大なアイコンのコレクションを提供
• 15種類以上のアニメーション・エフェクト
• アイコン/ラベルの位置を調整できる

3. クールタイムライン（水平・垂直タイムライン）

ページビルダーやGutenbergブロックエディターと互換性のあるタイムラインツールをお探しなら、このCool Timelineプラグインをお試しください。WordPressバックエンドに独立したダッシュボードが付属しています。

好きなだけタイムラインを作成できます。一度作成したら、ショートコードを使って投稿やページに追加できます。このプラグインは純粋なHTMLとCSSで作られているので、最大限の機能を発揮します。

クールタイムライン（水平・垂直）の主な機能：

• 40以上のタイムラインデザイン
• 4つのタイムラインレイアウト
• 動画、画像、スライダーを追加可能
• タイムラインをASC/DESC順に表示する
• タイムラインにフィルターを表示する
• Gutenberg、Elementor、WPBakeryとの互換性

4. Tablebergによるテーブルブロック

Tablebergは多機能なテーブルビルダープラグインです。このプラグインを使用すると、テーブルを作成できるだけでなく、タイムラインを含むウェブサイトの様々なセクションを水平方向と垂直方向の両方でデザインすることができます。

Tablebergではセル、行、列に様々なタイプのカスタムブロック（イメージ、レーティング、リスト、アイコンなど）を追加する事が出来ます。これらのカスタムブロックを追加する事で、Timelineをよりインタラクティブでリッチなコンテンツにする事が出来ます。

Tablebergの主な特徴：

• テーブルに7つ以上のカスタムブロックを追加可能
• テーブルの境界線をカスタマイズする（色、半径、幅）
• 高いモバイル対応
• テーブル/タイムライン内のあらゆるタイプのコンテンツを簡単にカスタマイズできる。
• テーブルの幅を広げる
• タイムラインだけでなく、商品テーブルやコンテンツボックスなども作成可能

5. 年表と歴史スライダー

このプラグインはカスタム投稿タイプ、スライダー、タイムラインの機能を兼ね備えています。まず、タイムラインを作成します。次に、カスタム投稿として店舗を作成し、特定のカテゴリーに割り当てます。

その後、カテゴリーIDを使ってカスタム投稿をタイムラインに時系列でリンクしてください。全ての準備が出来たら、投稿やページにショートコードを使ってタイムラインを公開しましょう。

カスタム投稿は横のタイムラインに表示され、ユーザーはそれらをスライダーとしてナビゲートすることができる。しかし、このプロセス全体は初心者には圧倒されるかもしれない。

タイムラインとヒストリースライダーの主な特徴：

• 投稿/ストーリーとタイムラインを投稿/ページに表示するショートコードを使用します。
• ページネーション、矢印、自動再生、スライド速度、フェードのカスタマイズ
• 1つの投稿/ページに複数のタイムライン・スライダーを追加可能
• 完全にレスポンシブで、コンテナに合わせて拡張可能
• Elementor、Beever、SiteOriginと互換性があります。

6. タイムラインイベント履歴

Timeline Event Historyはタイムラインを作成するためのプラグインです。バックエンドに直感的なダッシュボードがあり、Timelineを作成する事が出来ます。Timelineの各セクションは見出しとしてカウントされます。

それぞれの見出しにテキストと画像/アイコンを追加して、ストーリーをカバーすることができます。ここでも、それぞれのタイムラインはショートコードを生成するので、投稿/ページにコピーペーストしてタイムラインを表示させてください。

Timeline Event Historyの主な特徴：

• クリーンでミニマルなタイムラインを作成
• 2つのタイムラインデザインと2つのバーティクル・タイムラインレイアウトを収録
• タイムラインコネクターのカスタマイズが可能
• 膨大なアイコンコレクションを提供
• タイムラインの形とテキストの色を変更できます。
• タイムラインをASC/DESC順に表示する

7. ポストタイムライン

新しいプラグインですが、Post Timelineはあなたのウェブサイトにスタイリッシュなタイムラインセクションを作成できる機能豊富なプラグインです。様々なアニメーションエフェクトが含まれています。それらを適切に使う事で、Timelineをよりインタラクティブにする事が出来ます。

時間がない場合は、既製のテンプレートを使用することができます。プレゼンテーションの要望に応じて、縦にも横にもTimelineを表示できます。並べ替えオプションで、時間をかけずに重要なコンテンツを絞り込む事が出来ます。

ポスト・タイムラインの主な特徴

• 複数のアニメーションスタイルをサポート
• 15以上のユニークなタイムライン・テンプレート
• AJAXをサポートし、より多くのオプションをロードする
• タイムラインに画像や動画を追加可能
• どのデバイスでも問題なく見えるレスポンシブUI

クロージング・アップ

プラグインを決めることは、あなたのウェブサイトの将来にとって常に重要なステップです。Timelineプラグインも同じです。しかし、タイムラインはほとんどのウェブサイトではとても小さな要素です。1ページか2ページしか使われていないかもしれません。

では、この小さな作業のために専用のプラグインを使う必要があるのだろうか？それよりも、次のような多目的プラグインを使う方がいい。 アルティメット・ブロック.他の人よりも役に立つと思う。