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

更新情報はツイッターで!https://twitter.com/okane_sun

2022年12月31日(土)までに当サイト経由でポイントインカムに新規登録後2023年1月31日迄に会員ステータスがアップすると、ボーナスポイントがもらえるキャンペーンです。

参照:ポイントインカム ランクアップキャンペーン

★抽選で購入金額の20%分がポイントが戻ってくる!キャンペーン★

2022年11月14日(月) ~ 12月14日(水)の期間中にポイントインカムでサービス広告もしくはショッピング広告を利用するだけで、20回に1回の確率で購入金額の20%分ポイントバックされるキャンペーンを実施中です。

参照:ポイントインカム 抽選で購入金額の20%分がポイントが戻ってくる!キャンペーン

毎月5日~9日はポン活!

warauにてSNSお友達紹介キャンペーンみんなのポン活報告会!を実施中です。投稿&エントリーで50円必ずもらえます!ワラウを紹介するだけで50円もらえるのでお勧め!

参照:ワラウ SNSお友達紹介キャンペーン みんなのポン活報告会!

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