楽天の変なスペース - ねこのしりあな

とてつもなくニッチな記事。

誰の為って私と同じようにコードに疎い人用。

これは引っ越しに伴ってWordPressに移った時に貼っていた楽天の商品リンク画像に変なスペースが入ってたのを解決する方法。もっといい方法があるんだと思う。が、これが私の限界。

↓まともな状態の商品リンク

【300円OFF★楽天スーパーSALE価格復活】4種ナッツ 700g ミックスナッツ無塩有塩が選べるラッキーミックスナッツ 4種ミックスナッツ送料無料無添加 [ アーモンドくるみカシューナッツマカダミアナッツファスティングポスト投函簡易包装訳あり ]

楽天で購入

↓変なスペース入った時

楽天で購入

こんな風になってた。何が原因でこうなってるのか、よく分かりません。ただ、ビジュアルで編集（スペース箇所を削除）しても再編集するとスペースが復活してるんだよ。ゾンビが如く。

これを修正するには「HTMLとして編集」してや の無駄な段落タグを消してあげればよい。タグでスタイルが入ってる箇所は消しちゃだめ。※ はHTMLで半角スペースを付けるコード。

<table>
  <tr>
    <td style="width:300px"> <a href="https://hb.afl.rakuten.co.jp/ichiba/********.********.********.********/?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fshizennoyakata%2Fmixnutsofaphantom-spsale%2F&link_type=picttext&ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJwaWN0dGV4dCIsInNpemUiOiIzMDB4MzAwIiwibmFtIjoxLCJuYW1wIjoicmlnaHQiLCJjb20iOjEsImNvbXAiOiJkb3duIiwicHJpY2UiOjAsImJvciI6MSwiY29sIjoxLCJiYnRuIjoxLCJwcm9kIjowLCJhbXAiOmZhbHNlfQ%3D%3D" target="_blank" rel="nofollow sponsored noopener" style="word-wrap:break-word;"><img src="https://hbb.afl.rakuten.co.jp/hgb/2010fe67.6b693e46.2010fe68.c8efe50d/?me_id=1207342&item_id=10007292&pc=https%3A%2F%2Fthumbnail.image.rakuten.co.jp%2F%400_mall%2Fshizennoyakata%2Fcabinet%2Fitem_img%2Fsaleitem%2F1299_mixednutsr.jpg%3F_ex%3D300x300&s=300x300&t=picttext" border="0" style="margin:2px" alt="" title="">
   </a> </td>
    <td style="vertical-align:top;width:308px;">
      <p></p><!-- 不要な<p>タグは削除 -->
      <p style="font-size:12px;line-height:1.4em;text-align:left;margin:0px;padding:2px 6px;word-wrap:break-word"> <a href="https://hb.afl.rakuten.co.jp/ichiba/********.********.********.********/?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fshizennoyakata%2Fmixnutsofaphantom-spsale%2F&link_type=picttext&ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJwaWN0dGV4dCIsInNpemUiOiIzMDB4MzAwIiwibmFtIjoxLCJuYW1wIjoicmlnaHQiLCJjb20iOjEsImNvbXAiOiJkb3duIiwicHJpY2UiOjAsImJvciI6MSwiY29sIjoxLCJiYnRuIjoxLCJwcm9kIjowLCJhbXAiOmZhbHNlfQ%3D%3D" target="_blank" rel="nofollow sponsored noopener" style="word-wrap:break-word;">【300円OFF★楽天スーパーSALE価格復活】4種ナッツ 700g ミックスナッツ 無塩 有塩が選べる ラッキーミックスナッツ 4種ミックスナッツ 送料無料 無添加 [ アーモンド くるみ カシューナッツ マカダミアナッツ ファスティング ポスト投函 簡易包装 訳あり ]
     </a> </p>
      <p></p><!-- 不要な<p>タグは削除 -->
      <div style="margin:15px;"> <a href="https://hb.afl.rakuten.co.jp/ichiba/********.********.********.********/?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fshizennoyakata%2Fmixnutsofaphantom-spsale%2F&link_type=picttext&ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJwaWN0dGV4dCIsInNpemUiOiIzMDB4MzAwIiwibmFtIjoxLCJuYW1wIjoicmlnaHQiLCJjb20iOjEsImNvbXAiOiJkb3duIiwicHJpY2UiOjAsImJvciI6MSwiY29sIjoxLCJiYnRuIjoxLCJwcm9kIjowLCJhbXAiOmZhbHNlfQ%3D%3D" target="_blank" rel="nofollow sponsored noopener" style="word-wrap:break-word;"><img src="https://static.affiliate.rakuten.co.jp/makelink/rl.svg" style="float:left;max-height:27px;width:auto;margin-top:5px">
     </a>
        <p>&nbsp;</p><!-- 不要な<p>タグは削除 -->
        <a href="https://hb.afl.rakuten.co.jp/ichiba/********.********.********.********/?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fshizennoyakata%2Fmixnutsofaphantom-spsale%2F%3Fscid%3Daf_pc_bbtn&link_type=picttext&ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJwaWN0dGV4dCIsInNpemUiOiIzMDB4MzAwIiwibmFtIjoxLCJuYW1wIjoicmlnaHQiLCJjb20iOjEsImNvbXAiOiJkb3duIiwicHJpY2UiOjAsImJvciI6MSwiY29sIjoxLCJiYnRuIjoxLCJwcm9kIjowLCJhbXAiOmZhbHNlfQ==" target="_blank" rel="nofollow sponsored noopener" style="word-wrap:break-word;">
          <div style="float:right;width:50%;height:32px;background-color:#bf0000;color:#fff!important;font-size:14px;font-weight:500;line-height:32px;margin-left:1px;padding: 0 12px;border-radius:16px;cursor:pointer;text-align:center;">楽天で購入 </div>
        </a>
      </div><br>
      <p style="color:#000000;font-size:12px;line-height:1.4em;margin:5px;word-wrap:break-word"> </p>
    </td>
  </tr>
</table>