ワードプレスの設定 a8.netのテキストリンクを改行させずに表示する方法

必ずもらえるAmazonギフト券1,000円分キャンペーン!★

2月1日(月) ~ 2月28日(日)の期間中にポイントインカムに当サイト経由で新規登録後、ポイント交換が完了すると、Amazonギフト券(1,000円分)が必ずもらえるキャンペーンを実施中です。

参照:ポイントインカムキャンペーン 必ずもらえるAmazonギフト券1,000円分キャンペーン!

2021年2月24日(水)13:00 ~ 2021年2月26日(金)17:00の期間中にポイントインカムのショッピング広告を利用すると、先着80人限定!Amazonギフト券1,000円分が2人に1人当たるキャンペーンを実施中です。

参照:ポイントインカムキャンペーン ショッピング広告の利用でAmazonギフト券1,000円分が2人に1人当たる!キャンペーン!

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="">

上記の様に、改行を削除することで、テキストリンクも改行されずに表示できるようになります。

コメント

タイトルとURLをコピーしました