• 締切済み

複数カテゴリに属する場合のパンくずリストについて

複数カテゴリに属するコンテンツのパンくずリストの作り方を教えてください。 検索するとWordPressでの方法ばかり出てくるのですが、方法は同じなのでしょうか? どこか参考になるサイトなどありましたらご教示いただきたいです。 よろしくお願いいたします。

みんなの回答

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

パンくずリストは、トップ(ルート)からの一方的方向を記述します。 <p class="breadcrumb list"><a href="/">TOP</a>&gt;<a href="/books">書籍</a>&gt;<a href="/books/web">ウェブ</a>&gt;<strong>HTML5</strong></p> とか・・・  パンくずリストの意味・目的・由来からこの様な道しるべをパンくずリスト(breadcrumb list)と言います。  複数カテゴリ--サイト内ナビゲーションでしたら、ナビゲーションリストとしてマークアップします。 <nav id="SITEMAP"><!-- HTML5未満は<div class="nav"> -->  <ol>   <li><a href="/">TOP</a></li>   <li><a href="/books">書籍</a>    <ol>     <li><a href="/books/web">ウェブ</a>      <ol>       <li><a href="/books/web" class="current">HTML</a></li> ・・・・      </ol>     </li>    </ol>   </li>   <li><a href="/product">製品</a> ・・・・   </li>  </ol> </nav> 現在位置を示すためにcurrentのclass名をつけてます。 出来上がったナビゲーションをどのようにデザインするかは、ご随意に・・ [例] ⇒ナビゲーションリストを様々にデザインしてみよう。( http://www.ichiya.com/WebService/Howto/sample/HTML/nav/navigation1.html )  で表示メニューからスタイルシートを選択すると・・

poifulls
質問者

補足

申し訳ありません。私の説明不足でした。 複数のカテゴリに属するとは、たとえば以下のような感じです。 ------------------------------------------------------------- FAQコンテンツ 1.動作環境について    (1) 文書番号AA12345 2.インストールについて    (1) 文書番号BB55555 3.トラブルシューティング    (1) 文書番号AA12345 ------------------------------------------------------------- 上記の構成だったとすると、文書番号AA12345 への道筋は、以下の2通りできます。 FAQ > 動作環境について > 文書番号AA12345 FAQ > トラブルシューティング > 文書番号AA12345 ユーザーどこから開いたかで表示する内容を変更したいのです。 このような動的なパンくずリストはできますでしょうか。      

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • パンくずリスト

    ページ内にパンくずリストで目次を作ると どういうメリットがあるのでしょうか? 検索されやすくなるのでしょうか?

    • ベストアンサー
    • CSS
  • モバイルのみパンくずリスト非表示について

    wordpressでBreadcrumb NavXTを使い、 パンくずリストを表示させているのですが スマートフォン(Andoroid、iphone)サイトだけ (pcとタブレットは表示したい)、パンくずリストを 非表示にしたく設定方法をご教授ください 以下をheader.phpの最後に明記し、 パンくずリストの表示は出来たのですが スマホのサイトのみ非表示にする方法が分かりません 使っているテーマはtwenty fourteenの最新版です <div class="breadcrumbs"> <?php if (function_exists('bcn_display') && !is_front_page()) { echo '<div id="kuzu">'; bcn_display(); echo '</div>'; } ?> </div> 以下のサイトを参考にしたのですがどのように明記していいのか分からず、困っています http://millkeyweb.com/if-mobile/

    • 締切済み
    • PHP
  • パンくずリストの作り方

    http://www.asahi.com/sports/spo/rugby.html ここを基にパンくずリストを作成しようと考えていますが、うまくいきません。 $list=array("topic1","topic2","topic3","topic4") $list=array("名前1","名前2","名前3","名前4") $list1a=array("a1","a2","a3","a4","a5"); $list1b=array("あ1","あ2","あ3","あ4","あ5"); $list2a=array("b1","b2","b3","b4","b5"); $list2b=array("い1","い2","い3","い4","い5"); : listが大カテゴリーの配列で、中の要素はカテゴリーの名前です。 たとえばlist1a、1bはtopic1に対応する小カテゴリーの配列で、中の要素はカテゴリーの名前です たとえばhttp://www.com/topic2/b4/show.phpにアクセスすると、 現在位置:名前2>い4    を表示します。 パンくずリスト自体はCSSで作れるようなのですが、実際にページごとに動的に変化させるとなるとうまくいきません。 このようなPHPの作り方を教えてください。 どなたかご教示の方、どうかよろしくお願いします。

    • ベストアンサー
    • PHP
  • パンくずリストの作り方(区切り方?)

    webサイトにパンくずリストを設置しようと思います. リストの一番最後は,カテゴリーまででしょうか? それとも,そのページのタイトルまで含めるのでしょうか? どちらが良いか教えてください. 例:カテゴリまで トップページ > 商品一覧 > 商品ジャンル 例:ページタイトルまで トップページ > 商品一覧 > 商品ジャンル > 商品名 それでは,よろしくお願いします.

  • パンくずリスト

    よくわからないのですが、 パンくずリストというのをソース内で定義すれば 画像のようにグーグルで検索したら、目次を表示できるのですか?

    • ベストアンサー
    • CSS
  • パンくずリスト 効果

    ページ内にパンくずリストを作ると どういう効果があるのでしょうか? 検索されやすくなるのですか?

    • ベストアンサー
    • CSS
  • これもパンくずリストの機能なのでしょうか?

    赤く囲ったURLが「>」がはいっていますが これもパンくずリストの機能なのでしょうか?

    • ベストアンサー
    • CSS
  • GoLive6の操作方法でパンくずリストって?

    皆さん、いつもありがとうございます。 今回はAdobe GoLive6を使ってwebサイトを作ろうと思っているのですが、 【パンくずリスト】の作り方がよくわかりません。 例) gooトップページ>教えてgoo>macintosh みたいな感じのものです。 マニュアルを見てみたんですが、どこにもそれらしいき記載がないようで、困っています。 GoLive6で、【パンくずリスト】を作成する方法をご存じの方がお見えでしたら、是非お教えいただけないでしょうか。 よろしくお願いいたします。

    • ベストアンサー
    • Mac
  • パンくず・・・

    こんにちは。 HB(ホームベーカリー)でパンを焼いています。 焼きあがってしばらくたってパンを切る際 随分パンくずが落ちます。 毎回かなりの量なんですが、パンくずって何かにつかえますか? またはパンくずがあまり落ちないように切る方法などありますでしょうか? よろしくお願い致します。

  • パンくずリストの設定の仕方を教えてください。

    ホームページビルダーVer10を使っていますが、本に「パンくずリスト」があると使いやすいと書いてありました。ためしに使って見たいのでですが、ホームページビルダーのときの簡単な設定のしかたを教えてください。よろしくお願いします。