メニュー読み込み中...

🧠 KSP Semantic Navigation Demo

EIDBO/KSP構造に基づいた動的ナビゲーションシステム

📋 構成ファイル

api/semantic-menu.php - REST API（semantic_map.json配信）
js/ksp-nav-dynamic.js - 動的メニュー生成JavaScript
assets/css/ksp-nav.css - レスポンシブスタイルシート
parts-ksp-nav.php - WordPressテンプレートパーツ

🎯 機能

✅ KSP（Knowledge/Syntax/Practice）3階層メニュー
✅ EIDBO（Emotion/Intention/Deployment/Behavior/Outcome）サブメニュー
✅ 139記事を自動分類・表示
✅ PC/SPレスポンシブ対応（768px未満でハンバーガーメニュー）
✅ Font Awesome 6.xアイコン対応
✅ ドロップダウン・アコーディオンアニメーション
✅ 5分間APIキャッシュ

📖 使い方

上部のナビゲーションバーから、KSP（Knowledge/Syntax/Practice）を選択すると、対応するEIDBO（Emotion/Intention/Deployment/Behavior/Outcome）カテゴリが表示されます。

各カテゴリをクリックすると、該当する記事リスト（最大10件）が展開されます。
記事数が10件を超える場合は「もっと見る」リンクから全記事を閲覧できます。

🔧 WordPress統合

WordPressテーマに統合する場合は、header.phpまたは任意のテンプレートファイルに以下のコードを追加してください：

<?php include(ABSPATH . 'log/semantic/parts-ksp-nav.php'); ?>