サイト全体に「モダンブラック 」スキン適用中。

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

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

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

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

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

わいひら
わいひら
必要な機能は、ほぼほぼ揃っているかと思います。
投稿・固定ページ

文章に挿入した拡張インラインスタイルを解除する方法【ブロックエディター】

Cocoonで文章に装飾したインラインスタイルタグを削除する方法。
Amazon商品リンク

Amazon・楽天商品リンクが切れていた時にメール通知を行う設定方法

Amazon商品リンク、楽天商品リンクの商品情報が取得できない際にメールでメッセージを送信する機能です。
ショートコード

楽天商品リンクショートコードのリンク切れを知る方法

楽天商品リンクのリンク切れ対策。
2019.03.08
ショートコード

Amazon商品リンクショートコードのリンク切れを知る方法

Amazon商品リンクのリンク切れ対策。
2019.03.08
テーマ設定

PWA設定を行ってモバイル環境の高速化を行う方法

Cocoonを「PWA(Progressive Web Apps)」に対応させて、よりスマホからのアクセスをしやすくする方法の紹介です。
2019.02.26
投稿・固定ページ

本文の「行の高さ」と「行間の余白」を変更する方法

本文中の余白を変更して読みやすさを調整できます。
2019.01.30
Amazon商品リンク

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

新しいAmazon商品情報取得APIのポリシー変更に関する注意点。
2019.02.28
テーマ設定

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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
スポンサーリンク