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

スポンサーリンク

前回では

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

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

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

 

教える人

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

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

よろしくお願いします。

 

 

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

 

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

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

 

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

 

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

 

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

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

 

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

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

 

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

 

 

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

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

 

 

『ストーク』の特徴で『文字』を入れないとヘッダーが画像が表示されない仕様になっています。

 

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

 

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

 

 

 

 

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

 

 

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

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

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

 

 

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

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

 

 

 

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

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

 

 

 

 

※画像ではテキストカラーとトップページカラーが違います。

カラーの変更方法はこちらに書いてあります。

【ヘッダーの設定③】サイトカラーを設定しよう

 

お疲れ様でした。

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

 

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

 

 

 

 

スポンサーリンク




【人材確保に困ったら?】

ぜひ読んで欲しいレポートです!

僕が行った求人成功事例のレポートです。1人のスタッフを入れるつもりが「ある戦略」を使ったことで3人まとめて入れることができました。またここではいえない豪華特典(特別付録)ついてます!総ページ数150ページ以上4万文字以上という大ボリュームの無料レポートです。ぜひあなたの店の求人に役立てください!

ダウンロードするとさらに詳しく求人ができる「ある戦略」を無料で学ぶことができます。あわせて読んでみると効果倍増します。


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


ABOUTこの記事をかいた人

1977年3月広島生まれ。「カレー」と「うどん」が好きです。「カレーうどん」はもっと好きです。その昔、スリランカ人と働いて幅広い視野を持てるようになりました。興味のあることは突き詰めてとことんやる傾向にあります。料理人です。主にイタリア料理とフランス料理をしてました。FBとツイッターからの友達申請待ってます