テーマ設定

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

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

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

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

わいひら
わいひら
必要な機能は、ほぼほぼ揃っているかと思います。
楽天商品リンク

楽天API情報の取得方法

Cocoonの楽天商品ブロックなどを利用するためには、楽天が提供しているAPIを利用するための各種IDやキーが必要です。 ここでは、設定画面に入力が必要な「楽天アプリケーションID」「楽天アフィリエイトID」「楽天アクセスキー」の取得方法を...
0
楽天商品リンク

楽天商品リンクブロックの使い方

はじめに楽天商品リンクブロックは、Cocoonテーマ専用のGutenbergブロックです。WordPressのブロックエディタ上で楽天市場の商品を直接検索して選択するだけで、アフィリエイトリンク付きの商品紹介カードを記事に挿入できます。【期...
0
Amazon商品リンク

Amazon商品リンクブロックの使い方

はじめにAmazon商品リンクブロックは、Cocoonテーマ専用のGutenbergブロックです。WordPressのブロックエディタ上でAmazonの商品を直接検索して選択するだけで、アフィリエイトリンク付きの商品紹介カードを記事に挿入で...
0
Amazon商品リンク

Amazon商品リンクでPA-APIからCreators APIへの移行について

2026年4月30日に廃止されますPA API。4月30日に廃止されます。PA API公式ページに書かれている内容がこちら。日本語訳はこちら。参考:今回移行設定が必要な対象者Creators APIへの移行が必要な方がこちら。Amazon商...
0
スキン

フッターのアフィリエイトリンクボタン機能標準搭載の「NAGI」スキンを同梱

ごーブログを運営されているごーさんが作成された「NAGI」スキンを同梱追加しました。「NAGI」スキンNAGIスキンは、色合いがシンプルな無地系のスキンで、設定で好みの色に変更して使用するスキンです。設定によってはダークスキンとしても利用す...
0
スキン

作り込み機能が満載な「メイド・イン・ヘブン」スキンを同梱

ART+BEAT MANIFESTOを運営されているchu-yaさんが作成された「メイド・イン・ヘブン」を同梱追加しました。「メイド・イン・ヘブン」スキンメイド・イン・ヘブンスキンは、できるだけCocoonぽさを取り除きシンプルにしたスキン...
0
テーマ設定

リファラーの振る舞いを変更する「リファラー設定」をする方法

リファラー設定を行なうことで、リンク先のサイトに「自サイトの情報をどれだけ送るか」を設定することができます。以下では、リファラー設定のやり方を紹介します。リファラーの振る舞いの設定方法リファラー設定を行なうには、Cocoon設定から「SEO...
0
広告設定

ads.txtファイルの編集方法

ads.txt(アズテキスト)とは、Webの広告枠の販売者を厳密に管理し、偽の広告枠が広告主に提供されるのを防ぐためのテキストファイルです。Adsenseのみなどを除く、第三者(他社)広告との併用配信をする際は設置が必須なファイルとなってい...
0
スキン

美しいグレーに統一されたデザインの「grayish」スキンを同梱

Na2 factoryを運営されているななふさんが作成されたgrayishスキンを同梱させていただきました。Cocoonの見た目が大幅に変わるかなり気合の入ったスキンになっています。「grayish」スキンgrayishスキンは、コーポレー...
0
広告設定

ステマ規制に対応するためのPR表記設定について

2023年10月施行の通称ステマ規制において、「不当表示」とならないように対応が必要となりました。詳細はこちらなどをご参照ください。参考 2023年10月施行の景品表示法の指定告示(通称ステマ規制)に関するお知らせ - A8スタッフブログ参...
6
テーマ設定

ヘッダーのサイズを背景画像に設定したアスペクト比を保つように設定する方法

Cocoon設定の「ヘッダー」に「背景画像の全てを表示」オプションを追加しました。これにより「ヘッダー背景画像」に設定した画像を待つことなく全て表示できるようになりました。設定方法この設定を行なうにはCocoon設定の「ヘッダー」の「ヘッダ...
0
スキン

きのこをモチーフにしたオリジナルスキン「ハナオチバタケ」の紹介

ネット回線マニアを運営されているくみたろうさんが作成されたスキン「ハナオチバタケ」の紹介です。ハナオチバタケスキンハナオチバタケスキンは『ハナオチバタケ(花落葉茸)』というきのこをモチーフにしたCocoonスキンです。ちなみにハナオチバタケ...
0
スキン

Cocoonスキン「ゆっくり色が変化」を同梱追加

LUCKLOGを運営されているらくさんが作成されたゆっくり色が変化スキンを同梱させていただきました。このスキンは「指定した4色で背景がゆっくり入れ替わっていくスキン」です。このスキンはサイトに大きなデザインの変更が出るわけではないです。背景...
0
アクセス解析

Cocoonでヒートマップ分析ツールのClarityを利用する方法

無料で使えるWEBサイトヒートマップ分析ツールの「Clarity(クラリティー)」を利用する方法を説明します。CocoonにClarity設定を行うことで、以下のような「クリック分析」を行ないコンバージョン分析をしたり「スクロール分析」で何...
0
スキン

Cocoonサイトに動きが出るアニメーションを追加する方法。「ふわっと追加」スキン同梱による機能。

LUCKLOGを運営されているらくさんが作成されたふわっと追加スキンを同梱させていただきました。このスキンの追加により、Cocoonサイトに4種類のアニメーション効果を付加できるようになります。サイトにアニメーション効果を付加する方法(ふわ...
0
スキン

サイトが手書きテイストになる「てがきノート」スキンを追加

ゆうそうとを運営されているゆうそうとさんが作成されたてがきノートスキンを5種類同梱させていただきました。このスキンを利用すると、アナログ手書きされたような風合いになるので、全体的にやわらかい印象のサイトにすることができます。「てがきノート」...
0
アクセス解析

Google Analytics(GA4)でアクセス解析をする方法

CocoonでGoogle Analytics 4(以下、GA4)の設定方法を紹介します。GA4でアクセス解析をするには、「Google Analytics」を用いた方法と、「Googleタグマネージャー」を用いた方法がありますが、以下では...
0
アクセス解析

GoogleタグマネージャでGoogle Analytics 4(GA4)を用いたアクセス解析設定方法

CocoonでGoogle Analytics 4(以下、GA4)の設定方法を紹介します。GA4でアクセス解析をするには、「Google Analytics」を用いた方法と、「Googleタグマネージャー」を用いた方法がありますが、以下では...
0
スキン

シンプル志向でダークスキンにも対応した「one」スキンを同梱追加

ハイジブログを運営されているhaijiさんが作成されたCocoonスキン「one」を同梱させていただきました。「one」スキンoneスキンはこんな感じのスキンです。大きな特徴で言えば、パソコン画面でも以下のようにmobileメニューボタンが...
0
スキン

OSやブラウザのダークモードに対応した「Simple Darkmode」スキンを同梱追加

Hirositeを運営されているhirositeさんが作成されたSimple Darkmode(シンプルダークモード)を同梱させていただきました。「Simple Darkmode」スキンSimple Darkmodeは、通常はこんなデザイン...
0
わいひらをフォローする
タイトルとURLをコピーしました