閉じる
閉じる

あまめも

[甘]パンくずリストつけてみた。

こんばんは、あますた(@amaguristar)です。

HPに「何か足りない?何か足りない!」と思っていましたが、何が足りないのかやっと分かりました。
HPの現在地表示をわかりやすくすること!

なもんで、今回です。

パンくずリストとは

そもそも「パンくずリストってなに?」って人の為に、恒例の紹介。

パンくずリスト(breadcrumb list)は、ウェブサイト内でのウェブページの位置を、ツリー構造を持ったハイパーリンクの一覧として示すもの。パンくずナビ、トピックパス、フットパスとも言う。英語では単に“breadcrumbs”または“breadcrumb navigation”というのが一般的である。
ウェブディレクトリのような大規模なウェブサイト内で、利用者がサイト内での現在位置を見失わないようにし、ナビゲーションを助けるために使われる。「パンくずリスト」という名前は、童話『ヘンゼルとグレーテル』で、主人公が森で迷子にならないように通り道にパンくずを置いていった、というエピソードに由来する。
Yahoo!カテゴリでの例:
トップ > 各種資料と情報源 > 辞書、辞典 > 百科事典 > ウィキペディア (Wikipedia)

との事(参考:【Wikipediaのページへ)。

童話が元なんですね〜。

実際に作成

今回は、WPの勉強をした時に使った本の記述を見ながら“カタカタ”。
この本結構為になる(ここで軽く紹介しました【[甘]北海道にあるおからクレープのお店『nino』に行ってきた。】)。

そんでもってこの本を見ながら打ち込みました。

こんな感じ。
結果は、

これが、

こうなりました(サンプルページ:【[甘]ブログのデザインが気になったから少し調べてみた。)

まとめ

ちょっとしたことですが、あると便利。
この”ちょっとした”ってのがなかなかできない(だってめんど〜だし)。

人間怠けるとろくな事にならないってのを去年学んだので、今年はブログ更新は絶対に続けよう(中身はこの際おいといて)。

関連記事

  1. Gitを使用してると「このファイルは管理しないんだけど・・・」っ…

  2. take091-thumbnail

    【WaznFilm更新】これだけ覚えれば十分、Markdownの…

  3. 特殊文字

    特殊記号を数字参照(コード直打ち)して文字化けを回避する方法

  4. edit

    「Git」のコミットメッセージを間違えた、そんな時の修正方法

  5. Markdownを使用して簡単にgutenbergの再利用ブロッ…

  6. まとめ

    「Git」の履歴が見づらいのでまとめたい、そんな時の修正方法

こんなメモもありますよ♪

  1. ビール
  2. スシロー外観
  3. 雑誌

Twitter

ページ上部へ戻る