グローバルナビのアイテムを別窓で開かせたい

Simplicityの特徴 › フォーラム › テーマファイルのカスタマイズに関する質問など › グローバルナビのアイテムを別窓で開かせたい

  • このトピックには8件の返信、2人の参加者があり、最後にHidekichiにより11年、 4ヶ月前に更新されました。
8件の返信スレッドを表示中
  • 投稿者
    投稿
    • #28160
      七瀬
      ゲスト

      わいひらさんこんばんは! いつもお世話になっております。Simplicity、毎日大変ありがたく使わせていただいています。

      ところで質問なのですが、グローバルナビの各アイテム(サブアイテム含む)を、一部、別窓(別タブ)で開かせる方法はあるでしょうか?

      同サイト内へのリンクであれば同窓で良いのですが、自分が運営している別サイトへのリンクを別窓で開かせたいと考えています。

      ファイルのどこかに「target=”_blank”」を付け加えれば良いかと思い、色々とファイル内を探したのですが、どこに書けばよいかわかりませんでした。

      お忙しいところ、いつも大変申し訳ないのですが、何かアドバイスをいただけるととてもありがたいです。どうぞよろしくお願いいたします。

    • #28165
      アバター画像わいひら
      キーマスター

      子テーマのjavascript.jsにjQueryなどで属性を追加する処理を書けばいけるのではないかと思います。
      方法は、「jQuery 属性追加」などで調べてみてください。

    • #28170
      七瀬
      ゲスト

      わいひらさん、解決へのヒントをありがとうございました!
      「jQuery 属性追加」というのはまったく思いつかなかったので、早速検索し、現在、悪戦苦闘中です!

      私はずっとHTMLとCSSのみのサイトを作ってきて、jQueryやPHPというものについてはかなり初心者状態なのですが、HTMLだと単純に「target=”_blank”」と書き加えれば良かったものが、ワードプレスのようなPHPを使った高度なものはとても複雑なことをしなければいけないものなんだなと、わいひらさんのお答えを拝見して半ば愕然としました。

      便利なものを扱うには、それなりに裏の苦労があるものですね。

      でもこれも経験なので頑張ってみます。お忙しいところ、示唆を与えてくださって本当にありがとうございました!

    • #28171
      いのぽん
      ゲスト

      「ワードプレス メニュー 別窓」などで検索されると簡単にできるかと思います。

    • #28174
      七瀬
      ゲスト

      いのぽんさん、お返事いただきましてまことにありがとうございます!

      教えていただいた検索ワードで調べたところ、「うわぁーーーっ」と思いました。まさか「表示オプション」の中に「リンクターゲット」なるものがあるとはまったく思いもよりませんでした。

      あれだけ苦労して、なかなか思うように動かずジリジリしていたのが、スッとうまくいきました。本当に安堵して涙の出る思いです。ワードプレスというのも親切なところがあるんですね。

      おかげさまで前進できました。ご親切に助言いただき、まことにありがとうございました!

    • #28179
      Hidekichi
      ゲスト

      jQueryでのやり方を書いておきます。
      と思いましたがfiddleでサンプルを作っておきました。

      fiddleでのサンプル

      セレクタの指定方法は色々とありますので、必要なセレクタを何にするかで変わるかと思いますが、やり方はこんな感じです。
      外部のリンク(target=”_blank”のついてるもの)だけcssで赤色にしています。

    • #28185
      七瀬
      ゲスト

      Hidekichiさん、jQueryでのやり方を教えてくださってありがとうございます!!
      サンプルまで作っていただいて、とてもわかりやすくありがたかったです!

      Hidekichiさんに教えていただいたコードで試してみたところ、うまく別窓で開きました! 感激です!
      ネット上では、Hidekichiさんが書いてくださったような、「ある要素内の特定のリンクだけ別窓」にするやり方は載っていませんでした。「サイト内の外部リンクをすべて別窓」にする方法は色々な方が書いておられたため、それを参考に、どうにかならないかと試行錯誤していましたが、まったく動かず途方に暮れていました。

      ワードプレスの機能(表示オプションから別窓指定)を用いるやり方以外にも、こうしてjQueryによる実装方法も知ることができて本当にありがたいです。勉強になりました。ご丁寧に手を尽くしてくださって、本当にありがとうございました!

    • #28187
      Hidekichi
      ゲスト

      実は、class=”mes”の部分に、アドレスのソースを書きだそうと思いましたが、思ったようにできなかったのでcssで代用したことは秘密です(笑)

    • #28189
      Hidekichi
      ゲスト

      完成版: 思ったとおりにできたfiddle

      タグの内容を出力結果の下にリストで書き出しています。
      jQueryのターゲットセレクタのn-th:child(xxx)のxxxを変更したら、出力部分も変更されるはずです。

8件の返信スレッドを表示中
  • フォーラム「テーマファイルのカスタマイズに関する質問など」には新規投稿および返信を追加できません。
スポンサーリンク
アドセンス(大)
アドセンス(大)