当ページは下記のカスタマイズをすべて組み合わせています。
- コンテンツ作成：Cocoonで作るサイト型トップページ／オシャレなSWELL風（HTML、CSS使用）
- →追加カスタマイズ／見出しの位置を左右交互にする
- フルワイド設定：Cocoonでフルワイド！画面いっぱいに幅を広げる＋セクション背景色をつける方法
- セクション背景色をつけずに、斜めの背景スタイルを追加
- padding: セクション内の上下余白は2em
- margin-bottom: バランスよくセクションの下余白を5em空ける微調整をしています
- セクション背景色をつけずに、斜めの背景スタイルを追加
- 背景スタイル：CSSで作るおしゃれな境界線、背景スタイル／トップページ作成のアクセントにおすすめ
- →目次５「斜めの背景スタイル」を使っています（セクションにクラスとCSSを追加する）
- →当ページの背景スタイルのカラーコードは#f2f3f4（薄いグレー）を使っています
- ページタイプは「１カラム（広い）」です。（サイドバーは表示されません）
Categoryカテゴリーごとの記事
サイト型トップページのサンプル
- デフォルト：サイドバーあり
- １カラム（広い）：サイドバーなし
- １カラム（広い）：サイドバーなし+見出し左右配置
- フルワイド ＋ セクション背景色
- フルワイド ＋ セクション背景色 + 見出し左右配置
- フルワイド ＋ 見出し左右配置 + 斜めの背景スタイル追加 当ページ