サイト全体に「COLORS(ブルー)」スキン適用中。
シンプルなWordPressテーマ

Cocoonは、SEO・高速化・モバイルフレンドリーに最適化した無料テーマです。
見た目はシンプルですが、初めての方でも感覚的に使えるように
便利な機能を織り込んで作りました。
100%GPLテーマなので自由にご利用いただけます。

ダウンロードページはこちら。

ダウンロード

Cocoonテーマの仕様・初期設定・機能説明など

Cocoonテーマの仕様・初期設定・機能説明など テーマ全般

テーマの設定に関する情報のルートカテゴリです。

わいひら
わいひら

テーマ全般に関することの一覧リストです。

ショートコード

簡単なサイトマップページを生成できるsitemapショートコードの使い方

プラグインを使用せずともサイトマップを手軽に作成できるショートコードの使い方説明です。
ショートコード

○年前といったような、相対的経過年を表示するyagoショートコードの使い方

○○年前といった表記を自動計算して表示してくれるショートコードの使い方です。
ショートコード

現在の年齢を計算して表示してくれるageショートコードの使い方

誕生日を入力するだけで、現在の年齢を自動的に計算して出力してくれるショートコードの使い方。
Amazon商品リンク

Amazon商品情報取得API(PA-API)の仕様変更とCocoonでの対応について

新しいAmazon商品情報取得APIのポリシー変更に関する注意点。
2019.01.13
ショートコード

目次をショートコードで好きな場所に表示させる方法

目次をショートコードで強制的に表示させることが可能です。
Tips

Cocoonランキング機能の「詳細ページ」と「公式ページ」の文言を変更するカスタマイズ方法

ランキングボタンラベルのカスタマイズ方法です。
ブロックエディター

ブロックエディター(Gutenberg)を使用しないで旧ビジュアルエディターを利用する方法

投稿画面のGutenbergエディターを無効にして旧式のエディターで編集する方法です。
ブロックエディター

Cocoon Blocksの現在の対応状況

Cocoon Blocksが対応している旧ビジュアルエディタースタイルを紹介しています。
2019.01.09
ブロックエディター

Cocoonでブロックエディター(Gutenberg)用プラグインを利用する方法

Gutenberg対応プラグイン「Cocoon Blocks」インストールして利用する方法の紹介です。
2018.12.26
テーマ設定

不要なウィジェットエリアを非表示にする設定方法。ウィジェット設定画面の操作性向上に。

使用して以来ウィジェットエリアを管理画面や公開画面から
2018.12.15
テーマ設定

不要なウィジェットを非表示にする設定方法。ウィジェット設定画面の操作性向上に。

不要なウィジェットを管理画面上や公開場面上で表示させないようにする設定方法です。整理整頓することでウィジェット管理画面の操作性が上がります。
2018.12.15
テーマ設定

テーマのサムネイルをRetinaディスプレイ対応させる方法

Cocoonテーマ内のサムネイル画像をRetinaディスプレイ対応させる機能の紹介。
テーマ設定

テーマ全体のサムネイル画像の縦横比(アスペクト比)を変更する方法

テーマで利用されているサムネイル画像のアスペクト比を変更したい場合に一括して変更する方法です。
2018.12.07
AMP

子テーマのstyle.cssとamp.cssに重複してスタイルを書いている場合は重複部分の削除をおすすめします

子テーマのstyle.cssとamp.cssでスタイルが重複している場合はコードの削除をおすすめします。
AMP

AMPのインラインスタイルか反映されるように設定をしている方は再設定をお願いします

1.4.2以前のバージョンで、AMPページでインラインスタイルを有効にしていた場合は、再設定してください。
テーマ設定

AMPページでCSSが50,000Byte(約50KB)を超える「無効なCSSエラー」が出た場合の対処方法

スキンスタイルの無効機能と子テーマスタイルの無効機能の説明です。
テーマ設定

楽天ROOMのフォローボタンを作成する方法

楽天のSNSサービス「ROOM」のフォローボタンを設定する方法です。
ショートコード

レーティングスター(評価スター)ショートコードの利用方法

レビューページなどで便利な「評価スター」ショートコードのコード入力例です。
2018.11.25
スキン

Cocoonを少しリッチな見た目に「COLORS」スキン6種作成

サイトに合わせた色を選べるスキンを6色分作成しました。
2018.11.29
スキン

Simplicityのようなスキン「Like Simplicity」を作成しました

SimplicityっぽいCocoonスキンの紹介。
スポンサーリンク