1. TOP
  2. たった3分でワードプレスのトップ画像(ヘッダー)を設定・変更する方法

たった3分でワードプレスのトップ画像(ヘッダー)を設定・変更する方法

 2017/02/15 Wordpress設定・全般  

あなたはワードプレスのトップにヘッダー画像を載せたいな・・・と思っていませんか?

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

ワードプレスでは上記のようにトップページにヘッダー画像を設定するのがとても簡単です。

この記事ではヘッダー画像を設定する方法をお伝えしています。

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

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

ヘッダーの設定箇所

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

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

ヘッダー画像の選択方法

次にヘッダー画像をアップロードする方法となります。

以下の赤枠の部分に設定したい画像をアップロードします。

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

今回、このでもサイトで使っているテーマは「Twenty Twelve」になります。

「Twenty Twelve」ではヘッダーの最適サイズは960×250となっていますので、ぴったりのサイズを用意します。

少々大きな画像でも、アップロードの際に切り抜きができます。

切り抜き画面

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

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

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

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

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

ヘッダー画像の設定は完了したけど、メニュー上の赤枠の「サイトタイトル」が邪魔だな・・・と感じた時は

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

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

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

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

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

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

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

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

まとめ

以上がワードプレスのヘッダー画像の変更方法でした。

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

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

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


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

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

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

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

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

ダウンロードする

関連記事

  • Facebookシェアするときにアイキャッチ画像が表示されない場合の対処法

  • 不要なワードプレステーマを削除する方法

  • ワードプレスのサイドバー(ウィジェット)の編集方法

  • ワードプレスのテーマを最新版に更新する方法

  • ワードプレスのナビゲーションメニューを設定・編集する方法

  • ワードプレスとは?なぜ集客が上手くいく人ほどワードプレスを使うのか?