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

質問はツイッターで!https://twitter.com/okane_sun

★ポイントインカムキャンペーン ポタ友スタートダッシュキャンペーン★

2024年3月1日(金) ~ 2024年3月31日(日)の期間中にポイントインカムに当サイト経由で新規登録後、期間中に合計10,000pt以上の広告を利用し、期間中に利用した広告が2024年5月31日までに承認されると最大2,000円分のポイントがもらえるキャンペーンです。

参照:ポイントインカムキャンペーン ポタ友スタートダッシュキャンペーン

ゲームで遊んでお小遣い稼ぎ!下記案件は当サイト特典で公式サイトから利用するより高単価報酬がもらえる特別URL付き!

参照:ポイントサイトを経由してロードモバイルをお得に利用する方法(攻略方法付き)
参照:ポイントサイトを経由して三國志 真戦をお得に利用する方法(攻略方法付き)
参照:ポイントサイトを経由してライフアフターをお得に利用する方法(攻略方法付き)
参照:ポイントサイトを経由してエバーテイルをお得に利用する方法(攻略方法付き)

★【特別URL】3/31までの高還元!SBI証券 口座開設完了で7600円★

SBI証券 口座開設完了で7600円もらえる特別URLは、コチラ
76,000pt (7,600円分)
■獲得条件: 新規口座開設完了

参照:ポイントサイトを経由してSBI証券をお得に口座開設する方法(口座開設方法つき)

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をコピーしました