2025/6/10 更新内容

2025年06月10日

・パンくずリストを実装しました。

プラグインのBreadcrumb NavXTを導入しました。
中間発表で使用した静的なポートフォリオのスタイルをそのまま読み込んでいるため、destyle.cssの力により何も表示されませんでした。
は？？？？？？？？？？？？？？って2時間あれこれ触ってようやく「あっcss…」と気付けたので無事表示することができました。
何気にcssの:notを初めて使用して、現在表示しているページ以外のリンクにサイトのアクセントカラーを設定しています。

/* パンくずリストエリア全体 */
.breadcrumb {
  height: 25px;
  background-color: #f0f0f0;
}
/* パンくずリストの中身 */
.breadcrumb_inner {
  font-size: 17px;
}
/* パンくずリストの中で、"見ていない"ページの装飾を変更 */
/* :not()で()の中の物以外を指定する */
.breadcrumb_inner a:not(.current-item) {
  color: #2d9830;
}