シンプルなWordPressテーマ

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

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

ダウンロード

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

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

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

わいひら
わいひら

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

スキン

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

SimplicityっぽいCocoonスキンの紹介。
開発者向け

スキン内のJSONファイルでCocoon設定値を制御する方法

Cocoon設定の設定値をoption.jsonファイルからJSON形式のテキストを入力することで制御する方法です。
開発者向け

スキン内のCSVファイルでCocoon設定値を制御する方法

Cocoon設定の設定値をoption.csvファイルからCSV形式のテキストを入力することで制御する方法です。
開発者向け

スキン内のfunctions.phpファイルでCocoon設定値を制御する方法

Cocoon設定の設定値をfunctions.phpファイルからPHPコードを入力することで制御する方法です。
2018.11.11
開発者向け

スキン制御の仕様。スキン側から「Cocoon設定値」を変更する方法3通り。

スキン側から「Cocoon設定」のオプション値を変更する手段の紹介です。スキン側から設定を変更できることで開発の手間を削減することができます。
2018.11.11
スキン

和色ベースのシンプルな「Fuwari和色」スキン4種を同梱追加

和色をベースにふわりと色が付いたスキン。デザインが主張しすぎず文章を引き立ててくれるスキンです。
2018.11.06
投稿・固定ページ

投稿に対してSNS拡散向けの画像を設定する方法

投稿・固定ページに対して、アイキャッチとは別にSNS向けの画像を設定する方法です。
ショートコード

Amazon商品リンク画像変更用のインデックス番号を取得する方法

Amazon商品リンクの画像を好みのものに変更するために、カタログ写真のインデックス番号を取得する方法です。使い方のサンプルコードもあり。
ショートコード

Amazon商品リンクのカタログ写真表示オプションの使い方

Amazon商品の関連写真をカタログ形式でブログパーツに表示する機能です。
2018.10.18
Amazon商品リンク

Amazon商品リンクの画像変更オプションの使い方

Amazon商品リンクショートコードの「商品画像」を「別の商品画像」に変更する方法の紹介です。image_indexオプションの使い方です。
2018.10.17
投稿・固定ページ

URLをブログカード化せずに文字列として表示させる方法

ブログカードを無効化してテキストURLのみを表示する方法。
テーマ設定

httpsサイト化後http時代のフォロー数を取得する方法

サイトのSSL対応後、以前のhttpスキームのSNSフォロー数(feedly購読者数)を取得したい場合の設定方法です。
テーマ設定

httpsサイト化後http時代のシェア数を取得する方法

サイトのSSL対応後、以前のhttpスキームのSNSシェア数を取得したい場合の設定方法です。
拡張スタイル

囲みブログカード拡張スタイルの使い方

ブログカード作成用のURLを囲むだけで様々なタイプのブログカード表示ができるようになる機能の使用方法です。
CSS

新着・人気・関連記事ウィジェット(ショートコード)で投稿日や更新日を表示させる方法

記事関係のウィジェットで投稿日・更新日を表示させるためのCSSサンプルです。
投稿・固定ページ

YouTube高速化埋め込みをパラメータで制御する方法

YouTubeの埋め込み(iframe)プレイヤーの表示制御する方法。サンプルなど。
2018.10.02
FAQ

ビジュアルエディターのスタイルドロップダウンが表示されない(TinyMCE Advanced利用時の設定方法)

TinyMCE Advanced style dropdown
2018.10.01
拡張スタイル

マイクロコピー拡張スタイルの使い方。ボタン周りの販促文に。

コンバージョンリンク周りのコピーライティング用のスタイルです。使い方と表示例。
拡張スタイル

囲みボタン機能の使い方。アフィリエイトタグ利用向き。

手軽にボタンリンクを作成できる、囲み型ボタンスタイルの利用方法です。
ショートコード

〇年前、〇ヶ月前といった相対的時間経過を表現するagoショートコードの使い方

〇年前、〇ヶ月前、〇週間前、○日前、といった感じの人間感覚的な相対的時間経過を表現するためのショートコードです。記事修正の手間を省けます。
2018.09.17
スポンサーリンク