ブロック「スライダー」のデモ

まだ修正しなくちゃいけない部分が色々とあるんですが、下にあるのがスライダーのデモです。

背景をセットしていないので、ぱっと見では分かりませんが、キューブ型のスライダーになっています。

キューブスタイルのスライダーのデモです。

Nora

スライダーを分割して作成してテンプレート化し、ネストスライダーとして使用することが可能です。このスライダーもテンプレート化しております。

各スライド内はブロックで自由に編集可

スライダー内は専用のスライドブロックのみの配置となりますが、スライド内には登録されているブロックが使用可能です。

CTA デモ

とりあえずこんな感じのCTAブロックを作成してみましたので、スライダーのデモついでに乗っけときます。ボタンのリンク先は設定されていません。

ポチッ

実は一応縦にも回転しますが、重なっている部分がありますので、正しく表示させるのがまだできていません。

Gutenbergで編集できるようにしてオプションを付けるのは、単純なスライダーを作成するのは結構簡単なんですが、ネストを想定して作成するとなると結構面倒ですね。

まだまだ他のオプションも要調整です。

使用しているのは「Swiper」です。