ブログのアフィリエイター必須のサービスA8.net
このA8.netなどのアフィリエイトでテキストリンクがありますが、普通に挿入すると勝手に改行されませんか？
スマホ広告でお馴染みのnend
にネイティブアドが登場しました。
こんな感じです。
A型の僕にとってはとっても気になります。
これの解消方法をご紹介します。
目次
一般的に紹介されている解消方法
こちらの記事を参考にさせて頂きました。
[Stinger5] テキストタイプのアフィリエイトリンクがimgタグで勝手に改行される
細かい説明は置いておいて下記のように修正。
CSSの一番下に下記コードを追記
|
1 2 3 4 |
/* CSS アフィリエイトのテキストリンクをインライン要素にする */ .d-inline > img { display: inline !important; } |
掲載したいアフィリエイトリンクをこのコードで囲む
|
1 |
<span class="d-inline">アフィリエイトリンク</span> |
これで解消されましたでしょうか？
ほとんどの人は解消されるみたいですが、僕はなぜだか解消されず、、、。
まだ改行されちゃうよー！！というあなたへ
そんなあなたに別の方法をご紹介。
CSSの一番下に下記コードを追記
|
1 |
.inline-img img { display: inline!important; } |
掲載したいアフィリエイトリンクをこのコードで囲む
|
1 |
<span class="inline-img">アフィリエイトリンク</span> |
いかがでしょうか？
違いは正直よく分かりませんが、僕はこれで解消されました。
スマホ広告でお馴染みのnend
こんな感じです。
wordpressは色々とカスタマイズするので、きっと色々と干渉してるんだろうなぁ。
ちなみに、毎回コードを打つのが面倒なので、「AddQuicktag」を使うと超便利ですよ！！
ご参考に！！
