ヘッダー画像の設定方法は?Simplicityのヘッダーサイズは?

こんにちは、きよしです

ブログを運営していく上で

オリジナリティのあるブログ

というのは重要な要素ですよね。

色々な方法でオリジナリティを

出すことができるとはますが、

ヘッダー画像でも出すことができますよね。

今回はそんな

ヘッダー画像の設定方法について

お話していきたいと思います。

※今回はワードプレステンプレートの

Simplicityヘッダー画像の設定方法となります。

※画像を編集する際に

photoscapeというソフトを使用していますが

こちらの記事でも導入方法について

お話していますので良ければ参考にしてください。

無料ソフトとは思えない実力なので

おすすめできるソフトです。

⇒photoscapeの導入方法はこちら

ヘッダー画像の設定方法は?

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

※こちらの動画でもお話していますので

こちらもご覧ください。

ヘッダー画像を設定する手順としては

  1. ヘッダー画像の大きさを調べる
  2. ヘッダー画像を用意(加工)する
  3. ヘッダー画像を設定する
  4. サイトタイトル、キャッチフレーズの文字色を調節する

といった手順で進めていきます。

ヘッダー画像の大きさを調べる

ヘッダー画像の大きさを知るためには

外観 ⇒ カスタマイズ

と進んだ後に

ヘッダーを選択

そうするとテーマに沿った

ヘッダー画像の大きさが記載してあります

ちなみにSimplicityのヘッダー画像の大きさは

1070 × 100

が推奨されています。

ヘッダー画像を用意(加工)する

ヘッダー画像については、

どんな画像でもいいのですが

サイトのコンセプトにあったものしてください。

無料画像なども多くありまよね。

そして用意した画像をヘッダーサイズに

加工してください。

ヘッダー画像を設定する

そしてヘッダー画像を設定します。

外観 ⇒ カスタマイズ ⇒ ヘッダーを選択

新規画像を追加を選択し

画像をアップロードします。

そして画像を選択すると

選択して気に抜くことになります。

今回は事前にサイズを加工しているため

切り抜く必要はありません。

切り抜かないを選択すると

ヘッダー画像が切り替わります(プレビュー)

確認後『保存して公開』をおせば

ヘッダー画像が切り替わります。

サイトタイトル、キャッチフレーズの文字色を調節する

ヘッダー画像を変更した際に

変更した画像によっては、

タイトルなどの文字が読みづらくなってしまうことがあります

そのためサイトタイトル、

キャッチフレーズの文字色を調節する必要があります。

外観 ⇒ カスタマイズ ⇒ 色を選択

そこから

『サイトタイトル色』

『サイト概要色』

を変更すればOKです。

こちらでもプレビューが表示されますので

確認していただき『保存して公開』

これでヘッダー画像の設定が完了です。

最後に

サイトにオリジナリティを持たせる

というのは重要なことです。

記事の内容ももちろんそうですが

見た目によって受ける印象も

大きく違います。

まずは手始めに

ヘッダー画像の設定

をされてみてはどうでしょう。

【当サイト訪問者には無料プレゼントキャンペーン中】