無料で高機能なWordPressテーマ「Cocoon」の設定方法と活用法を解説します。
Cocoonの特徴
Cocoonは、SEO対策、高速化、モバイル対応が標準で実装されている優れたテーマです。
主な機能
- ページ高速化機能(HTML/CSS/JS圧縮)
- レスポンシブデザイン
- 内部・外部ブログカード
- SNSシェアボタン
- 目次自動生成
- カルーセル表示
- ランキング作成機能
おすすめ初期設定
1. スキンの選択
Cocoon設定 → スキン から、お好みのデザインを選択できます。
2. 目次設定
投稿記事に自動で目次を表示する設定:
- Cocoon設定 → 目次
- 「目次を表示する」にチェック
- 表示条件:見出し2つ以上
- 目次表示の切り替え:有効
3. SNSシェアボタン
記事のシェアを促進するため、シェアボタンを設定しましょう:
- トップシェアボタン:有効
- ボトムシェアボタン:有効
- 表示するSNS:Twitter、Facebook、はてブ、LINE
カスタマイズのコツ
ショートコードの活用
Cocoonには便利なショートコードが用意されています。
ウィジェットエリアの活用
サイドバーやフッターにウィジェットを配置して、ユーザーの回遊率を高めましょう。
おすすめウィジェット:
- 人気記事
- カテゴリー一覧
- タグクラウド
- プロフィール
パフォーマンス最適化
Cocoon設定 → 高速化 から、以下を有効にしましょう:
- ブラウザキャッシュの有効化
- HTML/CSS/JavaScriptの縮小化
- 遅延読み込み(Lazy Load)
これにより、PageSpeed Insightsのスコアが大幅に向上します。
まとめ
Cocoonは無料とは思えないほど高機能です。この記事で紹介した設定を実践して、快適なブログ運営を実現しましょう!
次に読みたい: WordPressの基本的な使い方も確認してみてください。

