一部のバージョン7.0テンプレートでは、スタイル化されたスペース設定をサイトのレイアウトに追加することができます。

一部のバージョン7.0テンプレートには、「コンテンツはめ込み」と呼ばれるサイト全体のレイアウト機能があります。これにより、一部のコンテンツがインデントされて列が狭くなり、その他のコンテンツは全幅で表示されます。この方法で余白を変えると、雑誌がクリエイティブなレイアウトで引用文に注目を集めるのと同じように、テキストがよりダイナミックに見えるようになります。

はめ込みは、レイアウト ページ、ブログ投稿、フッターなど、ブロックを追加できるエリアに影響します。

コンテンツはめ込みは、一部のバージョン7.0テンプレートで利用できる特定の機能です。バージョン7.1で同様の効果を得るには、「バージョン7.1のはめ込み機能」をご参照ください。

Templates supporting the content inset

コンテンツはめ込み機能は次のテンプレート ファミリーで使用できます。

• Brine
• Farro
• Pacific - ブログ投稿のみ
• Skye

コンテンツはめ込みを使用する

サイトにブロックを追加するときは、ブロックを単独で使用して1つの列を作成することも、複数のブロックを横並びに追加して複数の列を作成することもできます。

Only certain blocks use content inset. When these blocks are in a single column, they appear at the narrower width. When laid out in multiple columns, the columns extend to the borders of the content area.

Blocks that aren't affected by the content inset continue to display at the width of the main content area.

Mixing and matching content inset blocks with full-width content creates varied margins as visitors scroll down the page, providing visual relief from large unbroken text.

Here's an example of the content inset in the Farro template: 

Affected blocks

コンテンツはめ込みに従うのは、特定の単一列ブロックだけです。次の各テンプレート ファミリーでは、様々なブロックが影響を受けます。

Brine

These blocks appear full-width (no inset):

• アーカイブ ブロック
• Bandsintown blocks
• カレンダー ブロック
• ギャラリー ブロック
• 画像ブロック
• Instagramブロック
• 地図ブロック
• メニュー ブロック
• 動画ブロック

All other blocks are inset.

Farro

These blocks appear full-width (no inset): 

• アーカイブ ブロック
• Bandsintown blocks
• カレンダー ブロック
• ギャラリー ブロック
• 画像ブロック
• Instagramブロック
• 地図ブロック
• メニュー ブロック
• 動画ブロック

All other blocks are inset.

Pacific

On blog posts, these blocks follow the inset:

• テキスト ブロック
• マークダウン ブロック

All other blocks appear full-width (no inset). 

Skye

When the Full Bleed Images, Video, and Gallery tweak is checked, these blocks appear full-width (no inset): 

• 画像ブロック
• ギャラリー ブロック
• 動画ブロック

When Full Bleed Images, Video, and Gallery is unchecked, all blocks follow the content inset.

Creating sophisticated layouts

Content inset lets you vary content width on a page, grabbing your visitors' attention.

たとえば、画像ブロックにはコンテンツはめ込みがないため、単一列のテキスト ブロックよりも幅が広く表示されます。幅の狭いテキストと幅の広い画像を交互に配置すると、画像を目立たせることができます。

Or you can alternate single column blocks (with content inset) with multi-column blocks (no inset) to break up the flow of text or other content on the page.

Float blocks to create wrapped text around the block. To learn more, visit Moving blocks.

はめ込みの幅を変更する

以下の微調整オプションを使用して、これらのテンプレート ファミリーのコンテンツはめ込みの幅を変更します。

• Brine - サイト スタイルの [メイン] セクションにある [コンテンツはめ込み] を使用します。この微調整オプションを表示するには、影響を受けるブロックがページ上に少なくとも1つ存在する必要があります。
• Farro - サイト スタイルの [メイン] セクションにある [コンテンツはめ込み] を使用します。
• Pacific - 調整できません。
• Skye - サイト スタイルの [サイト] セクションにある [コンテンツはめ込み] を使用します。フルブリード画像、動画、ギャラリーでは、これらのブロックのはめ込みが削除されます。

以下の点に留意してください。

• 微調整オプションのスライダーを使用してはめ込みを設定します。これは0～5の範囲で設定でき、5が最も狭くなります。
• コンテンツはめ込みを削除するには、[コンテンツはめ込み] 微調整オプションを0に設定します。
• コンテンツはめ込みはサイト全体の幅に関係するため、サイトの幅とパディングの微調整オプションはコンテンツはめ込みの幅に影響します。

バージョン7.1のはめ込み機能

サイトのバージョンが7.1の場合は、セクション スタイルを使用して同様のインデント効果を実現できます。

• セクション スタイルの [コンテンツの幅] 微調整オプションを使用して個々のセクションのコンテンツはめ込みを変更するか、サイト スタイルの [スペース設定] 微調整オプションを使用してサイト全体を変更します。
• セクションに背景画像がある場合は、フルブリードではなくカスタムのはめ込み色ではめ込み表示するように設定できます