バズ部

  • icon株式会社ルーシー
  • 東京都港区新橋5-10-5 PMO新橋II 8階
  • 記事を探す
    • まず見て頂きたいページ
      • バズ部式マーケティングの進め方
      • コンテンツマーケティング101
      • SEO初心者向けマニュアル
      • バズ部メンバーの知見集
      • WordPress初心者向けガイド
    • 記事
      • 全ての記事を見る
      • SEO
        • SEOの基礎
        • SEO内部対策
        • コンテンツSEO
        • サーチコンソール
        • 高度なSEO
      • コンテンツマーケティング
        • 1.コンテンツマーケティングとは?
        • 2.コンテンツマーケティングをやるべきなのか
        • 3.あなたのブランドストーリーは何か?
        • 4.コンテンツマーケティング設計が全てだ
        • 5.必ず必要な社内体制と体制づくり
        • 6.まずは、小さな一歩を大切にしよう
        • 7.コンテンツ制作のコツを知ろう
        • 8.多くの人が陥る失敗を知っておこう
        • 9.顧客が「まだ気づいていないこと」に気づけるか
        • 10.素早く着実にコンバージョンにつなげよう
        • 11.正しく効果測定して成果を引き上げよう
        • 12.精度を上げてもっともっと成果を飛躍させよう
      • オウンドメディア
      • WordPress
        • wordpressウィジェット
        • wordpressテーマ
        • wordpressプラグイン
        • wordpressの基本操作
        • wordpressの導入と準備
        • wordpressの設定方法
        • ブログマーケティング
      • ソーシャルメディア
        • Facebook
      • ランディングページ
        • キャッチコピー
        • コピーライティング
      • メルマガ
      • EC
      • インタビュー
      • アーカイブ
    • 監修者/ライター一覧
      • 松澤 大輔
      • 木村 竜児
      • 野口 陽司
  • サービス一覧
    • サービスページ
      • コンテンツマーケティング立ち上げ&運用支援
      • SEO記事制作代行
      • キーワード設計代行
      • WEBサイト制作
      • 研修サービス
      • bazubu-shiki
      • ライティングツール「Pencii」
    • 資料請求
      • コンテンツマーケティング立ち上げ&運用支援サービス資料
      • SEO記事制作代行サービス資料
      • キーワード設計代行サービス資料
      • バズ部紹介資料
  • 支援実績
  • お役立ち資料
    • お役立ち資料一覧
      • 広告費を1/10にして売上を倍増させる全手法
      • バズ部が運営する月間20万PV超サイト11の生データ集
      • 良質なコンテンツを作成するための20のコツ
      • 最高のオウンドメディア支援会社を選ぶために行うべき7つの質問
      • バズ部紹介資料
      • バズ部公式メールマガジン
  • セミナー
  • 運営者情報

ご相談・お問い合わせ

© Copyright 2022 バズ部. All rights reserved.

ユーザーに届ける価値を徹底的に追求する
マーケティングを提供します

© Copyright 2022 バズ部. All rights reserved.

icon icon

icon
  • icon
  • icon
  • icon

05/22木8:00〜9:00

【5/22開催】バズ部の記事制作代行 商品説明会

  • オンライン
    1. バズ部 /
    2. WordPress /
    3. wordpressの設定方法 /
    4. WordPressのヘッダー画像とロゴを設定する方法
  • 最終更新日 2021.10.13

WordPressのヘッダー画像とロゴを設定する方法

WordPress のメリットの一つには、デザインを自分好みに合わせて簡単に設定・変更ができることだ。ここでは、ヘッダー画像の設定方法をご紹介する。

ヘッダー画像は事前に用意する必要があるが、サイトロゴの入ったものや、サイトのイメージに合った写真を挿入したものなど、あなたの気に入ったオリジナル画像が設定できる。設定方法はとても簡単なので安心してほしい。

注:まずはローカル環境で確認しよう!
ヘッダー画像を設定すると、いきなり本番で公開されてしまう。ローカル環境でテストするようにしよう。ローカル環境の作り方は『WordPress のローカル環境の作り方』を一読して設定しよう。

また、私たちバズ部は12年で400社以上のメディア支援を行い、

  • 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア
  • 8ヶ月で月間140万PVを実現したアプリメディア

など大きな成果を挙げ続けている。

各サイトの成功要因をインタビューしているので、
あなたのサイトに役立てて欲しい
⇒25サイトの成功事例インタビューはこちら

ebook
ebook

目次

  • 1.ヘッダー画像を設定する
    • 1-1.ヘッダー画像の設定画面にアクセス
    • 1-2.ヘッダー画像を選択する
    • 1-3.ヘッダー画像を設定する
  • 2.ヘッダーロゴを設定する
  • 3.グローバルナビゲーションを設定する
  • 4.まとめ

1.ヘッダー画像を設定する

まずは、Wordpressのヘッダー画面を設定する方法を解説する。

1-1.ヘッダー画像の設定画面にアクセス

WordPress の管理画面の左メニューより「外観 → ヘッダー」とクリックしよう。

ヘッダーを選択

1-2.ヘッダー画像を選択する

下図は画面左上を拡大したものだ。ヘッダー画像を選択するために「新規画像を追加」をクリックしよう。

新規画像を追加

「ファイルをアップロード→ファイルを選択」の順に進み、ヘッダー画像を追加しよう。

ファイルを選択

画像サイズについて
上図に記載があるように、ここでは「縦 960px × 横 250px 以上」のヘッダー画像を推奨している。これはテーマ” Twenty Twelve “の場合だが、テーマによって推奨画像サイズは異なるので、事前に確認しておこう。

ダイアログ画面が表示されるので、用意したヘッダー画像をクリックしよう。これでメディアライブラリに画像が追加された。

画像を選択

1-3.ヘッダー画像を設定する

メディアライブラリに追加された画像を、ヘッダーに設定しよう。画像を選択して右下の「選択して切り抜く」をクリックする。

ヘッダー画像を選択

続いてヘッダー画像をトリミング(画像の余分な部分の削除)できる画面にアクセスする。ここでのトリミングはサイズをピクセル数値で細かく調整できないため使いづらい。あらかじめサイズを調整していれば特に使用する必要はない。

ヘッダー画像をトリミング

下図のようにこれでヘッダー画像のアップロードは完了だ。

ヘッダー画像のアップロード

実際にヘッダー画像がどのように表示されるかをプレビューで確認しよう。

①左上の「歯車」のアイコンを選択する
②「下書きとして保存」にチェックを入れる
③「下書きとして保存」を選択する
④プレビューリンクのURLの選択をクリック

プレビュー

プレビューが確認できたはずだ。現状は「下書きとして保存」の状態だ。プレビューをみて問題がなければ「公開」をしよう。

公開

成功したオウンドメディアの要因を学ぶ

  • Article Image 1Article Image 1

    累計106億円の売上を叩き出した不動産会社のコンテンツマーケティング事例

    1

  • Article Image 2Article Image 2

    わずか8ヶ月で月間140万PVを実現したアプリ企業メディア成功事例

    2

  • Article Image 3Article Image 3

    問い合わせが月4,400件以上!自社メディアで驚異的なCV数を生み出した弁護士事務所

    3


2.ヘッダーロゴを設定する

次に、ヘッダーロゴの設定方法を解説する。ヘッダーロゴとは、会社やサイトのイメージロゴを表示させることである。ヘッダーロゴを設定することで、サイトや商品をより印象付けられるためおすすめだ。

ヘッダーロゴの設定方法は使用するデザインテーマにより異なる。ここでは、最も一般的な設定方法を解説していこう。

WordPressの管理画面の左メニューの「外観」から「カスタマイズ」にアクセスする。

「サイト基本情報」の「ロゴを選択」をクリックする。

「ファイルをアップロード」をクリックする。

ダイアログ画面から、「ファイルを選択」をクリックし、用意しておいたヘッダーロゴ画像を選択する。ここでも、サイズは使用するデザインテーマにより異なるため、事前に確認しておこう。

メディアライブラリにヘッダーロゴ画像が保存される。ヘッダーロゴ画像にチェックが入っていることを確認し、右下の「選択」をクリックする。

画像を切り抜きする画面にアクセスできる。ヘッダー画像の項目でも解説した通り、ここでサイズなどを細かく設定することは難しいため、編集しなくても良いようにあらかじめヘッダーロゴは完成させて読み込もう。

ここでも、切り抜きは行わないため「切り抜かない」をクリックする。

これでヘッダーロゴの設定は完了だ。

デザインテーマによってはロゴのサイズや位置などを細かく設定できるものもある。各々で調整してみてほしい。


3.グローバルナビゲーションを設定する

ここでは、グローバルナビゲーションの設定方法を解説する。グローバルナビゲーションとは、誘導させたい固定ページやカテゴリーなどをサイト内で見やすく表示させるメニューのことだ。

例えばバズ部のサイトでいうと、以下のようなものがグローバルナビゲーションである。

これを設定することで回遊率が上がるため、ぜひ設定することをおすすめする。

グローバルナビゲーションの設定方法は至ってシンプルだ。まず、Wordpress管理画面の「外観」から「メニュー」を選択する。

すると、メニューの設定画面が表示される。

今回は新しいメニューを作成するため、「新しいメニューを作成しましょう」をクリックする。

「メニュー構造」の「メニュー名」に任意の名前を入力し、「メニューを作成」をクリックする。今回は「テスト」で作成した。

「メニュー項目を追加」の「すべてを表示」タブをクリックし、入れたい項目をチェックして「メニューに追加をクリックする。

すると「メニュー構造」に選択した項目が表示される。ここで、それぞれの項目を細かく設定することができる。順番を変えたい場合はドラッグ&ドロップで編集可能だ。

最後に、「メニュー設定」で「グローバルナビ」のチェック欄にチェックを入れて「メニューを保存」して完了だ。

実際にグローバルナビゲーションが設定されているか確認してみよう。

ちなみに、グローバルナビゲーションのデザインの変更などについては使用するデザインテーマにより大きく異なる。さらに細かく設定したい場合はデザインテーマを確認してみよう。


4.まとめ

以上、この記事では以下の設定方法について詳しく解説してきた。

  • ヘッダー画像の設定方法
  • ヘッダーロゴの設定方法
  • グローバルナビゲーションの設定方法

いずれも簡単に設定できるため、ぜひ試してみてもらいたい。ただし、細かな設定方法に関しては、使うデザインテーマによっても若干操作方法が異なるため注意が必要だ。

ヘッダーの設定によってサイトの印象は大きく変わってくるため、ぜひ自分好みにカスタマイズしてみてもらいたい。

カテゴリー wordpressの設定方法

記事をシェアする

  • B!

無料eBook:バズ部式マーケティング
広告費を1/10にして売上を倍増させる全手法

広告に頼り切ったマーケティングの打開策としてコンテンツマーケティングについて調べているけれど、よく分からないと悩んでいませんか?

本書は弊社やクライアント様がコンテンツマーケティングに取り組み

  • ・SEOのみで月間100万PV集めた方法
  • ・平均6.92%のコンバージョン率が出た新規顧客獲得法
  • ・CPLやCPAを大幅に改善した方法とそのからくり

など、コンテンツマーケティングの効果と、具体的な施策内容を全94ページに渡って詳細に解説しているものです。

ぜひ、貴社のWEBマーケティングにもご活用ください。

eBookをダウンロード

未読

参考にしていただきたい事例

liskulのtopページ

リスティング広告

1年でプッシュ型営業からプル型へ!毎月約200件の問い合わせを獲得するデジタルマーケティングブログ

  • SOLDOUT
  • ソウルドアウト株式会社様

学校 コンテンツマーケティング

学校・教育

1年半で億単位の貢献を果たすまでに成長した学校法人のコンテンツマーケティング事例

  • 神田外語学院
  • 神田外語学院 様
アバター
  • 著者 : バズ部編集部

ユーザーに届ける価値を徹底的に追及するのがバズ部式マーケティング。
バズ部では、ユーザー主義を貫きながら、なおかつ数字にこだわり結果を出してきた手法やノウハウを惜しみなく提供していきます。

  • 会社概要
  • 採用情報
  • セミナー
  • サービス紹介
  • 記事一覧

icon

株式会社ルーシー東京都港区新橋5-10-5 PMO新橋II 8階

ABOUT US

  • 運営者情報
  • セミナー
  • 採用情報
  • お問い合わせ
  • プライバシーポリシー
  • 特定商取引法に基づく表記
  • 紹介メディア

© Copyright 2025 バズ部. All rights reserved.