サポート » テーマ » 固定ページ(親ページ)のリンク

  • 解決済 kazu1213

    (@kazu1213)


    テーマはmono-labのmonochromeを使用しています。
    http://www.mono-lab.net/demo1/

    固定ページを4ページ作成し下記のようにしています。

    親ページA
    ├子ページB
    ├子ページC
    └子ページD

    親ページ名はカテゴリー名等にしているのですが、この親ページには何も記述していません。
    現状ではこの親ページ名をクリックするとその何も記述されてないページに飛びます。
    なので親ページにはリンクを貼りたくないのですが、どのようにすればいいでしょうか?
    上記に記述したデモページと同じ状況です。

    ご存知の方いらっしゃいましたらご教示ください。
    よろしくお願いします。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • 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 を書き換える必要が出てくるので……

    スレッド開始 kazu1213

    (@kazu1213)

    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 でしょうね。

    スレッド開始 kazu1213

    (@kazu1213)

    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がダウンロードできないので外してるかもしれませんが……

    スレッド開始 kazu1213

    (@kazu1213)

    teckingさん

    先ほどご教示頂いた通りに記述したら出来ました。
    お手数をおかけしました。
    本当に助かりました。ありがとうございました。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • トピック「固定ページ(親ページ)のリンク」には新たに返信することはできません。