menu

全幅セクション区切りのサンプル投稿

使う固定ページテンプレート

Full-width Page を使います。テンプレートは投稿画面右側の文書パネルのページ属性の項目から選べます。

セクションのスタイル

セクションにしたいブロックをグループ化し、追加CSSクラス full-width-section を指定することで、セクションのスタイルがあたります。また is-gray を追加することで、セクションの背景がグレーになります。

グループ化の方法

ブロックを選択した状態で…のメニューからグループ化を選びます。

追加CSSでクラスを指定する方法

グループを選択した状態で、右側ブロックパネルの高度な設定から追加CSSクラスを指定できます。

グループ化の選択方法

グループ化した後にグループを選択する場合、以下の操作が便利です。

A) グループに内包されたブロックを選択して、ウィンドウ左下の構造ナビゲーションからグループを選択

B) ヘッダにあるブロックナビゲーションから選択

.full-width-section で .is-gray なグループ

このグループは .full-width-section で .is-gray なグループです。

グループにはブロックをいくつでも追加できます。これは二つ目の段落です。

メールマガジン登録

プログの更新など皆様のお役に立つ情報をお届けします。
お届けは2週間に一回程度の頻度を想定しています。