ページナビゲーションとも ウェブサイトで、閲覧者が現在サイト内のどの位置にいるかを階層表示するリスト。一般的に
のような形で表示する。この例は、閲覧者が今はてなダイアリー日記を見ているとした時。(実際にはこのリストは表示されない)
同じ階層にある他のページについては表示せず、サイトの階層における垂直方向のみを案内する。 迷子にならないようにするところから、童話「ヘンゼルとグレーテル」に由来してパンくずリストと呼ばれる。
カテゴリー、ジャンル
#45 【この記事でわかること】 不器用な試行錯誤を支えるのは、根拠がなくても「やり遂げられる」と信じる力(自己効力感)であることを、AIとの対話から学べます。
最近のブログ記事 2025.12.24 追記 ★ 最近、ブログの記事を書いてアップしたあと、ブログの出来具合を ブログのホーム(URL)で閲覧していて、思う事がある 記事が、長い 記載している内容が長くなっているのか、貼り付け画像が多いのか 文言が多いのか 何れにしろ、記事が長くなっている そのため、トップに戻ったり、最下部に移動するたびに、スクロールを 何度も、何度も行わなくてはならない 本宅では、記事が長くなっても、トップに戻るための機能が付帯している それは、”パンくずリスト”と云われる機能 AI による概要パンくずリスト(Breadcrumb List)とは、Webサイト上で「ホーム …
CSSもHTMLも分からなくて大丈夫。 グローバルメニューも必要なし。 はてなブログのカスタマイズ画面で簡単にパンくずリストの設定ができます。 設定は超~~~~~カンタン! SEOは意識した方が良い パンくずリストでSEO 設定は超~~~~~カンタン! 1.マイブログの[デザイン]クリック 2.PCは[カスタマイズ]クリック (スパナのマークね) スマホの設定は [スマホ]マーククリック 3.[記事]クリック ※スマホの設定も同様です 4.「記事ページにパンくずリストを表示する」 にチェックを入れる ※スマホの設定も同様 たったそれだけです。 これでブログタイトルと記事タイトルの間にパンくずリ…
今回は「パンくずリスト」についてまとめておきます。 一般的なパンくずリストについての説明になります。 残念ながらはてなブログのパンくずリストは階層化できません。 目次 由来 書式 使用例 現在見ているのは「カスタマイズでできること⑤」という記事 1つ上の「サイドバー」をクリック 2つ上の「カスタマイズ」をクリック 最後に 追記 由来 「ヘンゼルとグレーテル」の童話の中で、ヘンゼルとグレーテルが迷子にならないようにパンくずを道に置いていき、自分たちの来た道がわかるようにしたことが由来となっています。 書式 トップページからブログを訪れたユーザーが今見ているページまでのカテゴリーの階層が「>」記号…
前回は「サイドバー」共通の操作方法をまとめました。 今回は「フッタ」のカスタマイズはHTMLを使うので飛ばして「記事ページ」の使い方です。 プレビュー機能を活用して、レイアウトや表示内容を調整しながら、理想的なブログのページを作成できます。 プレビュー機能 「記事ページ」とは 「記事ページ」ではないページ(記事リスト) プレビュー画面の切り替え 「記事ページをプレビュー」が表示されているとき 「記事ページのプレビューをやめる」が表示されているとき プレビュー画面の再表示 最後に プレビュー機能 ブログのレイアウトやソーシャルボタンの配置を調整する際にデザイン変更をリアルタイムで確認できる便利な…
こんにちは🐶Shizukaです✨ 引き続きブログの設定に明け暮れる日々ですw 今日は仕事が休みなので、朝から家事をしながらPCとにらめっこです! 昨日挫折したパンくずリスト/カテゴリー分けにとりかかります。 パンくずリストの設定はすぐできたんですが、カテゴリー分けが 何度読んでもできない・・ 意味わからん 場所もわからん つ-か-れ-た-( ;∀;) 今日はドル円のエントリーをしたので 相場を見ながらいろんなサイトを参考にしてやってみました。 現在15:00 で!できましたー( ;∀;) なんか矢印が場違いに黒くてういてますがww もうそんなの関係ねぇ ってことで完成ですw これ本当ややこしい…
こんばんは🌝Shizukaです。 今日は1日中PCとにらめっこ・・ そもそも古いPCなのでよく固まる・・ とりあえず先日書いた記事通り、はてなブログPROに変更。 独自ドメインを取得してみました。 はい、ここで設定方法がわからん・・ いろんな記事を読み漁ってなんとか独自ドメインを設定できました。 次はカテゴリの設定。 はいわからん・・もう嫌( ;∀;) とにかく苦手な作業が続き、気づけば20:30・・ 疲れた。。 と愚痴ばかり言っても仕方ないんで、一つ学んだことを。 カテゴリを設定する中で 【ぱんくずリスト】なる言葉を発見。 なんですかそれ?と思い調べてみました・ パンくずリスト(Breadc…
長い間放置していたブログを改めて見直し、デザインや構成を調整してみました。この記事では、使用したテーマや参考にしたサイトを紹介しつつ、デザイン変更のポイントをまとめます。同じようにブログデザインを整えたい方の参考になれば嬉しいです。
最近EURO2024の記事を多く書いていますが、EURO2024の記事だけをまとめて表示する方法がないことに気づきました。かといって「サッカー」と並列で「EURO2024」というカテゴリーを作るのは嫌だったのでなんとか階層化とかできないかな、と調べてみました。 「パンくずリスト」の表示で、半分は目的達成 まず調べたのははてなブログ開発ブログです。はてなブログの新機能とかはこのブログで発表、説明されるのではてなブロガーはチェックしておいて損はないと思います。 で、以下の記事を発見しました。 staff.hatenablog.com 「パンくずリスト」をブログ記事のタイトルあたりに表示するように設…
パンくずリストでのファイル移動 ほとんど利用したこのない機能だけど、出来なくなっていたことが出来るようになったことは素直に喜ぶべきなのか。 こんなことよりも、スタートやタスクバーにD&D出来なくなっことを復活させてほしいものだ。 それにしてもパンくずリストって、なんか他に呼びようないのかねぇ・・・ breadcrumb って、要するにパンの耳のことじゃねぇの? 端っこにあるからそう呼んでるのかもしれないけど、なんか外国人って日本人にはちょっと理解に苦しむ発想することがある。 Hex Editor Neo の翻訳しているときにも Transparent Fill なんて出てきたけど、日本人の発想…