トップ画像の変更の仕方【WordPress制作マニュアル】

2018-01-04 初心者向け基本マニュアル

ブログに使っている、「トップ画像」を
変更するときの手順をご説明しますめ。

今回は、

・ジラフ
・ライトニング
・ビズベクトル

の3つのテーマを
例にして説明していきますね。

テーマによって少し異なりますが
だいたいは同じなので

これをご覧いただければ、
お使いのテーマのカスタマイズの仕方もだいたいわかるかと。

たまーにすんごい独特のテーマもあるので
そういう方はごめんなさい。。

・この記事の内容・

トップ画像を変更する手順
大まかな手順のまとめ

トップ画像を変更する手順

テーマ　ジラフの場合

初期状態ではこんな
キリンの画像が入っています。

ポリゴン、かっこよくて素敵なんですけど
もちろんこの画像のままでは
Giraffeの宣伝サイトになりますから（笑）

変えないといけませんよね。

トップ画像、とかヘッダー画像、とか
いろんな言い方がありますが、

ジラフでは「ヘッダー画像」と書いてありました。

１　カスタマイズ画面を開く

では
「カスタマイズ」を開いてください。

カスタマイズメニュー

２　「ヘッダー画像」を開く

の中から「ヘッダー画像」を選んでください。

ジラフカスタマイズメニュー

３　新規画像を追加する

すると、「ヘッダー画像」には
今この画像が使われていますよ、という
プレビューが表示されます。

ここで、「新規画像を追加」を開きます。

新規画像を追加

ここで画像が変更できますよ^^

※画像の大きさに注意！！

ジラフの場合は、
ヘッダーに使う画像の大きさは
2500×800ピクセルがお勧めだそうです。

横幅2500って、相当大きいですよ。
さっきのきりんさんの画像も、大きいですもんね。

無料素材などではサイズが足りないかもしれません。

小さいサイズだったらどうなるか試してみました。

640×428の画像を入れてみました。

これです。

犬と猫

すると、画像を選ぶときに
「選択して切り抜く」がというボタンが出てきました。

ヘッダー画像は横長なので
横長に切ってくれと言われているようです。

画像を横長に切った場合

切った場合

小さい画像切カットしたら、拡大して配置してくれました。

でも、拡大している分ちょっと画像が粗くなってしまいました。

拡大画像

そんなに繊細な画像でなければ
気にならないレベルかもしれませんが

ブログのトップに使うものなので、
できればもう少し大きい画像の方が良いかもしれませんね。

海外の無料画像サイトなら、大きいサイズのものもありますよ ^^

次は、カットしないで使ってみました。

画像を切らずにそのまま入れた場合

そのまま入れた場合

縦にぐんと伸びて
だいぶ無理やりですね（笑）

サイトのほとんどが、画像・・・（笑）

このように（？）必ずしも
2500×800ピクセルではなくても
画像に合わせて配置してくれますので

多少は比率が違っても、問題なさそうです^^

多少、ですが

では次のテーマ行ってみましょう。

テーマ　ライトニングの場合

ライトニングはこんな画面になっています。

Lightningトップ画像

ライトニングの画像は
「スライドショー」と言って、

何枚かの画像が順番にスライドして
かわるがわる表示させることができます。
（1枚だけにすればスライド機能がOFFになります。）

さて、変更の仕方を見て行きましょう。