閉じる
閉じる

あまめも

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

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

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

なもんで、今回です。

パンくずリストとは

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

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

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

童話が元なんですね〜。

実際に作成

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

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

こんな感じ。
結果は、

これが、

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

まとめ

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

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

関連記事

  1. 【基礎】MySQLのデータ型まとめ

  2. 線(line)

    【HTML】<hr>タグ(区切り線)を簡単にカスタム…

  3. アイコン

    HTMLで簡単に拡張子に合ったアイコンを設定する方法【css】

  4. お店の「お知らせ」を開いたら記事ページに飛ぶようにした方が良いん…

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

  6. ず〜と気になってたHPの文字をマーカー(蛍光ペン)でなぞった感じ…

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

  1. 塚田農場 家飲み便
  2. 看板

Twitter

ページ上部へ戻る