プラグイン「Emanon Blocks」を有効化すると、「コンテナ[Loop]ブロック」が利用できます。コンテナ[Loop]ブロックは、インナーブロックを無限ループするブロックです。

設定方法

ブロックエディタからコンテナ[Loop]ブロックを配置します。

ブロック設定

  1. px単位で幅を指定する場合、有効化してください。
  2. px単位高さを指定する場合、有効化してください。

ループ設定

  1. ループの方向をまたはに指定できます。
  2. ループが1周するまでに必要な時間を指定します。
  3. ループが開始するまでの時間を指定します。
  4. アニメーションの加速または減速を指定できます。
  5. 有効化でマウスオーバー時にループを停止します。

表示例

下記のようにループを連続して表示する配置方法を解説します。

設定手順
  1. コンテナ[Loop]ブロック内にブロックを配置

    ここでは、リンク付きの画像ブロックを4つ配置しています。

    コンテナ[Loop]ブロック内に画像ブロックを挿入
  2. リストビューからコンテナ[Loop]ブロックのインナーを複製

    編集画面の左上にあるドキュメント概観をクリックします。

    編集画面の左上から操作

    次にコンテナ[Loop]ブロックのインナーを選択し、複製をクリックしてください。以上の作業が完了すると、下記のように同じ複製さたインナーブロックが2列に表示されます。

  3. 完了

    編集ページの本文でも下記のように同じインナーブロックが2列に表示されます。

  • 同じ内容のインナーブロックを2段用意することで途切れないループになります。
  • インナーに配置するブロックは親ブロックの横幅と同じかそれ以上の横幅になるように配置します。