grayishスキン適用中

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

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

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

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

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

わいひら
わいひら
必要な機能は、ほぼほぼ揃っているかと思います。
テーマ設定

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

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

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

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

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

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

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

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

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

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

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

ネット回線マニアを運営されているくみたろうさんが作成されたスキン「ハナオチバタケ」の紹介です。 ハナオチバタケスキン ハナオチバタケスキンは『ハナオチバタケ(花落葉茸)』というきのこをモチーフにしたC...
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スキンはこんな感じのスキンです。 大きな特徴で言えば、パソコン画...
0
スキン

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

Hirositeを運営されているhirositeさんが作成されたSimple Darkmode(シンプルダークモード)を同梱させていただきました。 「Simple Darkmode」スキン Simpl...
0
ウィジェット

ウィジェット「表示設定」の「カスタム投稿タイプ」の使い方【寄付特典】

Cocoon 2.3.6からウィジェットの表示切替機能に「カスタム投稿タイプ」を指定できるようになりました。 カスタム投稿タイプページでの表示の切り替え方法 使用するには、従来の「ウィジェット表示設定...
0
テーマ設定

アピールエリアの背景画像を設定する方法(背景画像の固定など)

アピールエリア(別名:ヒーローエリア)に背景画像を設定する方法を説明します。 背景画像の設定方法 アピールエリアに背景画像を設定するには、まず「Cocoon設定」→「アピールエリア」タブを選択してくだ...
0
スキン

単色ベースの優しい色合いでのシンプルスキン「Natural」を同梱追加

Useful Webを運営されているTakaさんが作成されたNatural(ナチュラル)を同梱させていただきました。 「Natural」スキン Naturalスキンは以下の2種類。 Natural(ブ...
0
テーマ設定

Cocoonテーマを手動でダウングレードする最も手軽な方法

Cocoonテーマをアップデートして、不具合が出た際に「テーマを以前のバージョンに戻したい」なんて時があるかと思います。 その際に手軽にできるテーマファイルのダウングレード方法を紹介します。 あくまで...
0
テーマ設定

Cocoonテーマファイルを手動でアップデートする方法

GitHubのCocoonテーマファイル等の、ダウンロードしたzipファイルからアップデートする方法です。 テーマファイルの入手 まずCocoonテーマファイルを入手します。 安定版はCocoonのダ...
0
投稿・固定ページ

Cocoonのテーブルをレスポンシブ対応にする

Cocoonの本文内のテーブルをレスポンシブ対応するには管理画面から「Cocoon設定」→「本文」タブを選択して下さい。 「テーブル」の「レスポンシブテーブル」にある「横幅の広いテーブルは横スクロール...
0
タイトルとURLをコピーしました