黒猫さんぽみちMENUホームツイッター懸賞ツール生活に役立つ情報WordPressStinger5アフィリエイトお問い合わせ役に立つ情報、楽しい情報を発信するブログです。テキストタイプのアフィリエイトリンクがimgタグで勝手に改行される2014/12/01Tweet002023このブログのテーマ(テンプレート)はStinger5を使わせてもらっています。デザインが格好良くて気に入っているのですが、一つ困ったことがありました。Amazonアソシエイトなどで発行したテキストタイプのアフィリエイトリンクを設置すると、なぜか勝手に改行されてしまうということ。文中にテキストタイプのリンクを入れたかったので、どうにか改行しないようにできないか方法を考えました。アフィリエイトリンクの改変はやめておいたほうがいい勝手に改行される現状WordPressの投稿画面で、A8.netのアフィリエイトリンクを書き込んでみました。文章とタグの間は空けずに入力し、タグの間にある改行も無くしています。プレビューすると、このようにアフィリエイトリンクの直後で改行されてしまいます。ソースを確認しても、brタグやpタグといった改行に関係するタグが勝手に付与されているわけではありませんでした。タグの詳細を「要素の検証」で確認してみます。block;(ブロックレベル要素)に指定されていました。アフィリエイトリンクの後ろにくっついているimgタグは、高さ1px、幅1pxの透明なGIF画像で、画面には表示されません。リンクの表示回数やクリック数などを計測するための物です。このimg要素がブロックレベル要素に指定されているので、(見えない)画像の前後に改行が入ることになってしまいます。テキスト+リンクテキスト(改行)GIF画像(縦横1pxの見えない画像)(改行)テキストこのような構成になって、画像部分の行は高さが1pxしかありませんので、見かけ上は「1回改行してるように見える」ということになります。いうことで、原因は「imgタグがブロック要素になっているから」なので、これをなんとかすれば良さそうですね。次の方法を採用することにしました。!important;}アフィリエイトリンクをspanタグで囲ってclassを指定し、その中のimg要素をCSSでインライン要素に指定する、という方法です。実際に先ほどのリンクをspanタグで囲ってみます。プレビューしたところです。改行が無くなりました。これでテーマStinger5の文章中に違和感無くテキストリンクを設置することができます。この方法は、テキストリンクを使った時に毎回spanタグを付けないといけないので、プラグインAddQuickTagでボタン登録しておくと良いでしょう。上記は「アフィリエイト野郎」さんの記事で、リンクの改変やリダイレクトについて調査した結果を詳細に公開されています。基本的にどのASP(アフィリエイトサービスプロバイダ)でも、アフィリエイトリンクの改変は禁止されていたり、サポート外となっていることが多いです。勝手に改変すると報酬が発生しなくなる可能性もありますので、できるだけ生成されたリンクはそのまま使用するようにしましょう。※この記事の方法なら問題無いと思いますが、使用は自己責任でお願いします。アフィリエイトスポンサーリンクTweet002023黒猫さんぽみちもしも記事がお役に立ったら、ぜひぜひシェアしていただけるとうれしいです。PMsitingerにアドセンスとアフィリエイトを並べたいのですが、うまくできません。CSSのどのあたりにそのコードを追加したら良いのか教えて頂けるとうれしいです。PMこやさん、ブログをご覧いただいてありがとうございます。sitingerにアドセンスとアフィリエイトを並べたいたぶん、記事下のことと推察してお話をしていきますね。「記事の下に、アドセンス広告と、他のアフィリエイト広告を並べたい」ということで。CSSのどのあたりにそのコードを追加したら良いか広告コードは通常、CSSファイルではなく、PHPファイルに記述します。(WordPressの場合)個別記事の記事下なら、single.phpに記述します。stinger5にアドセンスを設置する場合、ウィジェットを使っていることが多いと思います。「Googleアドセンス用336px」など)これを使っている場合、PC表示は336*280pxのアドセンス広告が縦にふたつ並びます。単一記事の投稿(single.php)と移動します。その中の以下の部分が、記事下のアドセンスを表示しています。?></div>アドセンスと並べて、他のアフィリエイトリンクを設置したいなら、このコードの上か下に設置する感じになると思います。アフィリエイトリンクのタグコードを記述して、ファイルを更新すれば反映されます。注意点は・必ず作業前にバックアップする・全記事に同じアフィリエイトリンク(画像)が表示される・アフィリエイトリンク(画像)のサイズによっては、スマホではみ出すことがある・ほんとは子テーマでカスタマイズしたほうがいい特にバックアップだけはちゃんと取ってからカスタマイズしましょう。AM返信ありがとうございます!!!とっても詳しく書いてくださって助かりました。やってみます!!ありがとうございます。コメントをキャンセルメールアドレスが公開されることはありません。date*日本語が含まれない投稿は無視されますのでご注意ください。[Stinger5]アドセンスのレスポンシブ広告ユニットを設置する方法を説明していきます。...AmazonアソシエイトのトラッキングID追加は複数サイトなら必須!AmazonアソシエイトにはトラッキングIDという物があります。Stickが届きました。...Amazonプライムビデオの評価と使い方。iOSやPS4アプリでも快適に見れたよ2015年9月24日に、いよいよサービスが始まったAmazonプライムビデオ。...Amazonパントリーとは?使い方や、安いのか、メリットなどを調べますAmazonが2015年9月15日に開始した新サービス、Amazonパントリー。...運営者こんにちは。楽しいことが大好きです。サッカー、野球、フィギュアスケート、相撲あたりをよく見ます。このブログは、WordPress関連、便利ツール、スポーツ、懸賞、楽しいこと、興味のあることを書いていくブログです。テキストタイプのアフィリエイトリンクがimgタグで勝手に改行される役に立つ情報、楽しい情報を発信するブログです。Reserved.プライバシーポリシーTop。