Simplicityの特徴 › フォーラム › テーマファイルのカスタマイズに関する質問など › グローバルナビのアイテムを別窓で開かせたい
- このトピックには8件の返信、2人の参加者があり、最後に
Hidekichiにより11年、 4ヶ月前に更新されました。
-
投稿者投稿
-
-
2015年6月22日 9:10 PM #28160
七瀬
ゲストわいひらさんこんばんは! いつもお世話になっております。Simplicity、毎日大変ありがたく使わせていただいています。
ところで質問なのですが、グローバルナビの各アイテム(サブアイテム含む)を、一部、別窓(別タブ)で開かせる方法はあるでしょうか?
同サイト内へのリンクであれば同窓で良いのですが、自分が運営している別サイトへのリンクを別窓で開かせたいと考えています。
ファイルのどこかに「target=”_blank”」を付け加えれば良いかと思い、色々とファイル内を探したのですが、どこに書けばよいかわかりませんでした。
お忙しいところ、いつも大変申し訳ないのですが、何かアドバイスをいただけるととてもありがたいです。どうぞよろしくお願いいたします。
-
2015年6月22日 9:46 PM #28165
わいひらキーマスター子テーマのjavascript.jsにjQueryなどで属性を追加する処理を書けばいけるのではないかと思います。
方法は、「jQuery 属性追加」などで調べてみてください。 -
2015年6月22日 11:15 PM #28170
七瀬
ゲストわいひらさん、解決へのヒントをありがとうございました!
「jQuery 属性追加」というのはまったく思いつかなかったので、早速検索し、現在、悪戦苦闘中です!私はずっとHTMLとCSSのみのサイトを作ってきて、jQueryやPHPというものについてはかなり初心者状態なのですが、HTMLだと単純に「target=”_blank”」と書き加えれば良かったものが、ワードプレスのようなPHPを使った高度なものはとても複雑なことをしなければいけないものなんだなと、わいひらさんのお答えを拝見して半ば愕然としました。
便利なものを扱うには、それなりに裏の苦労があるものですね。
でもこれも経験なので頑張ってみます。お忙しいところ、示唆を与えてくださって本当にありがとうございました!
-
2015年6月22日 11:51 PM #28171
いのぽん
ゲスト「ワードプレス メニュー 別窓」などで検索されると簡単にできるかと思います。
-
2015年6月23日 1:24 AM #28174
七瀬
ゲストいのぽんさん、お返事いただきましてまことにありがとうございます!
教えていただいた検索ワードで調べたところ、「うわぁーーーっ」と思いました。まさか「表示オプション」の中に「リンクターゲット」なるものがあるとはまったく思いもよりませんでした。
あれだけ苦労して、なかなか思うように動かずジリジリしていたのが、スッとうまくいきました。本当に安堵して涙の出る思いです。ワードプレスというのも親切なところがあるんですね。
おかげさまで前進できました。ご親切に助言いただき、まことにありがとうございました!
-
2015年6月23日 8:48 AM #28179
Hidekichi
ゲストjQueryでのやり方を書いておきます。
と思いましたがfiddleでサンプルを作っておきました。セレクタの指定方法は色々とありますので、必要なセレクタを何にするかで変わるかと思いますが、やり方はこんな感じです。
外部のリンク(target=”_blank”のついてるもの)だけcssで赤色にしています。 -
2015年6月23日 12:03 PM #28185
七瀬
ゲストHidekichiさん、jQueryでのやり方を教えてくださってありがとうございます!!
サンプルまで作っていただいて、とてもわかりやすくありがたかったです!Hidekichiさんに教えていただいたコードで試してみたところ、うまく別窓で開きました! 感激です!
ネット上では、Hidekichiさんが書いてくださったような、「ある要素内の特定のリンクだけ別窓」にするやり方は載っていませんでした。「サイト内の外部リンクをすべて別窓」にする方法は色々な方が書いておられたため、それを参考に、どうにかならないかと試行錯誤していましたが、まったく動かず途方に暮れていました。ワードプレスの機能(表示オプションから別窓指定)を用いるやり方以外にも、こうしてjQueryによる実装方法も知ることができて本当にありがたいです。勉強になりました。ご丁寧に手を尽くしてくださって、本当にありがとうございました!
-
2015年6月23日 2:59 PM #28187
Hidekichi
ゲスト実は、class=”mes”の部分に、アドレスのソースを書きだそうと思いましたが、思ったようにできなかったのでcssで代用したことは秘密です(笑)
-
2015年6月23日 4:10 PM #28189
Hidekichi
ゲスト完成版: 思ったとおりにできたfiddle
タグの内容を出力結果の下にリストで書き出しています。
jQueryのターゲットセレクタのn-th:child(xxx)のxxxを変更したら、出力部分も変更されるはずです。
-
-
投稿者投稿
- フォーラム「テーマファイルのカスタマイズに関する質問など」には新規投稿および返信を追加できません。