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というパラメータを使う必要があります。

参考サイト

関連記事

  1. WordPress

    ブログの編集作業が捗るWordPressプラグイン「AddQuicktag」

    すごく便利なプラグイン「AddQuicktag」を使ってみました。なん…

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

    WordPress

    WordPressの投稿画面タイトル欄に文字をペーストすると下にズレるのを直すやり方

    かなりどうでもいい内容なんですが、ちょっと個人的に気になってたので備忘…

  3. WordPress

    ローカル環境のMAMPでWordPressをマルチサイト化してみる

    素人なので半日も悩んじゃいました。ローカルでWordPressをマルチ…

  4. WordPress

    WordPressの管理画面にメモを残せるプラグイン「Quick Notes on the WP D…

    おもしろいプラグインを試してみました。おもしろいというかとても便利だな…

  5. WordPress

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

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

  6. WordPress

    WordPressで「この記事の所要時間」という読了時間を表示させてくれるプラグイン「estimat…

    とても便利なWordPressのプラグインを発見したので備忘録です。よ…

コメント

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

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

最近の記事

  1. macOS Mojaveのダークモード
  2. Olli
  3. 単語帳メーカー(Flashcard Maker App)
  4. 1Password 7

Facebookページ

PAGE TOP