Nishiki Pro テーマで「カスタム HTML」ブロックを使て独自のコードを書く場合は、レイアウト崩れを防ぐため ブロックレベル要素 を使って囲みましょう。

「ブロックレベル要素ってなに？よくわかんない・・・」という方は「<div></div>」または「<p></p>」で囲んでください。

目次

• レイアウト崩れってどんな状態？
• div で囲む場合
  • コード
• p で囲む場合
  • コード
• おまけ

レイアウト崩れってどんな状態？

画像を 2 つ並べて動画を撮りましたので参考ください。レイアウトが崩れている画像は、コンテンツ幅を無視して左寄せになっていますね。

div で囲む場合

コード

<div>
ここに書きたい html コードを書く
</div>

p で囲む場合

コード

<p>
ここに書きたい html コードを書く
</p>

おまけ

アフィリエイト ASP から提供されているコードは「<a>」や「<img>」のみの場合も多く、そのままコードを貼り付けてレイアウトが崩れているブログをたまに見かけます。
見た目は大事です！「ブロックレベル要素」で囲み、レイアウト崩れを防ぎましょう。