テキストタイプのアフィリエイトリンクを貼る時に、勝手に改行されちゃうことありませんか？
例えば、アフィリエイトをする方はA8.net
に登録しましょう！
っという感じに、リンクの後に文字を入れたいのに強制的に改行されてしまうなんてことありますよね。
本当だったら、アフィリエイトをする方はA8.netに登録しましょう！ってな感じに続けて表示させたいですよね！
そんな困ってる方への解決策を載せています。
なぜ勝手に改行されてしまうのか
原因が分からないと、何が原因で修正できたのかが分からないので一緒に覚えちゃいましょう。
アフィリエイトリンクのリンクを貼り付ける時は
こんなような感じでそのまま貼り付けますよね。
基本的にタグで改行される場合は、<br>もしくは<p>のタグを使うのですがコードを見ると全くありませんね。
実はこの３行目にある<img border~ で始まる<img>タグと言われるところが原因の１つです。
この<img>の中に、高さ1px、幅1pxの画像が配置されているんです。
これはクリックした回数や表示回数を計測するために必要な画像なのですが、これが邪魔して改行されてしまいます。
そしてその<img>がブロックレベル要素で設定されているのが原因です。
CSSで確認すると「img {display: block;}」に設定されているのです。
これを解除すれば問題は解決します。
なので、一般的なブラウザで見ると改行されるようになります。
強制改行されないようにする方法
アフィリエイトのテキストリンクを強制改行されないようにするには、ブロックレベル要素を解除することなのでCSSの設定を変更する必要があります。
では、スタイルシートにブロック要素を削除するコードを追加します。
.d-inline > img {display: inline-block !important;}
上記のコードをコピーしましょう。
コピーしましたら、Wordpressの管理画面を開き「外観→テーマの編集」に移りスタイルシート編集画面を出してください。
編集画面を出しましたら、コピーしたコードを貼り付けましょう。
そうしましたらアフィリエイトのリンクを、追加した下記のタグで囲みます。
<span class="d-inline">リンク</span>
このリンクの所に、表示させたいアフィリエイトリンクを貼りましょう。
そうすることにより、アフィリエイトリンクの後に文字を入力することができます。
成功すればこんな感じです！
アフィリエイトをするときはA8.net
を登録しましょう。
やってみたけど成功しない場合
やってみたけど改行されるよって方は、普通の改行を見落としている可能性があります。
いやいや、見落としていないよって方も絶対確認してみてください。
そのままアフィリエイトリンクを張ってしまうと、右端が空白になっているのが分かります。
ここが改行されているので、ここの改行を削除しましょう。
この状態をサイト上のコードをよく確認するとどうなるかというと
こんな感じになっています。
真ん中に<br>が入っているのが分かりますでしょうか。
これが改行されている原因です。
なので必ずこの改行を削除しましょう！
そうすれば完璧です。
毎回コピペして貼るのはめんどくさいという方へ
毎回コードをコピペするのはめんどくさいですよね。
そんな方は、Wordpressのプラグインで「Add Quicktag」というのがあります。
これを使用すればワンボタンで使うことができます！
プラグインをインストールしたら
設定の中にある、AddQuicktagを開いてください。
そうしたら
このように入力しましょう。
そうすると記事を書く欄の、リンクを貼ったりするツールの所に「Quicktags」というボタンが追加されています。
リンクを選択したのち、「リンク改行阻止」を選んであげれば勝手にタグが挿入されます。
アフィリエイトリンクの改変は禁止されている
アフィリエイトリンクの改変は基本的に禁止されている場合が多いです。
この変更する方法に関しては「[Stinger5] テキストタイプのアフィリエイトリンクがimgタグで勝手に改行される – 黒猫さんぽみち」さんの方法を参考にさせて頂いております。
リンク先でも書いてありますが
そのため、使用は自己責任でお願いいたします。
※追記：現在私は使わないようにしました。改行されたまま使っています。
ここを必ず理解してからご使用してください。
まとめ
最後にも書きますが、使用は自己責任でお願いいたします。
多くのアフィリエイターがこのテクニックを使っているのを見かけますが、１００％大丈夫という保証はありません。
ですが、この方法を使わなければかなり不自然な文章になってしまいますので、困っていた方は是非参考にしてみてください。
貼る広告によっても違ったりするので、不安な方は必ず確認を取ってください。