• ITの教室 – インターネットやスマホのこと

今回、イラスト素材の販売開始に合わせてPRの投稿を始めました。

Pixtaの素材ページからPR用リンクをコピーして、、、
WordPressの投稿画面(テキスト編集)に張り付けて、、、
ビジュアルで確認して、、、

ん?

さっき張り付けたPR用リンクのHTMLコードがおかしい。

【元のHTML】

<div style="width: 300;"><a href="https://pixta.jp/illustration/24702818" target="_blank">
<div style="overflow: hidden; display: block; width: 300px; height: 300px; margin: 0; padding: 0; position: relative;">
<div style="position: absolute; bottom: 0; right: 0; margin: 0; padding: 0;"><img src="https://pixta.jp/img/pr/code2.gif" border="0" width:="" 120px="" height="24px" /></div>
<img src="https://t.pimg.jp/024/702/818/1/24702818.jpg" border="0" alt="24702818" width="300" /></div>
</a>
<p style="font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'MS Pゴシック', 'MS PGothic', sans-serif; font-size: 10px; margin-top: 3px; color: #444444;"><a href="https://creator.pixta.jp/@prof776025" target="_blank" style="text-decoration: none; color: #555;">(c)<span>mota</span></a> <a href="https://pixta.jp/illustration" style="text-decoration: none; color: #555;" target="_blank">ー<span>イラスト素材</span> PIXTAー</a></p>
</div>

 

【一度ビジュアルを表示した後のHTML】

<div style="width: 300;">

&nbsp;
<div style="overflow: hidden; display: block; width: 300px; height: 300px; margin: 0; padding: 0; position: relative;">
<div style="position: absolute; bottom: 0; right: 0; margin: 0; padding: 0;"><img src="https://pixta.jp/img/pr/code2.gif" height="24px" border="0" /></div>
<img src="https://t.pimg.jp/024/702/818/1/24702818.jpg" alt="24702818" width="300" border="0" />

</div>
&nbsp;
<p style="font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'MS Pゴシック', 'MS PGothic', sans-serif; font-size: 10px; margin-top: 3px; color: #444444;"><a style="text-decoration: none; color: #555;" href="https://creator.pixta.jp/@prof776025" target="_blank">(c)mota</a> <a style="text-decoration: none; color: #555;" href="https://pixta.jp/illustration" target="_blank">ーイラスト素材 PIXTAー</a></p>

</div>

なんだこれ?と思ったら、Wordpressの自動整形機能でした。
<p>タグや<br>タグを自動でいい感じに編集してくれるようですが、他にもいろいろとやってくれるようです。

wordpress 自動編集 無効 ビジュアルエディタ

で検索して、自動編集を無効にすることができました。
そのかわり、<br>タグなどの一部は自分で書く必要があります。