Cocoon(コクーン)

おそらく国内無料 WordPress テーマの中では一番有名な「COCOON(コクーン)」です。

あらゆるウェブサイトで『有料テーマにひけをとらない』と絶賛される非常に優れた無料テーマとなります。

「COCOON(コクーン)」は無料とは思えないほどの、カスタマイズ性と多機能性を兼ね備えています。

SEOもしっかりと対策されており、アフィリエイトサイトでも使用可能です。

外観は専用の無料『スキン』を使って、初心者でもワンクリックでカスタマイズする事ができます。

もちろんCSSを使って、独自の詳細なカスタマイズをすることも可能です。

また独自の『COCOON(コクーン)設定』を使用することにより、様々な詳細設定をダッシュボード上で簡単に行う事ができます。

エディタの文字装飾の種類も豊富で、追加のプラグインは必要ありません。

その為レスポンスに影響を与える事なく、おしゃれな記事を作成する事が可能となっています。

また、無料にもかかわらず、専用フォーラムや詳細なマニュアルでユーザーに寄り添ったサポートが行われていることも、評価が高い理由の一つです。

初心者から上級者、誰にでもおすすめすることができます。

誰もが一度は使用する有名無料テーマ「 COCOON(コクーン)」

有料テーマに全くひけを取らない高機能さとカスタマイズ性が魅力です。
項目 内容
テーマ名 COCOON(コクーン)
公式サイト: https://wp-cocoon.com/
価格 無料
タイプ ブログ / アフィリエイトサイト
対象 初心者〜上級者
サポート 公式フォーラム / マニュアル

Cocoonカスタマイズ設定の内容一覧

投稿日 : 2019年1月27日 最終更新日時 : 2019年3月7日 カテゴリー : ウエブ制作ワードプレステーマ

このサイトでお勧めのテーマ「Simplicity」の後続のテーマの「Cocoon」について設定内容をまとめました。一覧を見ることで、全体的にこんなことができるよという感じが分かるようにしてみました。

また、自分で変更した設定をチェックしておくのにも利用してください。ちなみに赤字は私が変更してみた項目です。

  • 全体
    キーカラー、サイトフォント、モバイルサイトフォント、文字の太さ、サイト背景色、サイト背景画像、サイト幅の均一化、サイトリンク色、サイト選択文字色、サイト選択背景色、サイトバーの位置、サイドバーの表示状態、ファビコン、サムネイル表示、日付フォーマット
  • ヘッダー
    ヘッダーレイアウト、高さ、高さ(モバイル)、ヘッダーロゴ、ヘッダーロゴサイズ、キャッチフレーズの配置、ヘッダー背景画像、ヘッダー全体色、ヘッダー色(ロゴ部)、グローバルナビメニュー色 、グローバルナビメニュー幅
  • スキン
    スキン一覧(38種類2018.1.27)、表示スキン、オリジナルスキン
  • 広告
    広告の表示、広告ラベル、アドセンス設定、アドセンス広告の表示、広告コード、アドセンス表示方式、広告の表示位置、[ad]ショートコード、広告除外記事ID、広告除外記事カテゴリー
  • タイトル
    フロントページ設定:フロントページタイトル、サイトの説明、メタキーワード
    投稿・固定ページ設定:ページタイトル、メタディスクリプションの出力、メタキーワードの出力
    カテゴリーページ設定:カテゴリーページタイトル、メタディスクリプションの出力、メタキーワードの出力
    共通:セパレーター(パイプorハイフン)
  • SEO
    headerタグに挿入、表示する日付
  • OGP
    OGPの有効化、Facebook APP ID、Twitterカードの有効化、Twitterカードタイプ
  • アクセス解析・認証
    解析全般、GoogleタグマネージャID、AMP用 タグマネージャID、Google AnalyticsトラッキングID、Google Search Console ID
  • カラム
    コンテンツ幅(800)、コンテンツ余白幅(29)、コンテンツ枠線幅(1)、コンテンツ枠線色(灰色)、サイドバー幅(336)、サイドバー余白幅(9)、サイドバー枠線幅(1)、サイドバー枠線色(灰色)、カラム間の幅(20)
  • インデックス
    並び順、カードタイプ(2列3列も有)、枠線の表示、自動生成抜粋文字数(120)、省略文字列、投稿関連情報の表示
  • 投稿
    カテゴリ・タグ表示、関連記事表示、関連性、関連記事見出し、表示タイプ、表示数(6)、枠線の表示、最大自動生成抜粋文字数(120)、投稿関連情報の表示、ページ送りナビ設定表示、表示タイプ、枠線表示、コメント設定表示、パンくずリストの配置、記事タイトル
  • 固定ページ
    コメント設定表示、パンくずリストの配置、記事タイトル
  • 本文
    本文余白(行の高さ1.8行の余白1.4em)、外部リンクの開き方、フォロータイプ、追加rel属性、アイコン表示、アイコン、
    内部リンクの開き方、フォロータイプ、追加rel属性、アイコン表示、アイコン、
    レスポンシブテーブル、投稿関連情報の表示
  • 目次
    目次の表示、表示ページ、目次タイトル、目次切り替え、表示条件、目次表示の深さ、目次ナンバーの表示、目次の中央表示、目次の表示順
  • SNSシェア
    本文上シェアボタンの表示、表示切替(Twitter Facebook等)、ボタンカラー、カラム数(6列)、ロゴ・キャプション配置、シェア数の表示
    本文下シェアボタンの表示、シェアメッセージ、表示切替(Twitter Facebook等)、ボタンカラー、カラム数(6列)、ロゴ・キャプション配置、シェア数の表示
    ツイート設定:メンション、プロモーション、ハッシュタグ
    Pinterest共有、キャシュの有効化、キャッシュ間隔、別スキームシェア数
  • SNSフォロー
    フォローボタンの表示、フォローメッセージ、SNSサービスのURL、feedlyの表示、RSSの表示、ボタンカラー、デフォルトユーザー、フォロー数の表示、feedly購読者数
    キャシュの有効化、キャッシュ間隔、別スキームフォロー数
  • 画像
    アイキャッチの表示、アイキャッチの自動設定、画像の囲み効果、画像の拡大効果、サムネイル画像(9:16)、Retinaディスプレイ、NO IMAGE画像(アイキャッチ無し画像)
  • ブログカード
    内部ブログカード表示、サムネイルスタイル、日付表示、リンクの開き方
    外部ブログカード表示、サムネイルスタイル、リンクの開き方、キャッシュの保存期間(30日)、キャッシュの更新
  • コード
    ソースコード設定:ハイライト表示、ハイライトスタイル、ハイライト表示するCSSセレクタ
  • コメント
    コメントタイプ、コメント一覧見出し、コメント入力欄表示、コメント入力欄見出し、 コメント入力案内メッセージ、ウェブサイトの表示、送信ボタンラベル
  • 通知
    通知表示、通知メッセージ、通知URL、リンクの開き方、通知タイプ、色
  • アピールエリア
    アピールエリアの表示、高さ、エリア画像、エリア背景色、タイトル、メッセージ、ボタンメッセージ、ボタンリンク先、ボタンリンクの開き方、ボタン色
  • カルーセル
    カルーセルの表示(非表示)、表示カテゴリー、カルーセルの並び替え、最大表示数(18)、枠線の表示、オートプレイ、オートプレイインターバル(5秒)
  • フッター
    フッター色 、フッター表示タイプ、フッターロゴ、クレジット表記(2017年)、フッターメニュー幅(120)
  • ボタン
    トップへ戻るボタンの表示(表示)、ボタンのアイコンフォント、ボタン色 、ボタン画像
  • モバイル
    モバイルボタンレイアウト
  • 404ページ
    404ページ画像、404ページタイトル、404ページメッセージ
  • AMP
    AMPの有効化(しない)、AMPロゴ、画像の拡大効果、インラインスタイル、サイズ制限対応、AMP除外カテゴリー
  • 管理者画面
    管理者メニュー 、カラム表示 、管理者パネルの表示 、PVの表示、編集エリアの表示、AMPエリアの表示、チェックツールエリアの表示、レスポンシブツールエリアの表示
  • ウィジェット
    除外ウィジェット:固定ページ、カレンダー等33項目
  • ウィジェットエリア
    除外ウィジェットエリア:サイドバー、サイドバースクロール追従等25項目
  • エディター
    Gutenberg(有効にする)、文字カウンター、エディタースタイル、確認ダイアログ
  • API
    Amazon、楽天、Yahoo!ショッピング、もしもアフィリエイト、キャッシュの保存期間
  • その他
    簡単SSL対応、ファイルシステム認証、Simplicity設定、日本語スラッグ
  • リセット
    テーマ設定のリセット
  • テーマ情報
    Cocoon環境に関する情報です。

投稿者プロフィール

たか先生
たか先生WebAxel代表
ウエブアクセルの現役Webデザイナーです。2010年からビジネスサイト制作教室を主宰してきました。ワードプレス2.3ぐらいから長く携わった豊かな経験を生かしています。