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