howtoosushiヘッダーとフッターを設定しようWordPressブログトップ画面の作り方TwitterFacebookGoogle+はてブPocketスポンサーリンクこんにちはosushiです。今回はWordPressでWebサイトのトップページにヘッダーメニュー・フッターなどを設置していく方法について解説していきたいと思います。どのようなWebページにしたいのかサイトマップを構想したうえでサイト作成していきますが、まずは自分の考えているWebサイトに近いデザインのテーマを選定しましょう。このブログではテーマ「アルバトロス」を使って説明していきます。まとめヘッダーとフッターとはこのブログのヘッダーフッターヘッダーにはブログのタイトルやメニューバー、画像などが表示される部分です。本文のコンテンツより上部にある領域のことです。Copyrightやリンクが表示されている部分です。ヘッダーフッターともにサイト内ページを移動しても表示される部分になります。サイトを閲覧しやすくなるようヘッダーフッターを作成していきましょう。外観>カスタマイズサイトカラーを選択できます。サイトのロゴを設定サイトのアイコン(ファビコンなど)を設定アルバトロスではSNSのボタン非表示の設定やアナリティクスとの連携設定ができます。ヘッダーの画像を選択します。Webサイト全体の背景画像を選択します。メニューの表示位置の設定・表示順の設定ができます。ウィジェットを追加できます。トップページのフロントページに表示するコンテンツを設定。ヘッダーの設定で使用するのは257フッターは8から設定していきます。ヘッダーにサイトのロゴを表示する方法2のサイトロゴから「画像を選択」でイメージをアップロードします。イメージのサイズは346×88px推奨です。アップロードしたら「保存して公開」で設定完了です。ヘッダー画像を設定する方法5のヘッダー画像から「新規画像を追加」をクリックしイメージをアップロードします。サイズは2400×500px推奨ですがアップロードした画像を切り抜きして使用することも可能です。ヘッダーにメニューバーを設定する方法メニューは表示したいメニュー項目をまず設定します。外観>メニュー1「固定ページ」「投稿」「カスタムリンク」「カテゴリー」の中からメニューを構成したい項目にチェックを入れ「メニューに追加」をクリックしメニュー構造に追加します。2メニュー構造でメニューを並べ替えます。各項目のバーをドラックすることで並べ替えることが出来ます。次に保存したメニューをヘッダーに表示します。7メニューからメニューの位置を選択1「グローバルナビ」を「ヘッダー」に選択2保存して公開ヘッダーにメニューバーが表示されます。フッターの設定8のウィジェットから「フッター(左)」「フッター(真ん中)」「フッター(右)」の表示したい位置を選択します。1フッターに表示したいコンテンツをウィジェットから追加します。2「保存して公開」フッターにコンテンツが表示されます。まとめいかがでしたでしょうか?ヘッダーとフッターに設定について解説していきました。私が使用しているテーマ「アルバトロス」での画面説明になっておりますが、どのテーマでも同じように設定していけるかと思います。作成したサイトマップを参考にしながら作成していくとスムーズです。直観的な作業でHPの外観を構成できるがWordPressの使いやすい部分ですよね。最後まで読んでいただきありがとうございます。コメントをキャンセルメールアドレスが公開されることはありません。Plus」RECOMMENDこちらの記事も人気です。osushi東京都在住1978年生まれ20代映像制作会社に就職し、商用写真のカメラマンを担当。2013年に独立し商用写真の撮影をメインの仕事にしています。知識0で自分のホームページを作成しようと思い調べているうちにブログの面白さに興味を持ち始め、「不得意なら、得意になってやる」と思い2016年5月からブログを始めることに。(15)免責事項・情報に関する閲覧者リスクこの当ブログで提供している情報についての正確さに関して。細心の注意をしておりますが、正確さという点におきまして保証するものではありません。閲覧者が当ブログでの情報を用いて行う一切の行為や損害(ハードウェア・ソフトウェア・リンク先)生じた場合も運営者は一切の責任を負えかねますのでご了承下さい。上記事項をご了承の上、ご利用をお願いします。