サイト型トップページの作り方を公開しています！Check
ホーム

サイト型トップページ × フルワイド

2023年11月17日
記事内に広告が含まれています
  • ページタイプは「１カラム（広い）」
    → サイドバーは表示されません
  • カテゴリー記事：4列（モバイル2列）表示に変更

サイト型トップページ × フルワイド カスタマイズを組み合わせて作成しています。

Cocoonサイト型トップページの作り方｜シンプル＆おしゃれデザイン【HTML・CSSコピペOK】
トップページが平凡で他のサイトと似たりよったり…そんなお悩みありませんか？この記事では、WordPressテーマ「Cocoon」を使った固定ページと、HTML・...
turicco.com
Cocoonで全幅（フルワイド）デザイン！幅いっぱいにする仕組みとおしゃれに仕上げるポイントを解説
Cocoonでも、有料テーマSWELL風のフルワイドデザインは作れます。「SWELLのように幅いっぱいに表示したい」「でもCocoonだと余白調整が難しい…」と...
turicco.com
New post新着記事
Cocoon「見出しボックス」リストマーカー（点）の色を自動調整＆デザイン切り替えカスタマイズ
Cocoonの「見出しボックス」をもっとおしゃれに、もっと便利に。「リストの点がテーマカラーと合わない」「記事の内容に合わせて、デザインを切り替えたい」そんな方...
スクロールアニメーションの作り方｜CSSとIntersectionObserver（交差監視）でふわっと表示
Webサイトでよく見かける、スクロールに合わせて要素がふわっと表示されるフェードインやスライドアニメーション。「自分のサイトでも導入したいけど難しそう…」と思う...
MORE
Categoryカテゴリーごとの記事
Cocoon「見出しボックス」リストマーカー（点）の色を自動調整＆デザイン切り替えカスタマイズ
Cocoonタイムライン（ステップブロック）おしゃれ化カスタマイズ｜最大6種類のデザイン切り替え
カラム固定を解消！Cocoonボックスメニューを2〜6列に切り替える方法
Cocoon通知エリア｜スライド表示（流れる文字）＆ボタン追加でアピールする方法
MORE
スクロールアニメーションの作り方｜CSSとIntersectionObserver（交差監視）でふわっと表示
動きで魅せる！ホバーアニメーションボタン・おしゃれな矢印リンク＆下線スライド（CSS付き）
WordPressパターン機能でラクラク時短！再利用ブロックの使い方と同期・非同期の違い
複数画像を切り替えるフェードスライダーの作り方｜CSSアニメーション（JavaScript不要）
MORE
Googleアドセンス審査用コードの貼り方｜WordPress・Cocoon対応ガイド
WordPressの初期設定｜SEO・セキュリティ・公開前に必ずやることリスト
ポチップ｜Amazon商品検索のやり方まとめ（PA-API・Pochipp Assist・もしもアフィリエイトの違いを比較）
アフィリエイトASP比較2025｜初心者が選ぶべき5社とジャンル別おすすめ
MORE
Popular人気記事
【コピペOK】おしゃれなボックスデザイン！ブログを彩るCSS囲み枠集
タブ切り替えをHTMLとCSSで実装（JavaScriptなし）
CSSでなめらかに点滅させる方法（コピペＯＫ）
複数画像を切り替えるフェードスライダーの作り方｜CSSアニメーション（JavaScript不要）
CSSコピペOK！見出しをカスタマイズ｜おしゃれデザインサンプル集【Cocoon対応】
動きで魅せる！ホバーアニメーションボタン・おしゃれな矢印リンク＆下線スライド（CSS付き）
デモページを見る
  1. デフォルト：サイドバーあり
  2. １カラム（広い）：サイドバーなし
  3. フルワイド ＋ セクション背景色 当ページ

フルワイドの記事に戻る

トップページ作成の記事に戻る

スポンサーリンク
Turicco