プラグイン「Emanon Premium Blocks」を有効化すると、「タイムラインブロック」が利用できます。タイムラインブロックは、沿革や年表、作業手順など時系列でコンテンツを表示する際に利用します。

設定

ブロックエディタからタイムラインブロックを配置します。

ブロック配置時の表示

ステップ設定・見出し設定・スタイル設定

タイムラインのステップは、数字または丸の表記を指定できます。数字の場合、1、2、3と数字が加算されます。

見出し設定

タイムラインの見出し文字の太さや色を指定できます。

スタイル設定

ステップとステップをつなげる線を点線・破線・線から指定できます。ステップの横に線を表示したい場合、線[水平]を指定してください。

表示例

下記ブロックは、ステップを数字に指定した表示例です。

  1. WordPress管理画面にログイン

    プラグイン emanon-premium-blocks.zipをパソコンのデスクトップに置きます。

  2. WordPress管理画面のメニュー「プラグイン」をクリック

    プラグインの画面に切り替わりましたら、新規追加のボタンをクリックします。

  3. プラグインのアップロードをクリック

    zipファイル emanon-premium-blocks.zipを選択してアップロードします。

  4. プラグインを有効化

    ページ編集画面でEmanon Premium Blocks拡張ブロックが利用できます。

下記ブロックは、ステップのスタイルを線[水平]に指定した表示例です。ステップの配色も変更しています。

  1. WordPress管理画面にログイン

    プラグイン emanon-premium-blocks.zipをパソコンのデスクトップに置きます。

  2. WordPress管理画面のメニュー「プラグイン」をクリック

    プラグインの画面に切り替わりましたら、新規追加のボタンをクリックします。

  3. プラグインのアップロードをクリック

    zipファイル emanon-premium-blocks.zipを選択してアップロードします。

  4. プラグインを有効化

    ページ編集画面でEmanon Premium Blocks拡張ブロックが利用できます。

下記ブロックは、ステップを丸に指定した表示例です。

  1. 2013年12月 株式会社イノ・コード 創業

    WordPressを使ったWebサイトの受託制作を開始

  2. 2014年 Web集客コンサルティング開始

    集客に困っている個人事業主、中小企業向けに広告運用代行やコンサルティングを開始

  3. 2015年 受託制作用のオリジナルWordPressテーマを開発

    受託制作業務の生産性向上を目指し、オリジナルWordPressテーマを開発

  4. 2016年 8月 WordPressテーマ Emanon Proリリース

    ビジネス用ブログメディアの制作に利用できるEmanon Proを発売

  5. 2016年 12月 WordPressテーマ Emanon Businessリリース

    Emanon Proの子テーマとして、ビジネスサイト用のテーマEmanon Businessを発売

  6. 2017年から2019年Emanonテーマの機能拡張

    Emanonテーマの機能拡張と、専用プラグインの開発リリース

  7. 2020年8月 新作テーマ Emanon Premiumをリリース

    ブロックエディタの使用を前提とした高機能ビジネステーマEmanon Premiumを発売

親要素の選択

タイムラインブロックは、インナーブロックを読み込む形式のブロックです。タイムラインブロック全体を操作(移動や削除など)する場合、親要素にフォーカスを当てる必要があります。具体的な操作方法は下記の動画でご確認ください。