【Snow Monkey Blocks】スライダーブロックにリッチコンテンツを挿入する方法

まず最初に、Snow Monkey BlocksプラグインとEasy Access Reusable Blocksプラグインをインストールして有効化します。

Easy Access Reusable Blocksプラグインのおかげで、左側メニューに「再利用ブロック」というメニューが追加され、さらに作成した再利用ブロックに対してショートコードを発行することができるようになりました。

たとえば以下の場合、WordPressコアブロックに含まれる見出し・段落ブロックと、Snow Monkey Blocksに含まれるボタンブロックを使用しました。

すべての要素を中央揃えで配置したいので、それぞれのブロックをこの時点で中央揃えに設定しています。

リッチコンテンツの作成が終わると、再利用ブロック一覧の中にショートコードが発行されますので、それをコピーします。

固定ページを作成して、リッチコンテンツを挿入したいスライダーを作成します。

スライダーの「ギャラリーを編集」の画面内にキャプションを挿入する部分がありますので、その中に前の手順で発行したショートコードを挿入します。

さらに、以下の通りに必ず「キャプションを表示」にチェックを入れます。

この手順で、スライダー内にリッチコンテンツを表示できるようになりました。

スライダーを全幅にしたい場合は、ここの段階で全幅に設定することもできます。

以下のCSSをカスタマイザー内の追加CSS（外観＞カスタマイズ＞追加CSS）などに挿入して、リッチコンテンツを上下中央に配置し、さらに文字色を白（エディター内では編集しやすいように黒のまま）で表現するようにしています。

.smb-spider-slider .spider__slide div.smb-spider-slider__item {
  color: #fff;
  bottom: auto;
}

標準の黒文字で編集したものは、このCSSによりすべて自動的に白文字に変換されるようになります。

これでスライダー内に、要素が上下・左右中央かつ文字色が白色のリッチコンテンツを挿入することができました。

今回は上記の配置で作成しましたが、必要に応じて要素の位置などは設定・CSS等で調整してください。