WordPressのログイン時のツールバー

WordPress

WordPressのwp_nav_menu()で出力した親カテゴリーのリンクを無効にするjQueryスニペット

WordPressのwp_nav_menu()で親カテゴリーと子カテゴリーを出力した後に、親カテゴリーのリンクだけを無効にするjQueryスニペットです。ドロップダウンメニューなどを作る際に、親カテゴリーのタイトルだけを使いたいという時があるかと思うので。CSSのpointer-eventsを使ってもリンクを無効にできるみたいなんですが、IEが対応していないっぽいのでJSを使うのがよさそう。

[ads_center]

やり方

例えば、以下のようにナビゲーションを出力したとして。

<nav id="local-navi">
    <?php wp_nav_menu(array('menu' => 'local', 'container' => '')); ?>
</nav>

jQueryでこんな感じで書いてあげると親カテゴリーのリンクだけを無効にできます。

$(function() {
    $('#local-navi > ul > .menu-item > a[href^=http]').removeAttr("href");
});

他のやり方としては、親カテゴリーだけを手打ちして、その子カテゴリーだけをwp_list_categories()を使って表示させるのもよさそうです。この場合はchild_ofというパラメータを使う必要があります。

参考サイト

Nivo ZoomLightbox風に画像をズームして表示させるjQueryプラグイン「Nivo Zoom」前のページ

Lightroomの周辺光量調整で画面の四隅を補正する次のページLightroomの周辺光量調整

関連記事

  1. WordPress

    ブログ投稿を更新したら自動でツイートしてくれるWordPressプラグイン「WordTwit」を使っ…

    なんというか、毎回些細なこととはいえブログを更新する度に手動でツイート…

  2. WordPress

    AkismetのAPIキーを無料で取得する

    WordPressでブログを始めてみたのでとりあえず定番らしきプラグイ…

  3. WordPressのログイン時のツールバー

    WordPress

    ブログなどでFlickrの転載可能な画像を使用する時のクレジット表示するためのWordPressショ…

    ブログなどでコンテンツに関連した画像を挿入したいといったことがあるかと…

  4. WordPress

    WordPressでアイキャッチ画像を使う場合のサイズ設定や画像ありなし時の振り分けなど

    WordPressにあるアイキャッチ画像がとても便利で、自分もWord…

  5. WordPressでパンくずリストを設置

    WordPress

    WordPressでパンくずリストをプラグインなしで設置する簡単なやり方

    WordPressでパンくずリストをWebサイトに設置したいといった時…

  6. WordPress

    WordPressのシングルページで前後の記事リンクを条件判定で出力するやり方

    以前 WordPressのシングルページで前後の投稿やページ分割のリン…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. EOS R5
  2. Anker PowerExpand Direct 6-in-1 USB-C PDメディアハブ
  3. ペットボトルホルスター

アーカイブ

PAGE TOP