Wordpressテーマ

スライドショー画像の設定

PlaneWhiteでは、トップページに3枚別々の画像をスライドして表示させることができます。
画像はウィンドウ幅に自動的に合うようになっています。もちろんレスポンシブ対応。
ここでは画像の設定を解説します。

管理画面からスライドショー画像を変更する

管理画面からカスタム設定→「スライドショー画像設定」部分に移動します。
「スライドショー画像1」から画像のアップロードが出来ます。「画像をアップロード」をクリックします。
※既に画像をアップロードしている場合は「ライブラリから選択する」をクリック
Plane Whiteカスタム設定 Plane White WordPress 6

設定したい画像をクリックしたまま「ここにファイルをドロップ」というエリアまでマウスを動かし、離します。
Slide dragdrop 8

アップロードが完了すると「編集」というテキストリンクが表示されるのでクリックします。
Slide edit 3

「ファイルのURL」という箇所のURLを全選択し、コピーします。
メディアを編集 Plane White WordPress 4

URL設定ボックスにコピーしたURLを貼り付け、その下には画像の説明文をテキストで入力します。(imgタグのalt属性になります)
Slide url 5

設定できたら「設定を保存」をクリックします。画面を見てみましょう。
Slide finish 3

画像が変更できました。
Slide preview 2

2枚目、3枚目のスライドショーも同じように設定することで、合計3枚のスライドショーを設定できるようになります。
画像のサイズや縦横比率によってPC、スマホの見え方が変わってくるので、何枚かアップロードし確認することをお勧めします。
※縦画面の画像より横画面を推奨します

CONTACTお問い合わせ / お見積もり