WordPressサイトのヘッダーウィジェットを使ってヘッダーをカスタマイズする

WordPressサイトのヘッダーウィジェットを使ってヘッダーをカスタマイズする


WordPressをカスタマイズする場合の方法のひとつとして、WordPressサイトのヘッダーウィジェットを使ってヘッダーをカスタマイズする方法についてお伝えします。

WordPressテーマにウィジェット機能がある場合、WordPress管理画面の「外観」→「ウィジェット」から、各エリアのウィジェットを設定、編集することができます。

テーマ内にヘッダーエリアのウィジェットが設置されていない場合は、こうした方法でヘッダーを編集することはできません。ウィジェット機能を利用したカスタマイズを行うためには、WordPressテーマをカスタマイズしてウィジェットを設置することが必要になります。

WordPressサイトのヘッダー部分にウィジェット機能が設置されている場合、このウィジェットの編集によって、ヘッダーのデザイン設定などを行うことができます。

今回は、ヘッダーウィジェットを用いたWordPressカスタマイズについてお伝えしていきます。

WordPressサイトのヘッダーウィジェット

WordPressサイトヘッダーウィジェット

WordPressサイトを構成するテーマ(テンプレート)の中にヘッダーウィジェットに関する機能が組み込まれている場合、ウィジェットエリアの表示において、「ヘッダーウィジェットエリア」といった名称で設定可能な部分が存在しています。

このWordPressヘッダーウィジェットの有無は、テーマの仕様に依存していますが、WordPressテーマのheader.phpを編集してヘッダーにウィジェットエリア追加するカスタマイズも可能です。

WordPressテーマのheader.phpを編集してヘッダーをカスタマイズする

ただしWordPressテーマによっては、ヘッダーウィジェットエリアを追加しただけではうまく機能せず、下手に設定をすると全体的なレイアウト崩れの原因にもなるため、新規設置には注意が必要です。

ヘッダーウィジェット機能がある場合

ヘッダーウィジェット機能がある場合 WordPress

もし使用WordPressテーマにフッターウィジェット機能がある場合やカスタマイズによってヘッダーウィジェットを新規設置した場合は、WordPress管理画面のウィジェット設定によって編集が可能です。

それではWordPressにヘッダーウィジェット機能がある場合の設定編集方法に移りましょう。

ウィジェットの設定画面で「ヘッダーウィジェットエリア」を設定する

WordPressウィジェットの設定画面でヘッダーウィジェットエリアを設定する

WordPressのヘッダーをカスタマイズするために、WordPressウィジェットを設定・編集する場合には、WordPress管理画面にログインした後、「外観」→「ウィジェット」を選択します。

ヘッダーウィジェットエリアをクリックしてオープン

ヘッダーウィジェットエリアをクリックしてオープン

ウィジェットの設定画面にヘッダーやフッター、サイドバーに関する各エリアのウィジェット設定項目がありますので、今回はヘッダーウィジェットエリアをクリックして、オープンし、使用可能ウィジェットのリストの中から、ヘッダーで使用するウィジェットを選びドラッグしてヘッダーウィジェットエリアへとドロップします。

WordPressテーマによってはヘッダー専用のウィジェットが用意されている

WordPressテーマによってはヘッダー専用のウィジェットが用意

WordPressカスタマイズやWordPressプラグインの追加によって、WordPressウィジェット機能を新設していない場合は、純正のウィジェットのみが選択可能ですが、WordPressテーマによっては、ヘッダーウィジェットに設置するのに適した専用のウィジェットが用意してある場合があります。

ヘッダーウィジェットの使用でレスポンシブが崩れることも

ヘッダーウィジェットの使用でレスポンシブが崩れる

ヘッダーウィジェットを未使用の状態で、レスポンシブ未対応のWordPressテーマをレスポンシブ対応にカスタマイズした後に、改めてヘッダーウィジェットを使用すると、「ヘッダーウィジェットエリア」がレスポンシブ未対応のままになっており、急にWordPressサイトのレイアウトが崩れたり、モバイルフレンドリーサイトではなくなってしまう場合もありますので注意が必要です。

WordPressウィジェットの追加・カスタマイズ

WordPressウィジェットの追加・カスタマイズ(ヘッダー)

ホームページ制作 京都 ファンフェアファンファーレでは、WordPressテーマファイルの編集によるWordPressサイトのウィジェットの追加・カスタマイズをはじめ、お客さまのニーズに合わせたWordPressのカスタマイズを手がけております。

  • 「WordPressテーマにウィジェット機能がないので新たに設置したい」
  • 「ヘッダーにWordPressウィジェットを使える場所を追加したい」
  • 「WordPressウィジェットで表示されるウィジェットパーツのデザインを変更したい」

といった場合に、WordPressテーマのカスタマイズによって、ヘッダーウィジェットの追加やヘッダーウィジェットのカスタマイズに対応させていただいております。

WordPressウィジェットの追加・カスタマイズ

WordPressの設定・カスタマイズ・修正・編集方法の参考例

WordPressサイトの「ヘッダー」・「フッター」カスタマイズ

WordPressサイトヘッダーカスタマイズ

WordPressテーマファイルの編集によるWordPressサイトのヘッダーのカスタマイズをはじめ、ヘッダーウィジェットに関する設定やウィジェットエリアの追加など、お客さまのニーズに合わせたWordPressのカスタマイズを手がけております。

  • 「WordPressサイトを運営しているが、テーマ設定やウィジェット設定でのヘッダー設定がうまくできない」
  • 「WordPressテーマ純正のヘッダーの仕様を変更したい・デザインを変更したい」
  • 「ヘッダーロゴのサイズを変更したい」

といったケースにおいて、WordPressサイトのヘッダーを構成するWordPressテーマファイルの編集やヘッダーウィジェットに関する設定・調整することで、ご希望どおりのWordPressサイトにカスタマイズさせていただいております。

WordPressサイトの「ヘッダー」・「フッター」カスタマイズ

(初回投稿日 2015年11月11日)

ヘッダー・フッター修正の際にサーバー側で直接編集(ご依頼時のご案内例)

ヘッダー・フッター部分の修正に関して、該当ファイル(php)を操作するにあたり、WordPressシステムならびにサーバー側のセキュリティによってファイル更新が弾かれてしまいますので、サーバー側で直接編集を実施させていただきます。お手数ですが「FTP接続情報」もしくは、「サーバーパネルログイン情報」をご連絡いただければと存じます。

WordPressカスタマイズ・修正

ファンフェアファンファーレのWordPress(ワードプレス)のカスタマイズ、テーマカスタマイズサービス

ホームページ制作 京都のWeb制作会社ファンフェアファンファーレでは、WordPressで制作されたウェブサイト・ホームページのカスタマイズサービスとして、WordPress(ワードプレス)のテーマ(テンプレート)やプラグインのカスタマイズサービスを提供しております。

WordPressカスタマイズの他、WordPressに関する様々な機能の実装や調整、編集はもちろん、各種エラーの修正・復旧に対応しております。

WordPress(ワードプレス)のカスタマイズ

復旧・復元・エラー修正

ホームページ制作 京都のWeb制作会社ファンフェアファンファーレでは、WordPress(ワードプレス)で制作されたウェブサイト・ホームページの復旧(復元)、エラー修正サービスを提供しております。弊社制作のWordPress(ワードプレス)サイトの復旧、エラー修正も承っておりますが、自社制作・運営、他社制作・管理のWordPressサイトのエラー復旧(復元)・修正にも対応可能です。

WordPress(ワードプレス)の復旧・復元・エラー修正

WordPressの保守・セキュリティ・バックアップと復元

WordPressの保守やセキュリティについては、基本的にはバックアップによる保守管理で十分だと考えています。トラブル時のWordPressの復旧のためのWordPressの保守やセキュリティ、バックアップと復元について。

WordPressの保守管理 バックアップと復元で対応する

WordPressでのホームページ制作(WordPressサイト制作)

WordPress(ワードプレス)を使ったウェブサイト制作・ホームページ制作ならファンフェアファンファーレにお任せください!

ホームページ制作 京都 ファンフェアファンファーレでは、ホームページ制作にあたり、WordPressでのホームページ制作(WordPressサイト制作)を推進させていただいております。

企業のWebマーケティングを加速するWordPressでのホームページ制作(WordPressサイト制作)ならお任せください!新規WordPressサイト制作はもちろん、htmlサイトからのホームページリニューアル、WordPressサイトのリニューアルにも対応しています。

WordPress(ワードプレス)でのホームページ制作・ウェブサイト制作

「WordPressサイトのヘッダーウィジェットを使ってヘッダーをカスタマイズする」のカテゴリ Web制作・Web関連
タグ: , , ,


ホームページ制作・カスタマイズ、Webマーケティング・SEOなどのお問い合わせ・ご依頼