Cocoonカスタマイズ集 「カバー」ブロックにSWELL風のパララックス効果を追加する方法
「Cocoonのカバーブロックにパララックス効果を追加する方法」を解説。simpleParallax.jsを使用して「カバー」ブロックの背景画像をスクロールに応じて動かす方法や、追加CSSクラスの設定、functions.phpでライブラリと処理を読み込む方法を分かりやすく紹介します。
2025-03
Cocoonカスタマイズ集 
リリースメモ 仕様変更Ver.2.13.0→2.14.0
Ver.2.13.0の仕様変更です。
スキンをカスタマイズ 「テーブル」ブロックのスクロールヒントを変更する方法
「Cocoonスキン「メイン・イン・ヘブン」でテーブルのスクロールヒントを変更する方法」を解説。画面幅834px以下で横スクロールする「テーブル」ブロックを対象に、タッチデバイスでは「スワイプできます→」と表示する方法や、デバイス判定の注意点を分かりやすく紹介します。
Cocoonカスタマイズ集 カルーセルの表示枚数、最大枚数を変更する方法
「Cocoonのカルーセルの表示数とスライド動作を変更する方法」を解説。Slick.jsのslidesToShowやslidesToScrollを変更して表示枚数やスクロール数を調整する方法や、1枚ずつ滑らかに流れる無限ループスライドへ変更する方法を分かりやすく紹介します。
スキンをカスタマイズ スクロールでメインビジュアルを左右に分割する方法
「Cocoonスキン「メイン・イン・ヘブン」でメインビジュアルをスクロールで開く方法」を解説。ページスクロールに応じてメインビジュアルを左右に開くエフェクトを追加する方法や、JavaScriptを使う方法、CSSのanimation-timelineで実装する方法を分かりやすく紹介します。
Cocoonカスタマイズ集 「カバー」ブロックの背景画像を固定表示する方法
「Cocoonのカバーブロックの背景をiOSでも固定表示する方法」を解説。iOSで固定背景が動いてしまう問題に対し、clip-pathを使ってカバーの背景画像を固定する方法や、追加CSSクラスの設定、画面全体に画像を表示するCSSのポイントを分かりやすく紹介します。