TOP > スポンサー広告 > title - FC2ブログでパン屑リストを表示するにはTOP > FC2ブログのカスタマイズ > title - FC2ブログでパン屑リストを表示するには

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
RSS twitter livedoorクリップ Buzzurl Google Bookmarks delicious Yahoo!ブックマークに登録 はてなブックマーク はてなブックマーク
タグ /

FC2ブログでパン屑リストを表示するには

以前、パン屑リストの記事を書いたのですが、これまたわかりづらいので
さらに書き直してみます。

パン屑リストというのはよく見かける
TOPページ<●●のページ
といった表記方法です。

これは内部SEOのためもありますが、私のブログは、記事ページにいくと、ブログタイトル部分が
記事タイトルになります。そこをクリックしてもTOPページには戻れるのですが
見た方から、戻り方がわからないと思うのではないかという懸念もあり
パン屑リストを入れてみました。

FC2ブログであれば、どのテンプレートにも利用できるタグなので、ぜひ使っていただきたいと
思います。

が、問題は入れる部分で、この入れる箇所によってブログが表示されなくなることも
あったりするので、複製してから入れてみてください。

入れる箇所は、topentryが開始される間ぐらいに入れるとよいのですが
テンプレートによって変わります。

ですので、どうしてもわからない場合には、質問・相談記事にコメントを残していただければ
テンプレートのソースを拝見してみますので、書いていってくださいね^^


<!-- パンくずリスト -->

<!--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-->

<!-- パンくずリスト ここまで-->




このパン屑リストの意味をできる限り要約してみますね。


<!-- パンくずリスト -->

<!--TOPページ以外で表示-->
<div class="スタイルシートでパン屑リストの装飾をします">
<!--表示する方法は-->
<!--記事を表示する際のパン屑リストは-->
<a href="<%TOPページのURL>" title="TOPページへ">TOPページと表示</a> > <a href="<%topentry_カテゴリーのURL>"><%カテゴリー名を表示></a>
> 記事のタイトルは - <%記事のタイトル>

<!--/記事の表示方法を指定するタグの終了-->
<!--/固定リンク画面の表示方法を指定するタグの終了-->
<!--カテゴリー画面の表示方法を指定するタグの開始-->

<a href="<%トップページのURLl>" title="TOPページへ">TOPと表示</a> > CATEGORYと表示(私はカタカナにしちゃってますが) - <%記事タイトル>
<!--/カテゴリー画面のタグの指定の終了-->
<!--検索画面での表示方法を指定するタグの開始-->

<a href="<%トップページのURL>" title="TOPページへ">TOPと表示</a> > SEARCH -
<%検索結果の記事タイトルの表示> の検索結果
<form action="./" method="get"><input
type="text" size="20" name="q" value="" maxlength="200" class="ipt" />
<input type="submit" value="Search" class="search" /></form>
<!--/検索画面での表示方法を指定するタグの終わり-->
<!--各月ごとの画面の表示方法を指定するタグの開始-->
<a
href="<%TOPページのURL>" title="TOPページへ">TOPと表示</a> > ARCHIVE -
<%現在の年>年<%now_month>月
<!--/各月ごとの画面の表示方法を指定するタグの終了-->

<!--コメント編集画面-->
<a href="<%TOPページのURL>" title="TOPページへ">TOP</a> > edit -
修正画面
<!--/コメント編集画面終了-->
<!--タグ画面表示指定の開始-->
<a href="<%TOPページのURL>" title="TOPページへ">TOP</a> >
<%tag_word>
<!--/タグ画面表示指定の終了->
</div>
<!--/TOPページ以外の表示方法の指定タグの終了-->

<!-- パンくずリスト ここまで-->



といった感じです。わかりますでしょうか?なるべくわかりやすいように
要約したつもりなのですが・・・^^;

次にスタイルシートの一番下に下記のタグを挿入してください。


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



これは、文字の色と文字のサイズを指定するタグです。

RSS twitter livedoorクリップ Buzzurl Google Bookmarks delicious Yahoo!ブックマークに登録 はてなブックマーク はてなブックマーク
タグ /
Comments

kajika お借りします

ファンブログでもお世話になっているKajikaです。
パンくず、早速使わせていただきます。
ありがとうございます。
さらにHTMLの解説、勉強になりました。

こういうサイトが有益なサイトというのですね。
参考になります。

2009/08/27 Thu 18:13 | URL

優子

こんにちは^^。コメントを残してくださったのに、来るのが遅くなってしまって本当にすみません。

昨日のグーグルアドセンスの記事や今回のパンくずリストの記事、とても参考になりました^^。

特にパンくずリストは、以前時間が取れたときにチャレンジしてみたら、うまく行かなくて保留にしていたところです^^;。

topentryのタグのあと以外のところに挿入するのをまだチャレンジしていないので、時間が取れたら早速やってみます^^。

また来ますね♪

2009/08/28 Fri 00:16 | URL

kajika

こんにちわ。
コメントありがとうございます。

今までの失敗を記事にしてみました。
少しでも役に立てばいいかな~

2009/08/28 Fri 11:21 | URL

Add a comment


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

 | BLOG TOP | 

私も利用中!

ブックマーク

Yahoo!ブックマークに登録

検索フォーム

執筆しました!

GoogleAdSense グーグルアドセンスで<本気で稼ぐ>コレだけ!技 (得するコレだけ!技)

新品価格
¥1,974から
(2011/2/10 22:55時点)

私が執筆させていただきました!

ブログ情報


最新コメント

リンク

特集記事

最新記事

必見記事

アフィリエイト初心者講座

お小遣いサイトの作り方

お役立ちツール

つぃぃと

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