コンテンツバーの役割と作り方｜使いやすいホームページにする

第５回：コンテンツバーの役割と作り方　～使いやすいホームページ～

コンテンツバーがあると、使いやすいホームページにすることができます。
ホームページに大切なコンテンツバーの役割と作り方について、ご説明します。

（上記の動画が見れない方は、こちらの大きな動画 をご覧ください）

■ 【目次】コンテンツバーの役割と作り方について

動画で話している内容について（テキスト）
コンテンツバーの役割と作り方のポイント

動画で話している内容について（テキスト）

第５回目の講座は、「コンテンツバーの役割と作り方」というテーマで、ホームページのコンテンツバーについて、ご説明します。

まず、サンプルサイトを右クリックして、「ソースの表示」をします。

すると、サンプルサイトが作られているソースが表示されます。

今回ご説明するコンテンツバーは、上記の部分になります。

コンテンツバーがあると、人が使いやすい！

コンテンツバーは目に付きやすいため、このコンテンツバーがあると、お客様が使いやすいホームページになります。

そのため、コンテンツバーは、ホームページの中で最もクリック率が高い場所になります。

コンテンツバーの修正方法

コンテンツバーにリンクを掲載するには、<a href="index.html"> というように、aタグ を使用します。

たとえば、http://toretama.jp/ へのリンクを作成する場合は、次のように記載します。

他にも、文字の大きさを変更するには、font-size で数字を指定することによって、変更することができます。

最後に、このようなコンテンツバーは、画像を背景で使うと、とても更新がしやすくなります。

下記の、background という箇所が、画像を背景として使用する設定です。

こうすることで、上記の「新着情報」という文字を変更してあげるだけで、コンテンツバーの情報を簡単に変更することができます。

今度の更新が簡単になりますので、ぜひ覚えておいてください。

コンテンツバーの役割と作り方のポイント

・コンテンツバーがあると、お客様が使いやすいホームページになること
・コンテンツバーは、 最もクリック率が高い箇所 であること

・リンクを作成するには、 <a href="index.html"> というように a タグ を使う
・文字の大きさを変更するには、 font-size を使うこともできること
・背景で画像を使うこと、今後の更新がとてもしやすくなること

このページのトップ↑

【よく読まれている関連記事】