kazu1213さん
お使いのテーマは、親ページAのリンクテキストに parent_menu という class がふられてるようですね。この class はPHPで出力されているのではなく、テーマディレクトリ内の js/jscript.js にて
$(".header_menu ul li:has(ul)").addClass("parent_menu");
という形で、jQueryにて追記されています。
さて、解決法としては二つあるかとおもいます。
1. style.css に追記
style.css の最後に
li.parent_menu > a {
pointer-events: none;
}
と書けば、親ページAのリンクテキストは無効になります。ただ、pointer-events プロパティはIEが対応してないのでもう一つの方法として
2. js/jscript.js に追記
最初に示したコードの次行に以下の1行を追記してみてください。
$(".header_menu ul li:has(ul) > a").removeAttr("href").css("color", "#999");
a タグから href 属性を削除するので文法的には消化不良な方法ですが、a タグごと削除すると style.css を書き換える必要が出てくるので……
teckingさん
ご教示頂きありがとうございます。
js/jscript.jsを見ると
『 jQuery(“.menu li ul li:has(ul)”).addClass(“parent_menu”);』
というコードが記述してありました。
PHPについて知識がないもので色々試してみました。
①教えて頂いたものをそのまま。
$(“.header_menu ul li:has(ul) > a”).removeAttr(“href”).css(“color”, “#999”);
変化無し
②先頭の$をjQueryにしてみました。
jQuery(“.header_menu ul li:has(ul) > a”).removeAttr(“href”).css(“color”, “#999”);
親ページのリンクが無くなりましたが、若干表示がおかしくなりました。
キャプチャです。http://www38.atpages.jp/sampleup/sample.png
③.header_menuを.menuにしてみました。
jQuery(“.menu li ul li:has(ul) > a”).removeAttr(“href”).css(“color”, “#999”);
変化無し。
②は親ページのリンクが無くなって理想通りだったのですが、問題は表示がおかしくなったこと。
これはどのようにすれば修正できるでしょうか?
大変お手数ですが、どうぞよろしくお願いします。
『monochrome』テーマ、私がダウンロードしたものと js/jscript.js の記述が違っていますね。当方のバージョンは 4.1 ですがkazu1213さんのバージョンは何でしょう?
テーマの配布サイトを見ると 4.0 で大幅な機能追加が行なわれているようなので、その際にテンプレートファイルの class のふり方も変わっているような気がします。
(.menu が .header_menu になったりとか)
テーマの旧バージョンがダウンロードできないので、差し支えなければ、kazu1213さんのサイトURLをお知らせいただけると何かヒントを示せるかもしれません。
ともあれ、キモは js/jscript.js と style.css でしょうね。
teckingさん
大変申し訳ありません。私の使用しているテーマは最新版だとばかりに思ってました。
先ほど確認したら3.0.4でした。最初から調べて明記すれば良かったですね。
こちらが私のブログのURLです。そのまま貼るのは抵抗があるのでURLのみ下記のファイルに記述しています。
http://www38.atpages.jp/sampleup/url.html
jscript.jsファイルも一応アップしました。
http://www38.atpages.jp/sampleup/jscript.js
どうぞよろしくお願いします。
ブログ拝見しました。どうやら js/jscript.js と style.css をいじる必要があるようです。以下を試してみてください。
《js/jscript.js》
jQuery(".menu li ul li:has(ul)").addClass("parent_menu");
の次行に下記の1行を追記。
jQuery(".menu li:has(ul.children) > a").addClass("none").removeAttr("href");
《style.css》
.menu a:link, .menu a:visited { color:#999; display:block; padding:19px 30px 14px; position:relative; }
の行を下記の2行に分割。
.menu a { display:block; padding:19px 30px 14px; position:relative; }
.menu a:link, .menu a:visited { color:#999; }
さらに
.menu a:hover { color:#f3193d; text-decoration:none; background:#333; }
の次行に下記の1行を追記。
.menu a.none { color: #999; }
『monochrome』3.0.4がダウンロードできないので外してるかもしれませんが……
teckingさん
先ほどご教示頂いた通りに記述したら出来ました。
お手数をおかけしました。
本当に助かりました。ありがとうございました。