シンプルなWordPressテーマ

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

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

ダウンロード

Cocoon独自のテーマ変更機能のまとめ

Cocoon独自のテーマ変更機能のまとめ テーマ設定

デフォルトのCocoonは、CSSでカスタマイズがしやすいようにシンプルな構成になっています。

けれど、Cocoonにはテーマ独自のカスタマイズ機能も充実しています。これにより、CSSやPHPなどを必要とせずに、オリジナリティーのあるサイトを作成することも可能です。

テーマのカスタマイズ機能は豊富

わいひら
わいひら
必要な機能は、ほぼほぼ揃っているかと思います。
スキン

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シェア数を取得したい場合の設定方法です。
投稿・固定ページ

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

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

投稿・固定ページタイトルのサイト名を短縮形にする方法

長いサイト名をつけてしまった場合、投稿・固定ページでタイトルが長くなってしまいすぎるのを防ぐ方法です。
AMP

AMPページの画像拡大効果のLightbox・ギャラリー表示について

AMPページの画像拡大効果を変更する方法の紹介です。加えて、どういった拡大効果があるのかの説明です。
テーマ設定

コメント入力の案内文を表示する方法

コメントを入力する際に注意文などを読者の目に触れる場所に置きたいときに設定します。
ショートコード

楽天商品リンクに価格を表示する方法

楽天商品リンクに対して、商品の価格情報を表示する方法夜です。全体的に設定する方法とショートコードで個別に設定する方法があります。
2018.10.13
Amazon商品リンク

Amazon商品リンクの価格を表示する方法

Amazon商品リンクに対して、商品の価格情報を表示する方法夜です。全体的に設定する方法とショートコードで個別に設定する方法があります。
2018.10.11
楽天商品リンク

楽天アプリケーションIDの取得方法

楽天商品リンクショートコードを利用するには、楽天アプリケーションID(楽天デベロッパーID)を取得する必要があります。 楽天商品リンクの詳細はこちら。 楽天ウェブサービスからアプリケーションIDを取得 「楽天アプリケーショ...
スポンサーリンク