2017 06123456789101112131415161718192021222324252627282930312017 08
TOP > カスタマイズ(HTML・CSS) > title - パンくずリストを設置する(FC2ブログ)

パンくずリストを設置する(FC2ブログ)

パンくずリストとは観覧者が今いる記事の階層が
ひとめで分かるようにするための物です。
pankuzu.png
この画像の赤で囲まれた部分がパンくずリストになります。

パンくずリストの設置
まずは管理画面よりテンプレートの編集を行います。

CSSの一番下に

.pankuzu {
font-size:12px; 
text-align:left; 
margin:0px 0px 10px 0px;} 
.pankuzu a:link{color:#0066ff} 
.pankuzu a:visited{color:#0066ff}

と記述。

pankuzu2.png

次にHTMLの編集を行います。
<body>内の<%introduction>以降に↓のHTMLを入力します。

<!-- パンくずリスト -->
<!--not_index_area-->
<div class="pankuzu">
<!--permanent_area-->
<!--topentry-->
<a href="<%url>" title="TOPページへ">TOP</a> > <a href="<%topentry_category_link>"><%topentry_category></a> > title - <%sub_title>
<!--/topentry-->
<!--/permanent_area-->
<!--category_area--> 
<a href="<%url>" title="TOPページへ">TOP</a> > CATEGORY - <%sub_title> 
<!--/category_area--> 
<!--search_area--> 
<a href="<%url>" title="TOPページへ">TOP</a> > SEARCH - <%sub_title> の検索結果
<form action="./" method="get"><input type="text" size="20" name="q" value="" maxlength="200" class="ipt" /> <input type="submit" value="Search" class="search" /></form> 
<!--/search_area--> 
<!--date_area--> 
<a href="<%url>" title="TOPページへ">TOP</a> > ARCHIVE - <%now_year>年<%now_month>月
<!--/date_area--> 
<!--edit_area-->
<a href="<%url>" title="TOPページへ">TOP</a> > edit - 修正画面
<!--/edit_area-->
<!--tag_area-->
<a href="<%url>" title="TOPページへ">TOP</a> > <%tag_word>
<!--/tag_area-->
</div>
<!--/not_index_area-->  
<!-- パンくずリスト ここまで-->

あとは更新ボタンを押してテンプレートの更新を行います、
適応されているか確認しておきましょう。

(こちらのHTML・CSSの記述は初心者でもできる簡単FC2ブログの作り方様より引用させて頂いております)

トラックバック先URL:http://rgrg.blog61.fc2.com/blog-entry-164.html

Related Entries
このブログの更新情報をメールでお届けいたします。
メールアドレスをご入力ください。
記事通知ブログパーツ「読んでミー。」


このエントリーをはてなブックマークに追加 このページをはてなブックマークに登録してみる?


Post a comment












Only the blog author may view the comment.
Trackbacks:
この記事のTrackbacks URL

まとめtyaiました【パンくずリストを設置する(FC2ブログ)】
パンくずリストとは観覧者が今いる記事の階層がひとめで分かるようにするための物です。この画像の赤で囲まれた部分がパンくずリストになります。パンくずリストの設置まずは管理画...
[2012/05/18 08:15] まとめwoネタ速neo
アクセスカウンター

最新記事
アクセスランキング
[ジャンルランキング]
コンピュータ
31位
アクセスランキングを見る>>

[サブジャンルランキング]
Webサイト作成
1位
アクセスランキングを見る>>


アクセスランキング