【サイト型】フルワイド（コンテンツあり）

当ページは以下のカスタマイズを組み合わせて、フルワイド＆セクション背景色を追加しています。

• Cocoonで作るサイト型トップページ／オシャレなSWELL風（HTML、CSS使用）
• Cocoonでフルワイド！画面いっぱいに幅を広げる＋セクション背景色をつける方法
• ページタイプは「１カラム（広い）」です。（サイドバーは表示されません）

New post新着記事

テーマ共通

CSSホバーアニメーション13選｜動くボタンの実装例付き

マウスを乗せると背景がスッと広がったり、左右にスライドしたり、中央から放射状に変化したり...ボタンにアニメーションを加えるだけでサイトの印象が変わります。この...

2025年08月07日2025年08月20日

Cocoon

Cocoonタイムライン｜まるでSWELL風カスタマイズでおしゃれに汎用性アップ！

WordPressテーマ「Cocoon」には、標準でタイムラインブロックが用意されています。手順や流れをわかりやすく伝えるのに便利ですが、デフォルトの見た目はと...

2025年07月25日2025年08月23日

MORE

Categoryカテゴリーごとの記事

カテゴリー①

Cocoon

Cocoonタイムライン｜まるでSWELL風カスタマイズでおしゃれに汎用性アップ！

2025年07月25日2025年08月23日

Cocoon

Cocoonボックスメニューのカラム数をクリックで変更する｜2〜6列対応のカスタマイズ方法

2025年05月27日2025年08月01日

Cocoon

Cocoonの通知エリアをカスタマイズ！流れる文字アニメーションとボタンを設定する方法

2025年02月24日2025年08月01日

Cocoon

Cocoonラベルボックスをシンプル&おしゃれに！選べる6つのスタイルを実装するカスタマイズ

2025年01月14日2025年08月01日

Cocoon

Cocoonアコーディオン（トグル）をカスタマイズ！10種類のデザインでスッキリ魅せる

2024年12月25日2025年07月26日

Cocoon

Cocoonのタブブロックをもっと便利に！サイドバーでデザインを選べる着せ替え機能

2024年12月03日2025年07月26日

MORE

カテゴリー②

テーマ共通

CSSホバーアニメーション13選｜動くボタンの実装例付き

2025年08月07日2025年08月20日

テーマ共通

ワードプレスのバックアップ方法｜FTPで安全カスタマイズ（CSS・PHP・Javascript）

2025年05月28日2025年07月28日

テーマ共通

WordPressパターンの使い方（再利用ブロック）！テンプレで時短化、同期と非同期の違い

2025年04月16日2025年08月01日

テーマ共通

もう迷わない！バナーなどの要素を上下左右中央寄せにする方法｜CSS使用

2025年01月29日2025年06月10日

MORE

カテゴリー③

設定

WordPressでブログを始めたい｜初期設定を優先度別に紹介

2025年07月22日2025年08月08日

雑記

Web配色アイディア「３色だけでセンスのいい色」を譲っていただいた話

2024年05月31日2025年08月01日

設定

サブドメインを常時SSL化（https化）リダイレクトする方法｜エックスサーバー設定

2024年02月21日2025年08月01日

設定

エックスサーバー｜サブドメイン設定で２つめのブログ（複数サイト）を作る方法

2023年10月10日2025年08月01日

MORE

Popular人気記事

テーマ共通

CSSで実装！複数画像を切り替えるアニメーションの作り方

2024年09月04日2025年08月01日

テーマ共通

【コピペOK】おしゃれなボックスデザイン！ブログを彩るCSS囲み枠集

2022年08月24日2025年08月08日

テーマ共通

タブ切り替えをHTMLとCSSで実装（JavaScriptなし）

2021年01月26日2025年08月08日

Cocoon

Cocoonで作るサイト型トップページ｜オシャレなSWELL風（HTML、CSS使用）

2022年10月05日2025年08月20日

テーマ共通

CSSでなめらかに点滅させる方法（コピペＯＫ）

2021年01月25日2025年08月01日

テーマ共通

CSS・SVGで作る境界線と背景デザイン｜波、三角形、斜めラインを使ったおしゃれな装飾テクニック

2024年03月28日2025年07月17日