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テーマによって、「カスタマイズ機能」が設置されており、テーマのカスタマイズ画面で、該当項目を入力するとWordPressサイトのヘッダー・フッターの掲載文やリンク先、サイトロゴの設定、テーマクレジットの表示/非表示の選択など、サイトヘッダー、サイトフッターに関する設定ができるものもあります。

WordPressテーマの「カスタマイズ機能」による、ヘッダー・フッターへの画像設置などは、設置画像のサイズの上限下限が定められているケースもあります。

WordPressウィジェットによる設定

また、WordPressテーマが、WordPressウィジェットに対応しており、ヘッダー・フッターにウィジェット機能が設置されている場合は、WordPress管理画面のウィジェットの設定により、ヘッダー、フッターの設定をできる場合があります。

管理画面から設定可能な場合は、ウィジェット編集画面に「ヘッダーウィジェットエリア」や「フッターウィジェットエリア」などの表示がされています。

この場合もヘッダー・フッター内のウィジェットにかかる要素のサイズが定めれている場合があります。

WordPressテーマ内の「ヘッダー・フッター設定」以上のカスタマイズ

WordPressテーマ内の「ヘッダー・フッター設定」以上のカスタマイズ

WordPressテーマ内には、サイトロゴの設定やカスタムメニューによるグローバルメニューの設定、ウィジェット利用など、WordPressサイトのヘッダー・フッターに関する「カスタマイズ機能」が設置されている場合があります。

しかしながら、WordPress管理画面のカスタマイズ機能は、項目の入力によって、該当部分が変更されるカスタマイズパターンであるため、テーマカスタマイザーに該当設定項目が存在しない場合は、項目入力やドラッグアンドドロップで設定することができません。

この、テーマのカスタマイズ機能にはたくさんの制限があり、ヘッダー・フッターの掲載内容や配置、ロゴのサイズや位置といったウェブデザインなどにおいて自由度が低く、設定できる項目はテーマに依存する形になります。

こうしたようにテーマのカスタマイズ機能で設定できる項目には制限がありますが、WordPressサイトのヘッダーやフッターに関しましても、WordPressテーマ自体のテーマファイルのカスタマイズにより、ご希望に合わせた自由度の高いページへとカスタマイズすることができます。

なお、WordPressカスタマイズにより、ヘッダー部・フッター部に設置されたロゴなどの画像につきましては、WordPressサイトのレイアウト変更などに伴いサイズを変更する必要がある場合があります。この場合は、設置画像の再作成などが必要になるケーズがあります。

ヘッダーエリアの分割

ヘッダーエリアのレイアウトは、テーマによって選択できるものもありますが、一般的には固定的です。

例えば、WordPressテーマのヘッダーがロゴエリアとメニューエリアしか無く、それ以外のものが掲載できない仕様であったとします。いわば左右の分割は2分割であるといった仕様のヘッダーです。

しかしながら企業ホームページなどで、電話番号や所在地を掲載したい場合、ロゴエリアとメニューエリアだけでは掲載することができません。

ブログ利用などであればそれでも良いですが、WordPressを利用していると言えど企業ホームページの場合は、お問い合わせを獲得しなければなりません。その第一歩は連絡先の表記です。

こうした時に、ヘッダーを3分割し、ロゴエリア、メニューエリアの他に、連絡先情報エリアを追加します。

こうすることで、ホームページ上部のヘッダー部分に連絡先を表示することができます。

WordPressテーマ内の「ヘッダー・フッター設定」以上のカスタマイズとして、WordPressヘッダーカスタマイズはこのような時に行います。

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

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

また、WordPressテーマがウィジェット機能に対応していない場合、ヘッダー・フッター部にウィジェットを追加することで、ウィジェット管理画面から自由に編集していただくことも可能になります。

WordPressテーマのヘッダー部分に対してヘッダーウィジェットエリアを追加したり、フッター部分にフッターウィジェットエリアを追加することで、ヘッダーやフッターの表示項目をウィジェット機能を使って設定することができるようになります。

さらに、フッター部分などにおいてWordPressサイトのウィジェットの並びが3列のものを2列レイアウトにしたり、ウィジェットの配置位置を変更したり、ウィジェット入力の際に出力される表示形式の変更やウィジェットデザインの変更などのカスタマイズも可能です。

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

ヘッダー・フッターのカスタマイズ方法

ヘッダー・フッターのカスタマイズ方法

WordPressで制作されたホームページ(WordPressサイト)のヘッダー・フッター(サイトヘッダー・サイトフッター)につきましては、WordPressテーマ(テンプレート)の仕様によってカスタマイズ方法が異なります。

お見積に関しては、現在のWordPressサイトのヘッダー・フッターに関するテーマファイルの構成・構造によって、価格が変動しますことを予めご了承くださいませ。

リンク先ページでは、WordPressのカスタマイズサービスとして、「WordPressサイトのサイトヘッダーのカスタマイズ」、「WordPressサイトのサイトフッターのカスタマイズ」、について、ホームページ制作 京都のWeb制作会社ファンフェアファンファーレで提供させていただくカスタマイズ方法や、設定例、WordPressテーマファイル内のヘッダー・フッターに関する編集方法について、概要を説明させていただいております。

WordPressサイトのヘッダーやフッターに関して、WordPressテーマの機能に依存した管理画面内の「カスタマイズ機能」以上のWordPressサイトのカスタマイズや、ヘッダー・フッターへのウィジェットの追加、ウィジェットのカスタマイズをお求めの場合は、ぜひ弊社までお問い合わせください。

ご依頼内容を元にご希望に合わせたヘッダーやフッターへとカスタマイズさせていただきます。

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

ホームページ制作 京都のWeb制作会社
株式会社ファンフェアファンファーレ

ホームページ制作、サイトカスタマイズなどのお問い合わせ・Web制作のご依頼はこちら