閉じる
閉じる

あまめも

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

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

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

なもんで、今回です。

パンくずリストとは

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

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

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

童話が元なんですね〜。

実際に作成

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

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

こんな感じ。
結果は、

これが、

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

まとめ

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

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

関連記事

  1. リストテンプレートも作っておいた方がいいかな?と思ったので作成!…

  2. タイプライター

    段落の始まりを一文字自動でインデントする

  3. gitのリモートリポジトリをDropboxで作成してpushする…

  4. take095-thumbnail

    【WaznFilm更新】FontAwesomeを通常のアプリ(W…

  5. WordPressで<div>の様なHTMLタグを表…

  6. 文字をマーカーのように強調するCSS設定。個人用まとめです。

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

  1. モザイク
  2. cmd-info

Twitter

ページ上部へ戻る