忍者ブログ
*ADMIN*

Customize in Ninja Blog

NINJAブログを使いこなそうと始めたブログ。

≪ 2012.05│ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 ≫
2006-04-21(Fri)

パンくずナビをつける

まずは、パンくずナビって何？って方。

パンくずナビゲーションというのは、サイト上でディレクトリを下がっていくときに、その階層の上層やトップに戻れるようにする、いわばサイトの縦型のナビゲーションです。

そのページがディレクトリのどこに位置するのかひと目で分かるという便利なもの。

これをNinjaブログでも再現してみました。

すでに共有化したテンプレには積んでおきました。
ソース自体はそこから持ってってもけっこうです。(下にもあります)

どういう風に表示されるかだけちょっと説明しておこうかと。
トップページ(http://○○.blog.shinobi.jp/)では、ただ単に
home
と出ます。
これは、リンクでもなんでもないです。

トップページと同じように表示されるメインページの最初のページ(http://○○.blog.shinobi.jp/Page/1/)では
HOME≫現在のページ≫次項
となり、その次のページ(http://○○.blog.shinobi.jp/Page/2/)では、
HOME≫前項≫現在のページ≫次項
のように表示されます。

詳細記事ページ(http://○○.blog.shinobi.jp/Entry/記事番号/)では
HOME≫カテゴリー名≫記事タイトル
となります。

カテゴリーのページ(http://○○.blog.shinobi.jp/Category/カテゴリー番号/)では
HOME≫カテゴリー名の記事
と表示されます。

日付のページ<(http://○○.blog.shinobi.jp/Date/2006XXAA/)では
HOME≫2006年XX月AA日の記事
のように表示され、また月表示の日付ページ(http://○○.blog.shinobi.jp/Date/2006XX/)では
HOME≫2006年XX月の記事
と表示されます。

検索結果のページ(http://○○.blog.shinobi.jp/Search/)では、
HOME≫検索した文字の検索結果
と表示されます。
注：検索した文字が強調される(背景色が付くなど)は、また別の指定です。

コメントの編集ページ(http://○○.blog.shinobi.jp/Edit/記事番号/コメント番号/)では
HOME≫コメント編集中
となります。
注：ただし、テンプレートによっては記事本文やサイドメニューなどをコメント編集のページに表示させないものもあります。その場合は、この部分を削除するなり、ご自分でカスタマイズしてください。

実際のソース↓(説明つきです♪)
PR

author:あるふぁ [13:31:55]│ Comment(5) │Trackback(1) │〆

[カスタマイズ]テンプレート

│▲

パンくずナビを一部修正← HOME →ツリー化完了♪
＊COMMENT-コメント-
▽XqaPtQTYayLCyLLdnw
Haha. I woke up down today. You’ve cheeerd me up!
posted by Frenchy URL ::2011-05-23-Mon 08:54:15 ::EDIT
▽dbtcqtmxdnkuYIoZj
Wow, that’s a rellay clever way of thinking about it!
posted by Seston URL ::2011-05-22-Sun 17:03:54 ::EDIT
▽100 free adult dating. Lesbian gay dating site.
Dating new millport. Dating eaton center. Adult australia club dating.
Best dating sites in india. <a href=http://xn-----8kci1aacbeoqkciage9azaegbxh.xn----7sbbimnsesdeo4bgi9k.xn--p1ai/>фото интимной татуировки</a>. Violence in dating relationship.
Add url dating. Chat customer live service software. Free online personals for interracial dating.
posted by Michalexcire URL ::2011-01-18-Tue 02:22:03 ::EDIT
▽Teen dating guide. Dating lake benton.
Birmingham dating online service. Dating greendale. Dating auxvasse.
Dating levan. <a href=http://xn-----6kcbbagfe7b8agtlrg7amidi2e6a.xn----7sbbimnsesdeo4bgi9k.xn--p1ai/>чат знакомств хабаровск</a>. Chat dating herpes.
Dating east saint louis. Dating lafferty. Bloom bosworth dating kate orlando.
posted by ViktorianitemY URL ::2011-01-17-Mon 09:10:52 ::EDIT
▽記事詳細ページが表示されません。
恐れ入ります。
テンプレートにコピペしたのですが、詳細のページ（記事ページで本文が表示されません。
ご教授願えませんでしょうか？
posted by seto URL ::2009-03-10-Tue 03:39:20 ::EDIT
＊COMMENT FORM-コメント投稿-
  • この記事へのコメント投稿フォームです。
　
Name：
Title：
Mail：
Url：
Color：
◆ ◆ ◆ ◆ ◆ ◆ ◆ ◆
Decoration： Vodafone絵文字 i-mode絵文字 Ezweb絵文字
Message：
Pass： ※編集時に必要です。
Secret： 　※チェックすると管理者へのみの表示となります。
＊TRACKBACK-トラックバック-
  • この記事のURLとトラックバックURLです。
  • 必要に応じてご使用くださいませ。
この記事のURL▼
この記事のトラックバックURL▼
パンくずナビ
パンくずリスト（breadcrumbs list）は、ウェブサイト内におけるウェブページの位置をツリー構造を持ったハイパーリンクの一覧として示すもの。パンくずナビ・トピックパスとも言う。 「パンくずリスト」という名前は、童話「ヘンゼルとグレーテル」で、主人公が森で迷子にならないように通り道にパンくずを置いていった、というエピソードに由来する。 パンくずリスト - Wikipediaより ずっと気になってたパンくずナビを入れてみました やっぱり自分でも使ってても便利...
kisatonomori blog ::2006-11-16-Thu 21:05:21
←No.66No.65No.61No.60No.58No.57No.56No.47No.46No.45No.44→
■Category
■Search
■About

●このブログについて
忍者ブログを使いこなそうと始めたカスタマイズサイト。分からないことばかりで四苦八苦しています。 変なところあったらぜひ言ってくださいませ(*- -)(*_ _)ペコリ
なお、このブログで実験もしています。 常に実験しているので、崩れとかありましたら教えてくださるとうれしいです。⇒BBS

●姉妹サイト・その他
　徒然倶楽部 →こちらは記事の内容を下に移転＆閉鎖しました。
　現在は十六夜's Blogがメインブログになってます。
 　Alphaの小部屋･･･BOOKLOGで作った本棚
　Mixi･･･参加中のSNS
　十六夜-the sixteeth night-･･･現在作成中のメインHP

●リンクについて
このブログはリンクフリーです。こんなブログでよろしければぜひリンクしてやってください♪
リンクバナー

●RSS
このブログのRSSはこちら▼
RSS 0.91
RSS 1.0
RSS 2.0

●環境推奨
動作状況：Windows XP SP2
ブラウザ：主にFirefox　他IE、Opera等
解像度：1024*768

●FireFox
私が普段利用しているブラウザ。 拡張機能のWeb Developerをいれるとテンプレ作成にとても便利なブラウザになります。自分の使いたい機能をいろいろインストールしてアレンジしてます♪
ダウンロードは▼からどうぞ

●Pingoo!
忍者ブログのPing送信先は10件まで。 それでもいろいろなところにPingを送りたいという場合にオススメなPing一括送信サイトです。ここ１件に送るだけでいろいろなところに送ってもらえます♪

●クリックで救える命がある

■Calendar
04

06
日 月 火 水 木 金 土
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
■CM&TB
●コメント
  • China-BlueVer-
    Bison⇒(05/24)
  • ピンクチャイナ
    Alyn⇒(05/23)
  • ピンクチャイナ
    Jennylee⇒(05/23)
  • ピンクチャイナ
    Chynna⇒(05/23)
  • ピンクチャイナ
    Kayli⇒(05/23)

●トラックバック
Scrollbar ONorOFF
■NinjaLink
■Thanks
テンプレートを作成するに当たってよく利用させていただいているサイト様です。
■QRcode
QRコードをクリックするとメールフォームが開きます。
メールフォームでPCから携帯にこのブログのURLを送ることができます

もし、携帯電話で表示されきれない～とご不満の方はこちらのアプリを導入してみることをお勧めします。

無料体験できるのでぜひお試しください♪
■EntryNavigation
≪ *66*65*61*60*58*57*56*47*46*45*44* ≫
■Template
○公開したテンプレのプレビュー

ブルーチャイナ
詳細 		ブルーチャイナ
詳細
Gray2block
詳細 		China
詳細 		Gray
詳細
JapanBlue
詳細 		碧
詳細 		蒼
詳細
○公開された携帯用テンプレのプレビュー

The Leaf
詳細
○忍者ブログで共有化中のテンプレ

●Alternation-緑×白-
記事番号で背景色が交互に変わるちょっとおもしろテンプレ。
パンくずナビも付いてます♪

●The Leaf
初の携帯用テンプレート。さわやかな感じに仕上げてみました
絵文字使用。トップページにカテゴリー表示アリ。

●ブルーチャイナ
涼しげなチャイナ風左右メニューテンプレ。
｢China｣の色違いのような感じですが、配置は違いますのでご注意ください。
※このテンプレのピンク版もあります。共有化していないので記事内よりお持ち帰りください。
⇒ピンクチャイナ

●Gray2block
ノート風テンプレ｢Gray｣の２カラム版です。
●China
かわいい系の３カラムテンプレート。イメージはチャイナ風♪
同じ配置の青バージョンも作成しました。こちらは共有化してないので記事内よりお持ち帰りください。
⇒China-BlueVer-

●Gray
灰色のノート風罫線テンプレ。追記開閉式の３カラムです。

●JapnBlue
サッカー日本代表ユニフォームなテンプレ。追記開閉式
※このテンプレには２カラムバージョンもあります。
⇒JapanBlueの２カラム版

●碧-midori-
淡いパステルグリーンのテンプレ。追記開閉式

●蒼
画像使用なしの５ブロックテンプレ。

Scrollbar ONorOFF

○広告




■Recommend
○ルナエンバシージャパン

ストレイシープがなんだかかわいくて好き(^-^*）

■Visiter