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のログイン時のツールバー
  2. WordPress

    WordPressでコメント欄などに表示されるアバター「Gravatar」に登録してみる

    毎回、今更感全開の記事ですが時間が少しあったのでGravatarに登録…

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

    WordPress

    WordPressウィジェット内でPHPコードが使用できるプラグイン「PHP Code Widget…

    個人的にとてもうれしいプラグインを発見したので備忘録がてらメモしておき…

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

    WordPress

    WordPressでカテゴリーとタグのリストを一緒に出力して表示させるやり方

    色々と悩んだ結果、これが一番手っ取り早くて簡単だったのでメモしときます…

  5. WordPress

    WordPressで指定した固定ページを読み込む方法

    WordPressで例えばトップページに自分の指定した固定ページを読み…

  6. WordPress

    予約投稿をカレンダーで一覧管理できるWordPressプラグインEditorial Calendar…

    こちらの記事を見て予約投稿っていいなぁって思ったので初めて使ってみまし…

コメント

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

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

最近の記事

  1. すしざんまい
  2. 蒼龍唐玉堂 特製牛バラ担々麺
  3. サーモンアボカドサラダラップとドリップ
  4. 猿田彦フレンチ
  5. Zarigani Curry 挽肉のカレー ゴーダチーズとピクルスを添えて

アーカイブ

PAGE TOP