WEBサイト制作

【WordPressでホームページ制作】フッターの編集をする方法

2020年6月21日

フッターの作り方

「ワードプレスでホームページ作成したい。

でも、画面下のフッターって、どうやって作ったらいいの?」

 

ワードプレスとは、誰でもホームページが作成できる便利なツールです。

でも、初心者のうちは操作方法が分かりませんよね?

 

 

じつは、私も最初はワードプレスの知識がまったくありませんでした。

WEBのド素人だった私が、フリーランスになって3年で月30万円稼げるようになりました。

 

今回は、フッター部分の設置方法について説明します。

ホームページ下部の重要な部分なので、しっかりと覚えてくださいね。

 

フッターナビゲーションを設置

まずは、フッターナビゲーションを設置します。

フッターナビゲーションとは、フッター部分に表示させるメニューです。

 

ホームページでは、画面の上部にメニューバーが表示されています。

画面上部のメニューをヘッダーナビゲーションと言います。

フッター部分にもメニューがあるとユーザーにとって親切です。

 

 

あらかじめ、【固定ページ】から会社案内などのページを作成しておきます。

そして、ダッシュボード画面の【外観】から、メニューを選択します。

 

【編集するメニューを選択】より、【Footer Navigation】を選びます。

メニュー項目を追加より、フッターナビゲーションに表示したいページを選択します。

 

追加したいページにチェックを入れて、【メニューに追加】をクリックします。

すると、右側のメニュー構造に固定ページが追加されます。

 

 

ちなみにプライバシーポリシーやサイトマップなど、

ヘッダーナビゲーションに表示していないページは、

フッターナビゲーションに追加しておけば良いでしょう。

 

3列のフッターエリアを設置

つぎにフッターエリアの設置です。

フッターエリアは通常は3列になっていて、

会社案内やバナーなど、好みの情報を入力します。

 

 

やり方はダッシュボード画面の【外観】から、カスタマイズを選択します。

【ウィジェットエリア】から。フッターウィジェットエリアを探します。

 

フッターウィジェットエリアは3つありますが、

左から順番に1~3の表記になっています。

会社情報を入力する場合

会社情報を入力する場合は、【VKプロフィール】を選びます。

【プロフィール用画像を選択】に会社のロゴを入れます。

【プロフィールテキスト】には、住所や電話番号を記載します。

 

そして、SNS用のアイコンも表示させることが可能です。

会社がSNSをしている場合は、ページのURLを入力してください。

あとは、画像の大きさやアイコンの色など、自分好みに設定を変更します。

バナーを設置する場合

バナーを設置したいときは、ウィジェットの【画像】を選択します。

画像のタイトルを入力し、あらかじめ作成したバナーを画像部分に挿入。

あとは、バナーのリンク先となるURLを入力しましょう。

 

グーグルマップを設置する場合

グーグルマップの設置は、ウィジェットの【テキスト】を選択します。

タイトルにアクセスと入力し、【テキスト】モードでグーグルマップのコードを入力します。

 

グーグルマップの詳しい埋め込み方法については、こちらの記事をご覧ください。

グーグルマップを埋め込んだら、【完了】をクリックして表示を確認します。

大きさについては、確認しながら微調整が必要になります。

 

お知らせ欄を設置する場合

お知らせ欄の設置は、ウィジェットの【最近の投稿】を選択します。

ここでは、タイトルを『おしらせ』と入力し、表示する投稿数を『5』に設定します。

【完了】をクリックして表示を確認します。

 

まとめ

ホームページのフッターは通常、3列が基本です。

フッターには、会社情報やマップ、バナーなどさまざまな情報が設置できます。

 

また、フッター上部のメニューとなるフッターナビゲーションを設置すれば、

閲覧者にとって、親切なホームページとなりますよ。

 

 

それでは、また!

  • この記事を書いた人
writer24wic17

アラフォーフリーランサーすぎにい

どうも!アラフォーフリーランサーすぎにいです。 サイト管理人について詳しく知りたい方はこちら。

おすすめ記事

オーディブル 1

あなたは最近、読書をしていますか? 『読書したいけど、集中力がないから読めない』 『そもそも本を読むのが苦手や~』 という方もいらっしゃるでしょう。   実を言うと、私も集中力がないので、読 ...

2

「給料が少なくて、いつも金欠状態、家族にも贅沢をさせてやれない。」 「何か副業をして、今の経済状況を早く改善したい。」 そんな感じで、副業に興味を持った方も多いですよね?     ...

ワードプレスでブログ 3

「ワードプレスは、アメブロやライブドアブログよりも検索に強い。」 「ブログはワードプレス一択でしょ!」 と言われても、ブログ初心者にとってはハードルが高いですよね?     私は2 ...

-WEBサイト制作
-

Copyright© すぎにい公式ブログ | 初心者フリーランス講座 , 2020 All Rights Reserved.