JINの使い方

【WordPressテーマJIN】サイトのヘッダー画像を設定しよう

こに記事ではワードプレスのテーマJINを使ってサイトのヘッダー画像を設定する方法についてわかりやすくお伝えしていきます。

子育てママ
子育てママ
いよいよサイトのデザインがいじれるんですね!
マザー
マザー
ヘッダーはサイトの顔よ!そのサイトを表現するのにぴったりな画像を用意しましょう!

 

サイトのヘッダー画像とはこの部分のことをいいます。

 

 

サイトの顔となる大切な部分ですので、そのサイトにふさわしいお気に入りの画像を用意してくださいね。

それでは設定していきましょう。

スポンサーリンク



 

STEP1. カスタマイズ画面を開こう

 

まずはサイトのデザインをカスタマイズしていくためのページを開きましょう。

ワードプレスの管理画面から[ダッシュボード]-[外観]-[カスタマイズ]をクリックします。

 

 

そうするとこのような画面がでてきます。

サイトのデザインは主にこのページから行っていきますよ。

STEP2. ヘッダー画像ありのスタイルにしよう

 

左に並んでいるカスタマイズメニューの中から「サイトデザイン設定」をクリックします。

 

 

そうするとサイトデザインの詳細設定画面が開きます。

ここにはたくさんのスタイルが並んでいますね。スタイルを1つずつクリックしていくとわかると思いますが、こちらではサイトのヘッダー部分のデザインを自由に選ぶことができます。

サイトにヘッダー画像をつけたい場合は「ヘッダー画像あり」と書いてあるスタイルの中から、自分の好みのスタイルを選ぶようにします。

子育てママ
子育てママ
いろいろなヘッダーデザインがあるんですね!
マザー
マザー
今回はスタイル4を選んでみるわね!

スタイルを選んだら画面上にある「公開」ボタンをクリックし、そのまま「<」ボタンもクリックしてサイトデザインの詳細設定画面を閉じましょう。

STEP3. ヘッダー画像を選択しよう

 

それではヘッダー画像を設定していきましょう。

カスタマイズメニューの中から「ヘッダー画像設定」をクリックしてください。

 

 

そうするとヘッダー画像の詳細設定画面が開きます。

右側には何もいじっていない状態のトップページが見えていますよ。

 

 

詳細設定画面にある「画像を選択」ボタンをクリックします。

 

 

「ファイルをアップロード」タブを選択し、画面中央にある「ファイルを選択する」ボタンをクリックします。

用意しておいたヘッダー画像を選択してください。

 

 

次に「メディアライブラリ」タブを選択し、アップロードしたばかりのヘッダー画像を選びます。

 

 

画像を選択したら画面右下にある「画像を選択」ボタンをクリックします。

 

 

サイトのトップページにヘッダー画像が貼り付けられました。

STEP4. ヘッダー画像の詳細設定をしよう

 

ヘッダー画像が選択できたら、ヘッダー画像の詳細設定をしていきましょう。

まず「ヘッダー画像のリンク先URL」を設定すると、ヘッダー画像をクリックしたときに違うページに誘導することができます。読んで欲しいページがある場合はそのページのURLを入力してください。

「ヘッダー画像のキャッチフレーズ」を設定すると、ヘッダー画像の上にテキストを表示することができるようになります。訴えたいキャッチフレーズがある場合はぜひ入力するようにしましょう。

「キャッチフレーズのカラー」では、ヘッダー画像の上に表示させるテキストの色を指定することができます。画像にふさわしい目を引く色を選びましょう。

「キャッチフレーズの文字加工」では、ヘッダー画像の上に表示させるテキストのデザインを選ぶことができます。お好きなものを選んでいただければOKです。

「ヘッダー画像のサブテキスト」を設定すると、キャッチフレーズの下にさらにテキストを追加することができます。キャッチフレーズに付け足したい言葉がある場合は入力するようにしましょう。

ヘッダー画像の詳細設定がすべて終わったら画面上にある「公開」をクリックし、そのまま「<」ボタンもクリックしてヘッダー画像の詳細設定画面を閉じましょう。

マザー
マザー
これでヘッダー画像の設定は終わりよ!
子育てママ
子育てママ
自分の好きなヘッダー画像にするとちょっと気分が上がりますね!

 

以上、ワードプレスのテーマJINを使ってサイトのヘッダー画像を設定する方法についてでした。次回はサイトの基本設定をしていきましょう!

COMMENT

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