

プロデューサー歴20年のシマタケです。
僕自身、満足のいくホームページ作成に出会えなく、
現在はホームページ作成を提供し、
かつ、ご自身で運営できるようサポートしています。
ワードプレス公認テーマ「ライトニング(Lightning)」は個人ブログから本格的な企業ホームページまで作成する事ができるおすすめのテーマ。
今回はライトニングの魅力のひとつであるトップページのスライドショーの設定方法をご紹介します。
スライドショーを設定して立派なホームページの「顔」をつくってください。

スライドショーを表示できるとプロっぽくなって良いですね^^
ホームページのスライドショーとは?

視覚的な魅力を出せる
トップページに表示される画像や動画が自動で切り替わる仕組みのことを指します。Webサイトの印象を強くし、視覚的に魅力を伝えるのに役立ちます。
スライドショーの効果
✅ 視覚的にインパクトを与える
→ 大きな画像や動きのあるデザインで、第一印象を強くできます。
✅ 重要な情報をまとめて伝えられる
→ 複数のメッセージ(キャンペーン・サービス・会社の魅力など)を順番に見せられます。
✅ ブランドイメージを強化
→ プロフェッショナルなデザインのスライドショーは、信頼感やブランドの雰囲気を伝えるのに役立ちます。
スライドショーの設定

スライドショーの設定は、ホームページ全体のデザインを編集する「カスタマイズ」ページで行います。
まず、カスタマイズページへ移動してください。

「カスタマイズ」ページへの移動
1、まずダッシュボードの左カラムの「外観」を触ると右にラベルが出てきます。
その中の「カスタマイズ」をクリック。

スライドショー設定パネルへ
2、カスタマイズのパネルの中の「Lightningトップページスライドショー」をクリック。

3、移動したパネルの中の「表示設定」の項目にて「スライドを表示する」「しない」を選択できます。
デフォルトは「表示する」になっているので、表示したい方はそのままで良いです。
スライドショーを表示したくない場合は「表示しない」を選択してください。

4、パネルを下にスクロールすると、スライドショー画像に掲載される文字情報の設定ができます。
・スライドのタイトル
・スライドのテキスト
・ボタンのテキスト
・ボタンのリンク先設定
それぞれ空欄にすると表示されません。

5、掲載するテキストの掲載位置や色も設定できます。

6、さらにその下にスクロールするとスライドショー画像を選択する項目が出てくるので「画像を変更」をクリックして「画像を選択」にて任意の画像を掲載してください。
PC版の推奨サイズは1900px × 600px です。このサイズは本当におすすめです^^

7、画像を選択して掲載すると、このように表示箇所とプレビュー画面に反映されます。

8、上記したように、スライドショー画像の「タイトル」「テキスト」「リンクボタン」の項目に掲載情報を記載します。
情報の掲載が必要なければ、それぞれ空欄にすると表示されません。

9、上記したように、文字情報の位置を指定する項目でテキスト情報の掲載位置を指定してください。
サンプル画像では、右にテキストを指定しました。

10、掲載テキストの色を指定する項目が出てきます。こちらでテキストの色を指定してください。
サンプル画像では、テキストの色を白にしました。

11、このようにスライドショー画像とテキスト情報を設定します。
ライトニングでは標準で3枚のスライドを作る事ができます。
上記と同じ手順で、下にスクロールして、2枚目、3枚目の設定ができます。
モバイル版スライド画像の設定
ちなみに、
PC版画像設定の下に「モバイル用スライド画像」を設定する項目があります。
こちらは任意の設定となります。
設定しなければPC版の画像がモバイル(スマホ)に表示されます。その場合、横長の画像が表示されモバイル表示には適しません。
なので、こちらでモバイル表示に合わせた縦長の画像を掲載する事をお勧めします。
その際の画像の推奨サイズは、830px (横)× 1040px(縦) になります。
そうする事で、モバイル版では縦型のスライドショーが表示されます。
こちらもご覧ください。
ロゴやキャッチフレーズの設定方法。
こちらもご覧ください。
ワードプレス「ライトニング(Lightning)」投稿ページの作り方。
まとめポイント

いかがでしたか。
ワードプレスのテーマ「ライトニング(Lightning)」の「カスタマイズ」項目の中でも特に魅力的なスライドショーの設定方法をご紹介しました。
これだけでも、だいぶオリジナリティーのあるページになります。
ぜひ、ご自分のイメージ合わせて設定してみてください。
ホームページのスライドショーとは?
トップページに表示される画像や動画が自動で切り替わる仕組みのことを指します。Webサイトの印象を強くし、視覚的に魅力を伝えるのに役立ちます。
スライドショーの設定
スライドショーの設定は、ホームページ全体のデザインを編集する「カスタマイズ」ページで行います。
まず、カスタマイズページへ移動してください。
ライトニングはデフォルトで3枚のスライド画像を設定できます。

ワードプレスを用いて、ご自身で運営できる理想のホームページを作成する
弊社のホームページ作成サービス「MY PAGE」もご覧ください。