ご注意ください

この記事は、リニューアル後のKARTE Blocksに関する内容です。 現在ご利用のUIが旧バージョンの場合は、リニューアル前のサポート記事をご確認ください。

KARTE Blocksでサイトの要素をブロック化すると、HTML内の要素間に存在する空白文字や改行が削除されます。
この仕様により、元のサイトで空白や改行に依存していたレイアウト（要素間の余白など）が変わることがあります。

このページでは、ブロック化によって見た目が変わる原因と対処方法について説明します。

なぜブロック化するとサイトの見た目が変わるのか

Blocksでは、サイトの要素をブロックに変更する際に、空白や改行を削除する仕様となっております。
そのため、例えばサイト側でインライン要素の改行により空白を実現しているケースなどでは空白に依存していた余白が消去されて見た目が変わることがあります。

対処方法

サイトの要素をブロックに変更したことによって余白が削除されてしまった場合、Blocksのページエディターからスタイルを適用して対処できます。

1. ページエディターでブロックを選択します
2. 編集パネルで余白が必要な要素を選択します
3. スタイル設定から margin や padding 等を追加します

スタイル設定の一例は以下です。