ブロックテンプレート機能では、ブロックタイプ「コード」で活用するためのテンプレートの作成ができます。置き換えブロック編集時に作成したテンプレートを活用することができます。

ブロックテンプレート活用によるメリット

  • ブロック更新負荷の削減
    • 更新内容が同じブロックを予めテンプレートとして登録しておくことで、サイト内で再利用でしやすくなります。
  • HTMLを直接編集せずにブロックの更新が可能
    • 新規でテンプレートを作成する際はHTMLを編集する必要がありますが、一度作成すれば以降はHTMLを編集することなくブロックの更新が可能になります。
    • テンプレートの中には変数を含めることができるので、テンプレート作成時に日々更新したい要素を変数化して切り出すことで、日常的な更新時にはHTMLを触ることなく、要素の更新が可能になります。
    • これにより、HTML/CSS/JSの知識のない方でもブロックの更新が可能になり、活用範囲が広がります。

ブロックテンプレートを作成する

ブロックテンプレートの作成には下記2種類の方法があります。

  • ブロックテンプレート画面から作成する
  • 置き換えブロック編集時に保存する

ブロックテンプレート画面から作成する

グローバルナビゲーション「ブロックス」→「ブロックテンプレート」からブロックテンプレート画面に遷移し、「ブロックテンプレートを登録」をクリックします。

null

下記内容を設定し、保存します。

null

  • タイトル
    • テンプレートの名前を入力します。
  • コード
    • テンプレート化したいコードを追加します。
    • ブロックタイプ「コード」の仕様はこちらをご確認ください。

置き換えブロック編集時に保存する

置き換えブロック編集時にブロックタイプ「コード」を選択して編集時に「テンプレートを保存」というボタンをクリックすると編集した内容がテンプレートとして保存されます。

null

null

作成したテンプレートを活用する

作成したテンプレートは置き換えブロック編集時に呼び出すことができます。
置き換えブロックでブロックタイプ「コード」を選択時に、上で作成したテンプレートを呼び出すことができます。

null