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

【サイト型】簡単！ブロック機能で作るCocoonトップページ

アイキャッチ｜デモページ
2024年03月04日
記事内に広告が含まれています

DEMO PAGE

ブロック機能で作成したトップページのサンプルです

News

更新情報

Cocoon通知エリアのカスタマイズ｜スライド表示（流れる文字）＋ボタン追加【コピペOK】
2026年05月02日 Cocoonカスタマイズ
Cocoonトップページ作成ガイド（サイト型）｜HTML・ブロック2つの方法を比較して解説
2026年05月01日 Cocoonカスタマイズ
【Cocoon】サイト型トップページの作り方｜CSSコピペで自由にデザイン（カスタマイズ向け）
2026年05月01日 Cocoonカスタマイズ

New Post

新着記事

収益化
ポチップの始め方｜導入・ASP設定・Amazon連携まで完全ガイド
Cocoonカスタマイズ
Cocoon装飾ブロック完全ガイド｜使い方・デザインカスタマイズまとめ
Cocoonカスタマイズ
Cocoon検索フォーム（検索窓）のデザイン変更｜CSSカスタマイズサンプル集（コピペOK）
Cocoonカスタマイズ
Cocoonトップページ作成ガイド（サイト型）｜HTML・ブロック2つの方法を比較して解説
ＭＯＲＥ

Category

カテゴリー記事

カテゴリー画像

CATEGORY1

Cocoonカスタマイズ
Cocoon装飾ブロック完全ガイド｜使い方・デザインカスタマイズまとめ
Cocoonカスタマイズ
Cocoon検索フォーム（検索窓）のデザイン変更｜CSSカスタマイズサンプル集（コピペOK）
ＭＯＲＥ
カテゴリー画像

CATEGORY2

Webカスタマイズ
WordPressでスクロールでふわっと表示する方法｜CSS＋IntersectionObserverで簡単実装【コピペOK】
Webカスタマイズ
動きで魅せる！ホバーアニメーションボタン・おしゃれな矢印リンク＆下線スライド（CSS付き）
ＭＯＲＥ
カテゴリー画像

CATEGORY3

サイト設定
WordPressブログの始め方と初期設定｜Cocoonで安全に運営する完全ガイド
サイト設定
WordPressバックアップの方法と復旧手順｜真っ白になった時の復元方法まで解説【FTP・プラグイン・サーバー対応】
ＭＯＲＥ

Popular

人気記事

Webカスタマイズ
ボックスデザイン｜ブログをおしゃれに彩るCSS囲み枠集【コピペOK】
Webカスタマイズ
CSSでなめらかに点滅させる方法（コピペＯＫ）
Cocoonカスタマイズ
【Cocoon】サイト型トップページの作り方｜CSSコピペで自由にデザイン（カスタマイズ向け）
Webカスタマイズ
タブ切り替えをHTMLとCSSで実装（JavaScriptなし）
Webカスタマイズ
CSSだけで複数画像を切り替えスライダーを作る方法｜JS不要・軽量・コピペOK【WordPress対応】
Cocoonカスタマイズ
Cocoonアピールエリア｜画面いっぱいのフルスクリーン＋スクロール矢印・ズーム演出するカスタマイズ

Profile

運営者情報

はるみ
はるみ

ゆるっと３サイト運営しています。
このサイトでは私の経験を元に、
趣味のブログについて発信中。
ぜひ、ゆっくり見ていってくださいね。

はっちゃんをフォローする
記事に戻る

スポンサーリンク
Turicco