楽天の変なスペース

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

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

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

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

↓変なスペース入った時

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

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

<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td>
      <div style="border:1px solid #95a5a6;border-radius:.75rem;background-color:#FFFFFF;width:250px;margin:0px;padding:5px 0;text-align:center;overflow:hidden;"><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=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJwaWN0dGV4dCIsInNpemUiOiIyNDB4MjQwIiwibmFtIjoxLCJuYW1wIjoiZG93biIsImNvbSI6MCwiY29tcCI6ImRvd24iLCJwcmljZSI6MCwiYm9yIjoxLCJjb2wiOjEsImJidG4iOjEsInByb2QiOjAsImFtcCI6ZmFsc2V9" target="_blank" rel="nofollow sponsored noopener" style="word-wrap:break-word;"><img src="https://hbb.afl.rakuten.co.jp/hgb/********.********.********.********/?me_id=********&item_id=********&pc=https%3A%2F%2Fthumbnail.image.rakuten.co.jp%2F%400_mall%2Fshizennoyakata%2Fcabinet%2Fitem_img%2Fitem1%2Flucky850_sg1_a.jpg%3F_ex%3D240x240&s=240x240&t=picttext" border="0" style="margin:2px" alt="" title=""></a>
        <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=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJwaWN0dGV4dCIsInNpemUiOiIyNDB4MjQwIiwibmFtIjoxLCJuYW1wIjoiZG93biIsImNvbSI6MCwiY29tcCI6ImRvd24iLCJwcmljZSI6MCwiYm9yIjoxLCJjb2wiOjEsImJidG4iOjEsInByb2QiOjAsImFtcCI6ZmFsc2V9" target="_blank" rel="nofollow sponsored noopener" style="word-wrap:break-word;">4種ナッツ 850g ミックスナッツ 無塩 有塩が選べる 素焼き ラッキーミックスナッツ ハッピーミックスナッツ 4種のミックスナッツ 送料無料 無添加 1kgより少し少ない850g アーモンド くるみ マカダミアナッツ カシューナッツ 家飲み 訳あり</a>
        </p>
        <p></p>
        <div style="margin:10px;"><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=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJwaWN0dGV4dCIsInNpemUiOiIyNDB4MjQwIiwibmFtIjoxLCJuYW1wIjoiZG93biIsImNvbSI6MCwiY29tcCI6ImRvd24iLCJwcmljZSI6MCwiYm9yIjoxLCJjb2wiOjEsImJidG4iOjEsInByb2QiOjAsImFtcCI6ZmFsc2V9" 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:0"></a>
          <p>&nbsp;</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=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJwaWN0dGV4dCIsInNpemUiOiIyNDB4MjQwIiwibmFtIjoxLCJuYW1wIjoiZG93biIsImNvbSI6MCwiY29tcCI6ImRvd24iLCJwcmljZSI6MCwiYm9yIjoxLCJjb2wiOjEsImJidG4iOjEsInByb2QiOjAsImFtcCI6ZmFsc2V9" target="_blank" rel="nofollow sponsored noopener" style="word-wrap:break-word;">
            <div style="float:right;width:41%;height:27px;background-color:#bf0000;color:#fff!important;font-size:12px;font-weight:500;line-height:27px;margin-left:1px;padding: 0 12px;border-radius:16px;cursor:pointer;text-align:center;">楽天で購入</div>
          </a>
        </div>
      </div>
    </td>
  </tr>
</table>

見やすいように段落つけてますが、実際はギュンギュンに詰まってるのでctrl+Fで<p>を検索した方がいい。

この謎スペースのおかげで同じ記事を何度も修正したわ。何回、消しても復活してたからね。


全く記事に関係ないけど就寝中に時々、階下の男性の歌声が微かに聞こえる時がある。

本人は大声で気持ちよく歌ってて、私と似たような年齢か少し上だと思うような選曲。

大概は「あ~この曲、○○だわ~。懐かしい~」となってるんだけど、極たまに「あ~これ、何だっけ?タイトルも歌手も思い出せん」と一人、悶々とする時がある。こんな夜はいつまで経っても気になって眠れない。

微かに聞こえる程度だから迷惑だとは思った事ないし、むしろ唐突に始まる早押しドン!気分で楽しんでるとこもあったけど、曲が思い出せない時は歓迎ムードもどっか行って、若干下手な歌声にイライラしだす。

「うっとりとバラード歌ってんな!」と思ってしまう。

寝ます。