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

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

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

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

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

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

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

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

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

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

・・・・・

「公開」ボタンをポチ

・・・・・・

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

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

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

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

「更新」ボタンをポチ

・・・・・・・

ん！！？おかしいぞ！！

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

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

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

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

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

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

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

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

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

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

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