診断士の経営視点とSEのシステム技術の両面からIT・システム開発・Web技術+アウトドア情報を提供しています

トップブログでつくるビジネスサイト無料ブログでここまでできるCMSでつくるビジネスサイトウェブ講座&SEOシステム開発個人情報保護Googleでお仕事信州撮っておき情報








スポンサーサイト 

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

[--------] スポンサー広告 | |

FC2ブログにグローバルナビをつける 

サイト内のカテゴリへのナビをつける

ページタイトルの下にサイト内のサブメニュー=カテゴリへのリンクをつけると、訪問者を迷わせることなく、目的のカテゴリへ誘導できる。しかも、画面上部にサイト内の情報を自然に配置できるのでSEO的にも有利となる。

FC2では以下のようにHTMLを記述する。

<div id="categoryList">
|<a href="http://blog16.fc2.com/wiz2/">
トップ</a>
| <!--category-->
<a href="<%category_link>" title="<%category_name>">
<%category_name></a>|
<!--/category-->
</div>

スタイルシートで id categoryList のスタイルも定義する。文字は小さめ、背景色を暗くしてタイトルとの区別、カーソルが乗ったら色を変えて目立たせている。

#categoryList {
    width: 100%;
    margin:0;
    padding:0;
    text-align: right;
    font-size:75%;
    color:#D2691E;
    background:#333333;
}
#categoryList a:link,
#categoryList a:visited,
#categoryList a:active {
    color:#FFFFFF;      
    text-decoration:none;
}
#categoryList a:hover{
    color:#D2691E;      
}


コメントの投稿













管理者にだけ表示を許可する

トラックバック

この記事のトラックバックURL
http://wiz2.blog16.fc2.com/tb.php/101-891e9354








トップブログでつくるビジネスサイト無料ブログでここまでできるCMSでつくるビジネスサイトウェブ講座&SEOシステム開発個人情報保護Googleでお仕事信州撮っておき情報
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。