WordPressプラグインのSnow Monkey Blocksで使用できる「スライダー」について詳しくご紹介します。
「スライダー」は「Snow monkey Blocks」のプラグインを有効化することで使用できます。画像を切替えて表示できるスライダーを手軽に作成できます。
スライダーの作成
実際に一からスライダーを作成します。
ここでは、スライダーのブロック設定を以下の通りにONにした状態で進めていきます。
- 矢印を表示
- ドットを表示
- ドットをサムネイルに変更
まずは「ブロックを追加」で表示される検索ボックスに「スライダー」と入力します。候補が表示されたら以下の画像で示す赤枠の「スライダー」をクリックします。
次にスライダーで表示する画像を追加します。「スライダー」ブロックを選択し、「メディアライブラリ」をクリックします。
「ギャラリーを作成」が開きます。ここでは新しく画像をアップロードするため、「ファイルをアップロード」のタブをクリックします。
「ファイルをドロップしてアップロード」または「ファイルを選択」をクリックして画像を追加します。
アップロードした画像が追加されました。ギャラリーに追加される画像は、「チェックマーク」がつきます。
追加したい画像にチェックマークがついていることを確認し、「ギャラリーを作成」をクリックします。
「ギャラリーを編集」に切り替わります。この画面では、画像の並び替えやえやキャプションの入力が可能です。
画像が決定したら「ギャラリーを挿入」をクリックします。
画像の並び順は左から順番に表示されます。画像を並び替えるにはドラッグ＆ドロップの操作で並び替えてください。
選択した画像でスライダーが表示されました。これでスライダーの作成が完了です。
画像の編集
「スライダー」ブロックを選択し、「メディアライブラリ」をクリックします。
「ギャラリーに追加」が表示されるので、左側メニューの「ギャラリーを編集」をクリックします。
「ギャラリーを編集」が表示されました。
この画面では、以下の操作が可能です。
- 画像の並び替え
- 画像の削除
- キャプションの入力
以下に詳しく解説します。
画像の並び替え
画像の並び順はドラッグ・アンド・ドロップの操作で可能です。
画像の削除
各画像に表示されている「」をクリックして削除できます。
キャプションの入力
「キャプション」は、各画像の下部に表示されている入力欄から入力できます。
初期設定ではキャプションは表示されません。キャプションを表示するには「スライダー」のブロック設定から「キャプションを表示」をONにしておく必要があります。
画像の追加
既存のスライダーに画像を追加する方法を解説します。
「スライダー」ブロックを選択して「メディアライブラリ」をクリックします。
「ギャラリーに追加」が開きます。画像の追加は以下の２つの方法で可能です。
- アップロード済みの画像から追加
- 新規で画像を追加
以下に各方法を詳しく解説します。
アップロード済みの画像から追加
既にアップロード済みの画像から追加する場合は、「メディアライブラリ」にアップロード済みの画像が表示されているので、この中から画像を選択します。
選択した画像にチェックがついたことを確認し、「ギャラリーに追加」をクリックします。
画像の右上にある「」にマウスカーソルを合わせて表示される「」をクリックするとギャラリーから取り除くこともできます。
画像が追加されました。必要に応じて並び替えなどを行い「ギャラリーを更新」をクリックします。
スライダーに画像を追加できました。
新規で画像を追加
「ファイルをアップロード」のタグをクリックし、その後追加したい画像をアップロードします。
アップロードした表示されます。チェックがついていることを確認し、「ギャラリーに追加」をクリックします。
アップロードした画像が追加されました。必要に応じて並び替えなどを行い「ギャラリーを更新」をクリックします。
スライダーに画像を追加できました。これで画像の追加は完了です。
