ベクトルのプラグイン VK Blocks のスライダーブロックを使ってスライドショーを作ることができます。

以下の3つのやり方で実際にスライドショーを作ってみて、どのやり方がいちばんよいか考えてみました。

背景画像を使うやり方 スライドショー全般に使える
作成例 https://lightning-g3.hp1.work/slider-slideshow-bg-img/
画像ブロックを使うやり方 画像を欠けずに表示したい場合
作成例 https://lightning-g3.hp1.work/slider-slideshow-img-block/
カバーブロックを使うやり方 人物をメインに配置するならこれ
作成例 https://lightning-g3.hp1.work/slider-slideshow-cover-block/

それぞれのメリットとデメリットをまとめてみました。詳しくは個々のスライダーのページをご参照ください。

1. 背景画像

スライドの高さ

スライダーブロックで指定する

メリット

画像に文字を重ねるのがかんたん
画像に色を被せるのがかんたん

デメリット

PC・タブレット・モバイルの画像を別々に用意する必要がある （これはメリットにもなり得る）

こんな使い方に向く

スライドショー全般
PC・タブレット・モバイルで別々のスライドを使いたい場合

2. 画像ブロック

スライドの高さ

使用する画像の縦横比で高さが決まる

メリット

PC・タブレット・モバイルの画像を別々に用意する必要がない
どの画面幅でも画像が欠ける心配がない

デメリット

文字やボタンを重ねることができない

こんな使い方に向く

画像を一切欠けずに表示したい場合

3. カバーブロック

スライドの高さ

カバーブロックで指定する

メリット

焦点ピッカーを使って人物の顔が画面の外に隠れないようにできる
全画面表示のスライドショーができる
PC・タブレット・モバイルの画像を別々に用意する必要がない
画像に文字を重ねるのがかんたん
画像に色を被せるのがかんたん

デメリット

PC・タブレット・モバイルでスライダーの高さを別々に指定できない

こんな使い方に向く

スライドショー全般
人物をメインに配置したい場合
全画面表示のスライドショー

サイト運営者プロフィール

対馬俊彦魚沼情報サービス (新潟県南魚沼市)

WordPress を使用したサイト制作・カスタマイズを全国どこからでも承ります。ベクトルが販売している WordPress テーマ「Lightning」「Katawara」および同社のプラグイン「VK Blocks」「VK Filter Search」のカスタマイズを得意としています。遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。

オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを開設・運用する上で、うまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。

このサイトで行っているカスタマイズのやり方の多くもマンツーマンのオンラインレッスン形式などでわかりやすく説明させていただくことができますので、興味がある方はご連絡ください。

* ドメインやサーバーの契約・申込み
* WordPress やテーマ、プラグインのインストール
* アクションフック・フィルターフック・PHP・jQuery・CSS によるカスタマイズ
* ドメインの移管・移転
* 日常の更新作業
なども含めて、サイトの制作・運用全般をお手伝いできます。

デザイナー様・制作業者様のお手伝いも数多く行っております。難しい部分のコーディングをやってほしい、いま人手が足りない、等々... お仕事の依頼をお待ちしています。

ご要望をうかがった上で費用見積り（無料）を提示させていただきますので、お気軽にお問い合わせください。

» ご相談・お問い合わせはこちらからどうぞ

WordPress / Lightning オンラインサポートのご案内

サイトをご覧いただき、ありがとうございます。このサイトを運営している、魚沼情報サービスの対馬です。

WordPress を使用したサイト制作・カスタマイズ・サポートを全国どこからでも承っています。ベクトルが開発している WordPress テーマ「Lightning」「Katawara」および同社のプラグイン (VK Blocks Pro ・ VK Filter Search Pro) を使ったサイト制作・カスタマイズを最も得意としています。遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。

オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを開設・運用する上で、うまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。

* ドメインやサーバーの契約・申込み
* WordPress やテーマ、プラグインのインストール
* アクションフック・フィルターフック・jQuery・CSS によるカスタマイズ
* ドメインの移管・移転
* 日常の更新作業
なども含めて、サイトの制作・運用全般をお手伝いできます。

* 近くに頼りになるところがない
* わからないところを教えてほしい
* 専門家にサイト制作を手伝ってもらいたい
という方はぜひお気軽にご相談ください。

ご要望をうかがった上で費用見積り（無料）を提示させていただきます。

ご相談・お問い合わせはお気軽にどうぞ