このガイドでは、スライドショーブロックを使用して、インタラクティブな画像のスライドショーを投稿またはページに追加する方法を説明します。
サイトでは次のように表示されます。
スライドショーブロックを追加するには、「+」ブロック挿入アイコンをクリックして「スライドショー」と検索します。これをクリックしてブロックを投稿または固定ページに追加します。
💡
キーボードを使用して新しい行に「/
slideshow」
と入力して Enter キーを押すことで、新しいスライドショーブロックをすばやく追加することもできます。
詳細については、ブロックの追加に関する詳細な手順をご覧ください。
最初にスライドショーブロックを追加する場合、「アップロード」と「画像を選択」の2つのオプションが表示されます。
「アップロード」オプションでは、コンピューターから新規の画像をサイトにアップロードできます。
「画像を選択」オプションでは、以前アップロードされたメディアライブラリの画像から選択するか、Google フォト、Pexels の無料写真、Openverse 写真ライブラリから選べます。
作成したスライドショーの下にある「画像をアップロード」オプションを使用すれば、スライドショーにさらに画像を追加できます。
ツールバーの「スライドショーを編集」ボタンを使用して、画像を追加または削除したり、画像の表示順を変更したりできます。
スライドショーの作成時に選択した順序で、画像がスライドショーに追加されます。「スライドショーを編集」オプションを使用して画像の順序を変更できます。スライドショーを編集するとき、選択した各画像の横に数字が表示されます。この数字は、スライドショーブロックに表示される画像の順番を示します。
ブロックをクリックすると、ブロックの上に次のオプションのツールバーが表示されます。
スライドショーブロックのツールバーには次のオプションがあります。
- ブロックタイプを変更する。
- ブロックをドラッグする。
- ブロックを上下に移動する。
- 配置を変更する。
- スライドショーを編集する。
- 追加オプション。
ブロックをクリックすると、右のサイドバーに追加のブロック設定が表示されます。サイドバーが表示されない場合、右上の ⚙️ (ギア / 歯車) アイコンをクリックして設定を表示させます。
スライドショーブロックには複数の設定があり、「ブロック設定」サイドバーで調整できます。
このオプションを有効にすると、スライドショーの画像の切り替えが自動的に行われるようになります。
有効にするとスライドショーに一時停止ボタンが表示され、読者がスライドショーを一時停止できます。自動切り替えのタイミング (秒単位) を選択することもできます。
「効果」タブでは、スライドを切り替える際の効果を「スライド」または「フェード」から選択できます。
「画像設定」タブでは、スライドショーブロックの画像サイズをポスター画像、中、大、フルサイズのオプションから選択できます。
高度な設定
高度な設定のタブでブロックに CSS クラスを追加することで、カスタム CSS を記述してブロックを好きなようにスタイリングできます。
コメントを投稿するにはログインしてください。