ふわっと柔らかなシンプルスキン「みるらいと」を追加。細部まで作り込まれています。
テーマ全般
新着情報(新着投稿タイトル一覧)を表示するショートコードの利用方法
Cocoonでは、ショートコードを用いて新着投稿のタイトルリストを表示することが可能です。ショートコードの書き方基本的にショートコードは、以下のように書いて利用できます。上記のように書くことで、以下のように表示されます。オプションを用いたシ...
きのこをモチーフにしたオリジナルスキン「ハナオチバタケ」の紹介
ネット回線マニアを運営されているくみたろうさんが作成されたスキン「ハナオチバタケ」の紹介です。ハナオチバタケスキンハナオチバタケスキンは『ハナオチバタケ(花落葉茸)』というきのこをモチーフにしたCocoonスキンです。ちなみにハナオチバタケ...
Cocoonスキン「ゆっくり色が変化」を同梱追加
LUCKLOGを運営されているらくさんが作成されたゆっくり色が変化スキンを同梱させていただきました。このスキンは「指定した4色で背景がゆっくり入れ替わっていくスキン」です。このスキンはサイトに大きなデザインの変更が出るわけではないです。背景...
Cocoonでヒートマップ分析ツールのClarityを利用する方法
無料で使えるWEBサイトヒートマップ分析ツールの「Clarity(クラリティー)」を利用する方法を説明します。CocoonにClarity設定を行うことで、以下のような「クリック分析」を行ないコンバージョン分析をしたり「スクロール分析」で何...
Cocoonサイトに動きが出るアニメーションを追加する方法。「ふわっと追加」スキン同梱による機能。
LUCKLOGを運営されているらくさんが作成されたふわっと追加スキンを同梱させていただきました。このスキンの追加により、Cocoonサイトに4種類のアニメーション効果を付加できるようになります。サイトにアニメーション効果を付加する方法(ふわ...
サイトが手書きテイストになる「てがきノート」スキンを追加
ゆうそうとを運営されているゆうそうとさんが作成されたてがきノートスキンを5種類同梱させていただきました。このスキンを利用すると、アナログ手書きされたような風合いになるので、全体的にやわらかい印象のサイトにすることができます。「てがきノート」...
Google Analytics(GA4)でアクセス解析をする方法
CocoonでGoogle Analytics 4(以下、GA4)の設定方法を紹介します。GA4でアクセス解析をするには、「Google Analytics」を用いた方法と、「Googleタグマネージャー」を用いた方法がありますが、以下では...
GoogleタグマネージャでGoogle Analytics 4(GA4)を用いたアクセス解析設定方法
CocoonでGoogle Analytics 4(以下、GA4)の設定方法を紹介します。GA4でアクセス解析をするには、「Google Analytics」を用いた方法と、「Googleタグマネージャー」を用いた方法がありますが、以下では...
シンプル志向でダークスキンにも対応した「one」スキンを同梱追加
ハイジブログを運営されているhaijiさんが作成されたCocoonスキン「one」を同梱させていただきました。「one」スキンoneスキンはこんな感じのスキンです。大きな特徴で言えば、パソコン画面でも以下のようにmobileメニューボタンが...
OSやブラウザのダークモードに対応した「Simple Darkmode」スキンを同梱追加
Hirositeを運営されているhirositeさんが作成されたSimple Darkmode(シンプルダークモード)を同梱させていただきました。「Simple Darkmode」スキンSimple Darkmodeは、通常はこんなデザイン...
ウィジェット「表示設定」の「カスタム投稿タイプ」の使い方【寄付特典】
Cocoon 2.3.6からウィジェットの表示切替機能に「カスタム投稿タイプ」を指定できるようになりました。カスタム投稿タイプページでの表示の切り替え方法使用するには、従来の「ウィジェット表示設定」と同様です。表示設定の対象が「カスタム投稿...
アピールエリアの背景画像を設定する方法(背景画像の固定など)
アピールエリア(別名:ヒーローエリア)に背景画像を設定する方法を説明します。背景画像の設定方法アピールエリアに背景画像を設定するには、まず「Cocoon設定」→「アピールエリア」タブを選択してください。「エリア画像」に画像を選択してください...
単色ベースの優しい色合いでのシンプルスキン「Natural」を同梱追加
Useful Webを運営されているTakaさんが作成されたNatural(ナチュラル)を同梱させていただきました。「Natural」スキンNaturalスキンは以下の2種類。Natural(ブルー)Natural(グリーン)レイアウト主な...
Cocoonテーマを手動でダウングレードする最も手軽な方法
Cocoonテーマをアップデートして、不具合が出た際に「テーマを以前のバージョンに戻したい」なんて時があるかと思います。その際に手軽にできるテーマファイルのダウングレード方法を紹介します。あくまで一時的な対処ですので、不具合対応版が出たらテ...
Cocoonテーマファイルを手動でアップデートする方法
GitHubのCocoonテーマファイル等の、ダウンロードしたzipファイルからアップデートする方法です。テーマファイルの入手まずCocoonテーマファイルを入手します。安定版はCocoonのダウンロードページから。最新の不具合対応や機能追...
Cocoonのテーブルをレスポンシブ対応にする
Cocoonの本文内のテーブルをレスポンシブ対応するには管理画面から「Cocoon設定」→「本文」タブを選択して下さい。「テーブル」の「レスポンシブテーブル」にある「横幅の広いテーブルは横スクロール」にチェックを入れてください。これで画面幅...
単に日時を表示するためのdateショートコードの使い方
今日は、「」です。といったような、フォーマット指定した日時を表示するだけのショートコードを追加しました。ページキャッシュプラグイン等を利用している場合は、キャッシュが表示されて現時点での日時が出ない可能性がありますのでご了承ください。dat...
モバイルでのAdSense広告を画面幅いっぱいにするかどうかを切り替える機能の説明
モバイル環境でレスポンシブ広告の表示形式を変更出来るようになりました。機能を利用するには.Cocoon設定の「広告」タブにある「モバイル広告の幅を広くする」で変更します。機能を有効にするとモバイル端末で画面幅いっぱいに広告が表示されます(デ...
Cocoonテーマをダッシュボードの更新機能で手軽にアップデートする方法
WordPress管理画面の「ダッシュボード」メニューにある「更新」を選択してください。アップデートするテーマ(今回はCocoon)を選択し「テーマを更新」ボタンを押してください。しばらく待って「Cocoon の更新に成功しました。」と表示...
HTML挿入ツールボタンの使い方【寄付特典】
「HTML挿入ツールボタン」は、文章中にHTMLをそのまま挿入することができます。リンクタグとインプレッションコードが含まれた、アフィリエイトコードなどを挿入するときに主に利用します。ツールボタンで「HTML挿入」を押すとインプットボックス...