a8.netのテキストリンクを改行させずに表示する方法
a8.netのテキストリンクを掲載すると、テキストリンクの後が改行されてしまいます。そこで、設定をすることで改行させないようにする方法を紹介します。
①スタイルシートに下記の記述を貼りつける
ワードプレスのスタイルシートに下記の記述を貼りつけます。
/* テキストリンクを改行させない */
.img-inline > img {
display: inline !important;
}
②テキストリンク（アフィリエイトリンク）を下記のコードで囲います
a8.netのテキストリンクを下記のコードで囲います。
<span class="img-inline">a8.netのアフィリエイトのコード</span>
上記でa8.netのテキストリンクが改行されずに表示されるようになります。
それでも改行されない場合は、改行（スペース）を削除する
上記の2つの設定をしたにも関わらず、a8.netのテキストリンクが改行されている場合は、「aタグ」と「imgタグ」の間の改行を削除してつなげます。
<a href="https://px.a8.net/svt/ejp?a8mat=※※※※" rel="nofollow">テキスト名</a>
<img width="1" height="1" src="https://www17.a8.net/0.gif?a8mat=※※※※" alt="">
上記の様に、「aタグ」と「imgタグ」の間で改行されているので、改行を削除します。
<a href="https://px.a8.net/svt/ejp?a8mat=※※※※" rel="nofollow">テキスト名</a><img width="1" height="1" src="https://www17.a8.net/0.gif?a8mat=※※※※" alt="">
上記の様に、改行を削除することで、テキストリンクも改行されずに表示できるようになります。
コメント