ヘッダーに画像を設定

広告

ブログのヘッダー部分に表示される画像の設定方法について解説します。

1.ヘッダーに使用する画像をアップロード
2.アップロード済の画像へ変更
3.アップロードした複数の画像をランダム表示
4.ヘッダー画像を削除

ヘッダーの設定を行うには、管理画面の「外観」メニューの中にある「ヘッダー」メニューをクリックして下さい。

p3-1

ヘッダー画像の編集画面が表示されます。

p3-2

現在はヘッダー画像は何も設定されていない状態です。設定を行うには「新規画像を追加」をクリックして下さい。

p3-3

画像の選択画面が表示されます。既にアップロード済の画像を使用してもいいですし、新しい画像をアップロードして使用することもできます。今回は新しい画像をアップロードしてみます。「ファイルをアップロード」タブの画面で「ファイルを選択」をクリックします。

p3-4

ファイルダイアログが表示されますのでアップロードしたい画像を選択して下さい。選択が終わるとWordPressへアップロードされ次のような画像となります。画面右下の「選択して切り抜く」をクリックして下さい。

p3-5

アップロードした画像の一部分だけを使用したい場合には切り抜きをすることができます。今回はアップロードした画像をそのまま使用するので、画面右下の「切り抜かない」をクリックして下さい。

p3-6

アップロードした画像がブログのヘッダー画像として設定されました(実際にはプレビューが表示されているだけでまだ設定はされていません)。

p3-7

ヘッダーに対する編集を反映させるには、画面上部に表示されている「保存して公開」をクリックして下さい。これでヘッダーの設定は完了です。

p3-8

ではブログを表示してみます。すると先ほど設定した画像がブログのヘッダー部分に表示されていることが確認できます。

p3-9

-- --

ヘッダーに画像が設定されている状態から別の画像をヘッダーに設定してみます。「現在のヘッダー」の箇所にある「新規画像を追加」をクリックして下さい。

p3-10

最初の時と同じ画面が表示されるので、同じ手順で新しい画像をアップロードして下さい。アップロードが完了すると、新しい画像がヘッダーに設定されます。

p3-11

ヘッダーに表示される画像は1つだけですが、一度アップロードした画像はあとから再度選択することができます。

現在設定されている画像や以前にアップロードした画像は「アップロード済」のところに表示されています。

p3-12

現在設定されている画像とは別の画像をクリックすることで、ヘッダーの画像を変更することができます。

p3-13

ヘッダーとして複数の画像をアップロードしている場合、アップロードした画像をランダムでヘッダーに表示することができます。ランダム表示を行う場合は、「アップロード済」のところに表示されている「アップロード済ヘッダーをランダム表示」をクリックして下さい。

p3-14

設定を反映させるために画面上部の「保存して公開」をクリックして下さい。

p3-15

それではブログを表示して下さい。ブログにアクセスする度にヘッダー画像がランダムに入れ替わって表示されます。

p3-16

p3-17

アップロード済の画像を画面上に表示させたくない場合、対象の画像にマウスを合わせ表示された「×」をクリックして下さい。

p3-18

対象の画像がアップロード済のところに表示されなくなりました。

p3-19

またアップロード済のところに画像を残したままで、ヘッダーに画像を表示しないようにされたい場合、「現在のヘッダー」のところにある「画像を非表示」をクリックして下さい。

p3-20

ヘッダーに設定されていた画像が表示されなくなりました。

p3-21

なおヘッダーにどのように表示されるのかや、ヘッダーの画像として推奨される画像のサイズは、設定されているテーマによって異なります。

WordPressの使い方の他の記事を見てみる

( Written by Tatsuo Ikura )

関連記事 (一部広告含む)