1. TOP
  2. Wordpress
  3. Wordpress設定・全般
  4. ワードプレスのヘッダー画像(メインビジュアル)を設定・変更する方法

ワードプレスのヘッダー画像(メインビジュアル)を設定・変更する方法

 2017/02/15 Wordpress設定・全般  

突然ですが、あなたは「ワードプレスのトップにヘッダー画像を載せたいな・・・」と思っていませんか?

ヘッダー画像があるサイトとないサイト

「読み手に安心感を与える!アフィリエイトサイトのデザインの秘訣」という記事の中でもお伝えしているように、サイトの見た目は、集客に大きく影響します。
そのため、デザイン性に優れたヘッダ画像を設定しておくことで、売り上げアップにもつながります。

ちなみに、ワードプレスでは上記のようにトップページにヘッダー画像を設定するのがとても簡単です。
この記事では、ワードプレスのヘッダー画像を設定する方法をお伝えします。

ヘッダー画像はどこで設定するの?

サイドメニューの「外観」「カスタマイズ」からカスタマイザーを開き、「ヘッダー画像」をクリックすると、ヘッダー画像の設定を行なえます。

ヘッダーの設定箇所

以下の画面からヘッダー画像の設定に入ります。

カスタマイザーのヘッダ設定画面

ヘッダー画像の追加方法

次にヘッダー画像をアップロードする方法です。
以下の赤枠の部分に、設定したい画像をアップロードします。

ヘッダー阿蔵をアップロードする場所

今回、このデモサイトで使っているテーマは「Twenty Twelve」になります。
「Twenty Twelve」ではヘッダーの最適サイズは960×250となっていますので、ぴったりのサイズを用意します。

少々大きな画像でも、アップロードの際に切り抜くことができるので、ご安心ください。。

切り抜き画面

ちょうど良いサイズに切り抜く場合は、範囲を選択して「画像切り抜き」をクリックします。

もともとちょうど良いサイズの画像であれば、「切り抜かない」を押します。

「保存して公開」をクリックして完了です。

メインビジュアル(ヘッダー画像)ありいのトップページ

サイトタイトルの表示/非表示の設定方法

ヘッダー画像の設定を完了し、確認すると、以下のようにメニュー上の赤枠の「サイトタイトル」が残っています。
このタイトルが、邪魔だな・・・と感じることがあるかもしれません。

サイトタイトルが邪魔だなと感じた

その場合、カスタマイザー画面のトップに戻り、「サイト基本情報」をクリックしてください。

サイト基本情報をクリックしてください

以下の「サイトタイトルとキャッチフレーズを表示」のチェックを外します。

サイトタイトルとキャッチフレーズを表示

すると、サイトタイトルが非表示になります。

サイトタイトルが非表示になった証拠

これでデザイン性もアップしました。

 


いかがでしたか?

テーマの最適サイズにぴったりな画像を用意するのが大変だと思いますが、少々サイズが違っていても切り抜きすることができるので安心してください。

他にもワードプレスの背景画像を変更する方法もぜひ確認しておいてくださいね。

たった3分でワードプレスの背景画像を変更する方法


このサイトでは、情報の専門性・信ぴょう性に配慮しています。そのため、中央省庁のデータやGoogle公式資料、市場分析データ、書籍などの信用できるデータを参照するよう、心がけております。ポリシーについて

無料E-BOOK|0から始めるワードプレスマーケティング実践ガイド

0から始めるワードプレスマーケティング
このE-BOOKは次のようなノウハウをお伝えしています。

  •  ・ワードプレスブログを立ち上げてから、実際にビジネスに繋げる方法
  •  ・ブログを使った集客方法の全体像
  •  ・ブログやメルマガなど、様々なツールをより効果的に使いこなす方法

以下のボタンからダウンロードしてください。

ダウンロードする