「メイド・イン・ヘブン」スキン適用中

Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

アフィリエイトリンクをHTMLで貼り付...
 
共有:
通知
すべてクリア

[解決済] アフィリエイトリンクをHTMLで貼り付けると、スキンの色がリンク付近に表示される現象について

7 投稿
3 ユーザー
4 Likes
953 表示
(@shozo1030)
Active Member Registered
結合: 4年前
投稿: 10
Topic starter  

わいひら様

いつもお世話になっております。

年始のお忙しい中失礼いたします。

タイトルの通り、アフィリエイト付近に四角の点がリンクを貼り付けると浮き出てしまう現象に困っています。

https://shozoblog.com/english-study-movie

この記事における下部のリンクの部分にその現象があります。

この現象は、数ヶ月前から他の記事にも存在していて自分で考えても解決しなかったので今回投稿しました。

プラグイン等はすべて無効化しましたが、解決しませんでした。

何卒よろしくお願いします。


   
トピックタグ
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16470
 

僕のWindows環境のFirefoxとChromeでは表示されていないように見えます。


   
みるみ
(@mirumi)
Reputable Member Registered
結合: 5年前
投稿: 292
 

こんにちは。

アフィリエイトリンクには1px四方などで見えないimgタグ(画像のこと)が含まれているのが普通です。環境や設定によってはその画像が見えるような状態になってしまうことがあります(よくあるのは画像に影を付けるようなデザインで浮き出てしまうパターン)。

質問者さんのサイトを見たところ、「影」ではなく「枠の線」によってそれが出てしまっているようですね。

手っ取り早く直すには、子テーマのCSSに

.iwe-border-bold img, .iwe-border-bold amp-img {
    border: none;
}

を追記してみてください。

使用しているスキン?やカスタマイズ状況などによっては、他の画像の薄いグレーの枠線が消えてしまうかもしれません(同じ記事内に画像が1つもなかったので確認してません。それが嫌な場合は、先程の「border:none;」をアフィリエイトリンクのimgタグにインラインで追記してください)。

ちなみにこの1px画像を消すのはアフィリエイトの収益発生に関わるのでやめましょう。自分のブログで手前味噌ですが、詳しい内容は下記にまとめています。良ければご一読ください。

https://milmemo.net/affiliate-1px-img

 


   
わいひら reacted
みるみ
(@mirumi)
Reputable Member Registered
結合: 5年前
投稿: 292
 

わいひらさん、すみません、かぶりましたね…m(__)m


   
みるみ
(@mirumi)
Reputable Member Registered
結合: 5年前
投稿: 292
 

わいひらんへ追記:
どうやら広告ブロック機能(Adblock Plusなど)が働いているとそもそも表示されないようでした。僕も始めて知りました。広告扱いされてそもそもimgタグが非表示になっているようですね。


   
わいひら reacted
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16470
 

確かに。
広告ブロックを無効にすると、表示されました。
インプレッション画像にスタイルがついてしまっているんですね。


   
(@shozo1030)
Active Member Registered
結合: 4年前
投稿: 10
Topic starter  

 

わいひらさん、みるみさん

早急な対応大変ありがとうございます!

子テーマにCSSを追加しましたらなくなりました!

ありがとうございます。


   
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

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