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

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

★ポイントインカムキャンペーン 必ずもらえるAmazonギフト券1,000円分キャンペーン!(ポタ友応援キャンペーン)★

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

当サイト経由でポイントインカムに登録するだけで300円もらえるので後200円稼ぐだけ!
IOSなら、TikTokで即550円もらえる!【特別URL】楽天マガジン 31日間無料なら350円もらえる!※当サイト限定!

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

★アマギフプレゼントキャンペーン★

お金を稼ぐ道しるべ

当サイトは、毎月ネットでお金を稼ぐ具体的な方法を紹介します。 ネットでお金を稼ぐ下準備 レッスン1 ネットでお金を稼ぐ レッスン2 ネットでお金を稼ぐ準備をする メールアドレス編 レッスン3 ネットでお金を稼ぐ準備をする 無料ブログ編 レッ…

企画

Amazonギフト券500円×1人
Amazonギフト券100円×9人
※当選者にはDMでお知らせ
@okane_sunをフォロー必須

【応募方法】
①固定ツイートのRTといいね
②この投稿のRTといいね
締切 7/31 23:59〆

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

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

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 border="0" 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 border="0" width="1" height="1" src="https://www17.a8.net/0.gif?a8mat=※※※※" alt="">

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

コメント

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