URLリンクは新規ページで開き、記事内アンカーは新規ページを開きたくない

前提・実現したいこと

実現したいことは以下の２点です
・URLリンクは新規ページで開く
・記事内アンカーは新規ページを開きたくない

発生している問題

自分のwordpressでは毎回URLリンクを貼る際に
「新規ページで開く」と設定するのが面倒なので、
functions.phpに以下コードを追加しています。

php
1//リンクを開いた際に別タブで開くようにする
2function autoblank($text) {
3$return = str_replace('<a', '<a target="_blank"', $text);
4return $return;
5}
6add_filter('the_content', 'autoblank');

上記の設定のせいで、
以下ページを参考にして設定した際に
新規ページを開いてアンカー先にジャンプしてしまいます。
【WordPress】ページ内リンクとアンカーの設定方法

その回避方法を知りたく質問させていただきました。
自分でも引き続き解決方法を調べますが、
何卒宜しくお願いいたします。

行動規範の内容に同意します

回答3件

1.表示されるリンクタグ「すべて」が新規ページで開くPHPプログラム
2.このプログラムが「すべて」のページで適用されている

上記2点ですべてのaタグを強制的に書き換えているため、PHPプログラムを場合分けに修正しても、それがすべてに適用されてしまっては意味がない…と思いまして…

PHPで上記条件のHTMLが出力されてしまってから、jQueryでaタグをすべて確認し、ページ内リンクであればtarget="_blank"を削除する、というプログラムで考えてみました。
一度すべてのリンクにtarget="_blank"を付与してから、aタグを探して削除するという流れになるので、余計な処理が混ざってしまいますが…
下記をすべてのページに適用されるように挿入してみてください。

jQuery
1jQuery(function(){
2  $('a').each(function(){
3    var link = $(this).attr('href');
4    console.log(link);
5    if (link.indexOf("#") >= 0) {
6      $(this).removeAttr('target');
7    }
8  });
9});

※動くことが確認できたら console.log(link); は削除してしまってください。

投稿2021/09/06 03:52

編集2021/09/06 04:09

oran

総合スコア50

Risney

2021/09/06 08:37 編集

1点確認ですが、functions.phpに記載ではなく、以下の状態で<head></head>内に記載するということで良いでしょうか？ ```jQuery <script type="text/javascript"> jQuery(function(){ $('a').each(function(){ var link = $(this).attr('href'); console.log(link); if (link.indexOf("#") >= 0) { $(this).removeAttr('target'); } }); }); </script> ```

oran

2021/09/06 09:20

function.phpではないです。 headタグ内に直接書くのかどうかはWPテンプレートによってどこから編集するかのルールがあるのでお答えできないです。

Risney

2021/09/22 09:12

調べたところLionBlogの子テーマの場合は、親テーマから「header.php」をコピーしてきて実行するようなので、試してみたいと思います！

Risney

2022/06/17 02:12 編集

header.phpでできました！こちらの手違いで自分で解決にしてしまったのですが、 oran様のコードで解決いたしました。色々とお答えいただきありがとうございました。また何かあればよろしくお願いいたします。

行動規範の内容に同意します

add_filter('the_content', 'autoblank');を見落としていたため、削除しました。

投稿2021/09/05 04:14

編集2021/09/05 04:29

oran

総合スコア50

Risney

2021/09/06 01:45

ご回答ありがとうございます。もし、解決案が浮かんだ際はご教示いただければ幸いです。宜しくお願いいたします。

行動規範の内容に同意します

自己解決

oran様のご提案コードを
hedear.phpに以下貼り付けで対応

php
1<script type="text/javascript">
2jQuery(function(){
3$('a').each(function(){
4var link = $(this).attr('href');
5if (link.indexOf("#") >= 0) {
6$(this).removeAttr('target');
7}
8});
9});
10</script>