こういうことでしょうか？

1. アフィリエイトタグに URL だけを書く。この時作られたショートコードは [affi id=5] だとします。
2. この [affi id=5] を画像のリンクとして使う。添付画像をご参考ください。

もし、この使い方で間違いなければ、使っても問題ないと思います。当たり前の使い方かと言われると疑問には感じますが、問題は発生しません。<a> の子要素を好きなように書けるアフィリエイトであれば、便利な使い方だなと思いました。

そもそも、ショートコードがWEBサイトの中でどのように使われているのかが分かっていれば、質問しないで済んだかもしれません。

今回のケースの画像のリンクとしてショートコードを使う場合、サーバーで処理する時にこのようなことが起こります。

まず、最初は HTML がこうなっています。画像 <img> の親要素が <a> になり、その <a> の href 属性はショートコードです。

<figure>
  <a href="[affi id=5]">
    <img 以下省略>
  </a>
</figure>

これがサーバーで処理する時に、アフィリエイトタグで登録した URL に変わります。

<figure>
  <a href="https://px.a8.net/svt/ejp?a8mat=3HBTF1+A65UA1+46S1+5YZ71">
    <img 以下省略>
  </a>
</figure>

ですので問題ありません。ただし、URL だけをアフィリエイトタグに登録することが必須です。<a> などの HTML は書かないように気を付けないといけません。

AKIRA様

お返事ありがとうございます。

すごい分かりやすく説明していただき、ありがとうございます。

凄く助かりました。サーバーでショートコードが展開されるところは知りませんでした。

ところで、

お返事をいただいてから、例えばですが、 [affi id=5] こちらのようなショートコードを画像にリンクした所、上手く行きました。

それでは、テキストもできるだろうと思ったら、テキストの方はうまく行きませんでした。

そこで、コードエディタをみると

テキストの方からリンクをすると下のように [affi id=5]の前に http://が付くような仕様になっているようで、これが原因でうまく行きませんでした。

http://[affi id=5]

試しに、コードエディタ上で http://を消して、 [affi id=5]だけにしたら、うまく行きました。

という事で、

現在の仕様では、アフィリエイトのショートコードは、そのままテキストのリンクには使えないようです。

テキストのリンクの方にも使えるようにしていただけなかなぁ～と思っている所です。

テキストのリンクに関してSearch　regexでする事はできると思いますが、アフィリエイトのショートコードのほうで、リンクの貼り換えの管理ができる方が安心感があります。

もしくは、毎回、コードエディアを開いて http://を消す方法もありますが、コードエディタ内でhttp://を探すのも手間がかかります。

もうちょっとで、アフィリエイトのリンク替えがめちゃくちゃ効率アップできるんですがね。

AKIRA様　改めて、お返事ありがとうございました。

今後ともよろしくお願いいたします。

とみ

@tomisan さん

本当ですね。なぜ画像のリンクとテキストのリンクとで動作が違うんだ。

検索したところ、Tomisan さんと同じショートコードの使い方で http: を付けない方法を知りたいとの質問がありました。

How to add links without “http” from the visual editor?

答えは、独自のフィルターを作ればいいよとのことです。ですので、子テーマの functions.php に以下のコードを追加するといいかもしれません。

function remove_http_from_link_shortcode( $content ) {
  return str_replace(
    ['http://http', 'https://http'],
    'http',
    $content
  );
}

add_filter( 'the_content', 'remove_http_from_link_shortcode', 11 );

本文にある http://http と https://http を http に変換します。これで余計な http:// はなくなると思います。

AKIRA様

お返事とアドバイスありがとうございます。

調べて頂き誠に感謝です。

また、貴重なお時間を割いていただき、大変、恐縮です。

この問題は、ワードプレス本体の方の問題だったんですね。

ワードプレスの海外ページから解決策を見つけ出すなんて、すごいです。

アドバイスの通りに子テーマの functions.php にコードを追加したいと思います。

アドバイス、本当にありがとうございました。

テスト後にまた、コメントさせていただきます。

今後ともよろしくお願いいたします。

トミ

@akira AKIRA様　

テストした結果、うまく作動しました。

コードまで作っていただき、大変、恐縮ですが、本当にありがとうございました。

大変、感謝しております。

今後ともよろしくお願いいたします。

トミ