本記事を読めば、「XWRITEのフッターの使い方｜メニューとアイコン」がわかるようになります。
ブログを始めてしばらくしますと、「フッターには、何をどうやって設置すればいいのだろう？」このような疑問が湧いてきます。フッターは一見、一番下で目立たないイメージがありますが、実は重要な役割をしています。著作権情報やナビゲーションリンク、コンタクト情報、ソーシャルメディアリンク、利用規約やプライバシーポリシーなど、記事とは違う重要な情報を設置する場所とされているのです。
当サイトも先だって「お問い合わせ」ページができたので、今回は、そんなXWRITEのフッターに「ナビゲーションメニュー」を設定していきます。具体的には、「ホーム」「プライバシーポリシー」「プロフィール」「お問い合わせ」のナビゲーションメニューを設置してみます。
ナビゲーションメニューは意外と簡単に設置することができましたが、ただ実際に表示してみるとフッター部分がなんとなく寂しい感じがしたので、あわせてフッターにアイコンを表示させるようにしてみました。
このフッター部分が適切な設定をされることにより、ユーザービリティが上がり、またSEOで有利になったり、サイトの評価が上がることにつながります。「お問い合わせ」ができた頃にフッターを設定していくことをオススメします。ぜひ参考にしてくださいね！
ねえねえ、お問い合わせフォーム作ったけど、どこに貼ればいい？
プロフィールと、プライバシーポリシーもできているよ！
じゃあ、今日はフッターにナビゲーションメニューとアイコンを設置してみよう！
フッターにナビゲーションメニューを設置
今回、フッターに設置してみるもの
フッターとは、ウェブページの最下部に配置されるセクションのことを指します。ヘッダーがページの上部にあるのに対し、フッターはページの終わりを示す部分で、主に補足的な情報やナビゲーション要素が含まれています。
今回は、XWRITEでこのナビゲーションメニューをフッターに設置してみます。
あれっ！ アイコンも設置できるの？
そのまま貼り付けただけだよ・・・
フッターとナビゲーションメニュー
フッターに含まれる一般的な要素
フッターには、ウェブサイトの最後に表示されるセクションで、以下のような情報や要素を設置することが一般的です。
- 著作権情報
「© 2024 会社名」など、著作権に関する表記。
- ナビゲーションリンク
サイトマップやプライバシーポリシー、利用規約など、重要なページへのリンク
- コンタクト情報
メールアドレスや電話番号、住所などの連絡先情報。
- ソーシャルメディアリンク
FacebookやTwitter、Instagramなどのソーシャルメディアアカウントへのリンク。
- バナーやパートナーリンク
提携企業やサポーターへのリンクやロゴ。
- 利用規約やプライバシーポリシー
法的な情報にアクセスできるリンク。
これらの要素を含めることで、ユーザーが重要な情報に簡単にアクセスできると同時に、信頼性やユーザビリティも向上します。
フッターにナビゲーションメニューがあるといい効果！
フッターにナビゲーションメニューがあると何がいいのか？
- ユーザビリティの向上
- SEO効果
- サイトの一貫性
- 重要な情報へのアクセスの確保
- モバイルユーザーの利便性
- コンバージョン率の向上
- 信頼感の向上
フッターにナビゲーションメニューを設置
では、フッターにナビゲーションメニューを設置していきましょう。
今回、フッターに設置するのは、「ホーム」「プライバシーポリシー」「プロフィール」「お問い合わせ」のナビゲーションメニューです。
フッターにナビゲーションメニューを設置
- 「ダッシュボード」「外観」「メニュー」
- メニュー名にカーソルをあわせます。
- プルダウンでメニューが現れます。
- 「フッター用」を選択します。
- 「メニューを作成」をクリックします。
- フッターメニューにチェックを入れます。
- 「メニュー作成」をクリック
- 「固定ページ」「全て表示」を選びます。
- 「ホーム」「プライバシーポリシー」「お問い合わせ」「プロフィール」を選択。
- 「メニューに追加」をクリック。
- 「ホーム」「プライバシーポリシー」「プロフィール」「お問い合わせ」の順にしたいので、ドラッグアンドドロップで順番を変えてみます。
- メニューを保存します。
- サイトを表示してみると、フッターにナビゲーションメニューが設置されていました。
ナビゲーションメニューにアイコンを設置してみよう！
ではここからは、設置したナビゲーションメニューにアイコンを設置してみましょう。
「プロフィール」にアイコンを入れてみます。
- ブロックツールから、アイコンを選びます。
- 気に入ったアイコンを選びます。
- アイコンのクラス名を控えておきます。
- 「メニュー」「フッター用」を開き「プロフィール」を開きます。
- 文字の「プロフィール」の前に下記をコピペしてください。
- 「ここにクラス名を入れる」の部分に先ほど選んだアイコンのクラス名を入れます。
- 「fas fa-user」を入れてみました。
- 設定を保存してサイトを表示してみます
- 先ほど選んだアイコンが表示されています。
- 好きなアイコンを選んで作ってみてください。
- Font Awesome アイコンも使用することができます。
結構、簡単にできるのね！
当サイトは、現在こんな感じです！
まとめ：XWRITEのフッターの使い方｜ナビゲーションメニューとアイコン
今回は、XWRITEのフッターの使い方｜ナビゲーションメニューとアイコンについて解説しました。
フッターには、フッターの役割があって、設置したほうがよさそうなものがわかりました。
そして、実際にナビゲーションメニューをフッターへ設置してみましたが、意外と簡単だったと思います。
なんとなく、フッター部分が寂しい感じだったので、ちょっとアイコンをを入れてみましたが、雰囲気がかわりましたか？
ちょっとだけ、賑やかな感じになったかもしれません。
このフッターの適切な設定をすることで、ユーザビリティの向上、SEO効果、サイトの一貫性、重要な情報へのアクセスの確保信頼感の向上などに直結しますので、「お問い合わせ」などができた時点で設定されることをオススメします。
では、また・・・・・・・
