楽天アフィリエイトの画像が表示されない現象の対応

楽天アフィリエイトの画像が表示されない現象の対応

ウェブサイト運営初心者丸出しなのですが、この記事の初稿少し前にアフィリエイトに参加しました。

まずは、楽天アフィリエイトに参加しました。

記事もかけたし、オススメのグッズを紹介したいなと思い、さぁ楽天楽天・・・っと颯爽と楽天アフィリエイトのサイトに飛び込み、お目当ての商品を検索。

前に買ったものなのですぐに見つかる。

いろいろなサイトを見ながら、学習したのですが、どうやらHTMLコードを貼り付けるらしいということがわかりました。ここら辺から初心者感が噴き出しています。

スポンサーリンク
learge-AdSense

Word Pressでのコードの貼り付け方

こんなこと「常識やろ」と思っている方がほとんどかと思いますが、それが初心者なのです。

何から何までわからない。今までテキストをパチパチ入力していただけなのですから。

「えっ?今打っているここにコピペするの!?」

・・・・・

「公開」ボタンをポチ

・・・・・・

反映されません。当然ですね。
これはビジュアルモードです。

アフィリエイトのコードはテキストモードに記述(貼り付け)する必要があります。
今書いているこの枠の右上の「テキスト」タブをクリックすれば、ズラズラーとコードが書いてあります。ここの好きな場所に、楽天アフィリエイトで取得したコードを貼り付けるだけです。

初心者にはこんなことも気づかないんですよ。

テキストモードのナビゲーション

画像が表示されない!?

無事コードも貼れて、「ビジュアル」タブに切り替えて、見てみるとおおー。きれいに貼れている。よしよし。

「更新」ボタンをポチ

・・・・・・・

ん!!?おかしいぞ!!

商品画像が表示されていません。商品紹介の文字(リンクになっている)だけが表示されています。どうしたのだろう。楽天の設定がおかしいのか・・・どうしたのだろう・・・

解決方法

いろいろ調べ、めぼしいところだと

  • キャッシュが原因ではないか ⇒ キャッシュを削除
  • Lazy Loadが原因ではないか ⇒ Lazy Loadを無効化

という対応方法があり、試してみましたが改善しませんでした。

ちなみにLazy Loadの無効化は、「外観」>「カスタマイズ」をクリックしてカスタマイザを開き、「画像」を選択します。
その中の「Lazy Loadを有効化(画像の遅延読み込み)」と「Lazy Loadのエフェクトを有効」のチェックをはずします。

↓のようにLazy Loadにかかわる箇所のチェックをはずします。

Lazy Loadのナビゲーション

少し横道にそれましたが、キャッシュを削除しても、Lazy Loadを無効にしても変わらずダメでした。

だんだん面倒臭くなってきた頃、改めてうまくいっていない部分を見てみると、リンクのテキスト部分に横スクロールが付いていることに気がつきました。

もしやと思い、表を云々という設定個所があったという記憶を思い出しました。

実際、その設定を無効化したら、無事うまく画像が表示されるようになりました

「外観」>「カスタマイズ」をクリックしてカスタマイザを開き、「レイアウト(投稿・固定ページ)」を選択します。下の方の「大きな表は横スクロール」のチェックを外します。これだけでした(笑)

横スクロール設定のナビゲーション

少しWord Pressをやられている方からしてみれば、アホみたいな内容ですが、ここ数日心労が耐えませんでした。
私のような初心者の方のお役に立てればと思い、今回の記事を書きました。ご参考に。

スポンサーリンク
learge-AdSense
learge-AdSense

シェアする

フォローする