haleta

ヘッダー画像の変更方法

 

ヘッダー画像の変更方法を解説する。

画像をPC用とモバイル用それぞれサイズを合わせて用意する

□PC用:横1200px(ピクセル)× 縦500px

□モバイル用:横750px × 縦700〜750px

 

※なお、画像編集は無料のアプリもあるので参考に(google photoでも編集できるらしい)↓

https://ferret-plus.com/3051

 

PC用のヘッダー変更

 

step
1
外観のカスタマイズを選択

 

step
2
ヘッダーエリア設定を選択

 

step
3
ヘッダー画像/スライダー設定を選択

 

step
4
現在の画像が表示されているので、「画像を変更」をクリック

 

step
5
画像を選択画面に飛ぶのでヘッダーの画像を選ぶ

※アップロードしていない場合はここでアップする。

 

step
6
ヘッダー画像上の文字を変更するときは「ヘッダー画像上タイトル/キャプション」を変更する

 

step
7
変更が終わったら「公開」を押す

 

ヘッダーをスライダーにしたい場合

現在のヘッダーは、1枚の画像に文字が流れて止まるという仕様。

スライダーで何枚も表示させたい場合の変更方法を解説する。

 

step
1
外観のカスタマイズを選択

 

step
2
ヘッダーエリア設定を選択

 

step
3
ヘッダー画像/スライダー設定を選択

 

step
4
ヘッダーコンテンツタイプを開き、スライダーを選択

 

step
5
スライダースタイルを選択

スライダーされるときの表示方法をここで選択できる(選択してみてみるのが一番わかりやすい)

 

step
6
自動スライド間隔とトランジション時間を設定

1枚をどのくらい表示させるか(自動スライド間隔)、移動時間(トランジション時間)を設定する。

 

step
7
フォントカラーを設定

画像が暗ければ、フォントは白っぽく、画像が明るければ暗い色を選択する。

このフォントは1枚ずつに設定できないので、スライダーすべての画像の明暗を統一する必要がある。

 

step
8
カラーオーバーレイ設定

画像の上にカラーの膜をかけることができる。

不透明度を設定できるので、明るい画像を暗くしてフォントを白にしたい場合は、このオーバーレイカラーを暗い色に設定して不透明度を高くすれば画像が暗くなる。

 

step
9
スライダーを設定する

あとはスライダーを1枚ずつ設定していく(文字もスライダー1枚ずつ変更可能)

 

step
10
変更が終わったら「公開」を押す

 

 

モバイル用のヘッダー変更

 

step
1
外観のカスタマイズを選択

 

step
2
モバイルテーマ/AMP設定を選択

 

step
3
ヘッダー画像/スライダー設定を選択

 

step
4
PCの設定と同じように変更していく

 

モバイルもスライダーが可能。

 

 

-haleta

© 2026 wordpress操作方法 Powered by AFFINGER5