サポート » プラグイン » Breadcrumb NavXT で孫を持っている固定ぺージはその親をパンクズトップにしたい

  • いつもお世話になっております。
    Breadcrumb NavXTで
    親(サイトホーム)、子供、孫
    と固定ぺージを持っていて

    子供に孫を持っている場合、
    子供/孫
    と親を無しで表示したいのですが、設定で可能でしょうか?
    孫が無ければ
    親/子供
    としたいです。

    プログラムでも可能であれば、できればサンプルコードも頂けると幸いです。

    ご連絡お待ちしております。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • こんにちは、フィルターでも可能だと思いますが CSSだと

    <ol class="breadcrumbs" itemprop="breadcrumbs">
    	<li class="home">
    		<span typeof="v:Breadcrumb">
    			<a rel="v:url" property="v:title" href="#" class="home">親</a>
    		</span>
    	</li>
    	<li>
    		<span typeof="v:Breadcrumb">
    			<a rel="v:url" property="v:title" href="#/a-parent-page" class="post post-page">子</a>
    		</span>
    	</li>
    	<li class="current_item">
    		<span typeof="v:Breadcrumb">
    				<a rel="v:url" property="v:title" href="#/a-parent-page/page-width-sidebar" class="post post-page current-item">孫</a>
    		</span>
    	</li>
    </ol>
    

    liが3つの場合だけ2番目のliを非表示にすればいいので、

    検証用CSS

    
    .breadcrumbs li:nth-child(2):nth-last-child(2){
       border:1px solid red;
    }
    

    固定ページだけで適用させたいわけだから .pageを追加して消します

    
    .page .breadcrumbs li:nth-child(2):nth-last-child(2){
       display:none;
    }
    

    で、消すことが出来ます。 すてたもんじゃないですよね CSS

    • この返信は7年、 6ヶ月前にnobitaが編集しました。
    • この返信は7年、 6ヶ月前にnobitaが編集しました。
    • この返信は7年、 6ヶ月前にnobitaが編集しました。
    トピック投稿者 sensensen

    (@sensensen)

    ご連絡ありがとうございます!
    まさにJsでやるような処理がcssでもできるんですね。

    侮れないものです!

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「Breadcrumb NavXT で孫を持っている固定ぺージはその親をパンクズトップにしたい」には新たに返信することはできません。