【ヘッダーの設定⑥】ヘッダー画像をWebサイトにアップロードする方法

前回では

⇒【ヘッダーの設定⑤】完全図解！ヘッダーのカテゴリーを設定する方法

についてお話をしていきました。

今回はヘッダー画像のアップロード方法を解説していきます。

『元料理長ですが何か？』管理人

イウラ（@allezcchi）がお送りします。

よろしくお願いします。

作成したヘッダーをサイトへアップロードする

では作成したヘッダー画像をサイトにアップロードしていきましょう。

ここでは有料のWordpressテーマ『ストーク』で解説しています。

サイトへ画像をアップロードする手順

1. 『ダッシュボード』
2. 『外観』
3. 『カスタマイズ』
4. 『トップページ設定』
5. 『ヘッダー背景画像』

これで作成したヘッダー画像がアップロードされます。

では説明していきましょう。

1.『ダッシュボード』⇒『外観』⇒『カスタマイズ』をクリック

（※画像はすべてクリックすると拡大してみることができます）

2.表示が切り替わるので②の赤枠の中に文字を入れます。

画像のように文字を入れます。

『IT and Web test site』と入力しました。

3.文字を入力したら作成したヘッダー画像を入れます

ヘッダー画像の作り方はこちらの書いています。

元料理長ですが何か？

【ヘッダーの設定②】Webサイトのヘッダー画像を無料で作る方法

https://t-totto-support.com/header%EF%BD%B02/

 前回では⇒【ヘッダーの設定①】ヘッダーを作るときに必要な素材についてお話をしていきました。 今回はサイトの顔であるヘッダー画像を作っていきます。作成前がこちらです。見てのとおりデフォルトな状態です。  （画像はすべてクリックすると...

4.④をクリックし画像をアップロードします

5.表示が変わるので『ファイルをアップロード』をクリックします。

6.『ファイルを選択』をクリックしましょう。

7.ファイルをクリックするとアップロード先のフォルダが開くので任意にしまってあるファイルを選びます

8.『画像を選択』をクリックします

9.プレヴュー画面にヘッダーが表示されます

10.このままでは反映されないので『公開』をクリックしましょう

11.公開をクリックすると『公開済み』と表示されているのがわかりますね。

12.ダッシュボードに戻りサイトを表示してみましょう。

ダッシュボードの左上の『あなたのサイト名』をマウスオンすると『サイトを表示』がでますので

クリックすればサイトが表示されます。

13.サイトのテキストがズレているのはカテゴリーを設定していないためズレが起る

カテゴリーを設定すればちゃんと表示されるので安心してくださいね

詳しくは【ヘッダーの設定⑤】カテゴリーを設定しように書いているので見てみましょう。

カテゴリーが設定されるとこのようにサイトのトップページがちゃんと表示されるようになります。

お疲れ様でした。

以上がヘッダー画像のアップロード方法でした！

次の記事⇒【サイトのアウトライン設定⑦】ヘッダー作成手順まとめ

この記事はプリントできます