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

Cocoonのテンプレートカスタマイズ情報

Cocoonのテンプレートカスタマイズ情報 カスタマイズ

Cocoonの、テンプレートファイルカスタマイズ用の情報です。

テンプレートカスタマイズなので、基本的にPHPを編集できる人向けの内容になります。

わいひら
わいひら

カスタマイズする際の仕様に関する情報もあります。

Tips

Cocoon設定のプレビュー表示制御フックのサンプルコード

Cocoon設定にあるプレビュー表示の制御デモです。
2019.03.14
カスタマイズ

子テーマで多言語対応させるため翻訳ファイルを独自に編集する方法

子テーマ側で言語ファイルを独自に編集して、マルチ言語対応させる方法です。
Tips

アフィリエイトタグ管理機能にPCとモバイルで表示を変えるコードを登録する方法

アフィリエイトタグ登録でパソコンとモバイルで表示するタグを切り替える方法。
Tips

Cocoonランキング機能の「詳細ページ」と「公式ページ」の文言を変更するカスタマイズ方法

ランキングボタンラベルのカスタマイズ方法です。
CSS

新着・人気・関連記事ウィジェット(ショートコード)で投稿日や更新日を表示させる方法

記事関係のウィジェットで投稿日・更新日を表示させるためのCSSサンプルです。
CSS

拡張スタイル「タブボックス」のラベルを日本語化するカスタマイズ方法

Cocoonの英語表記のタブボックスラベルを日本語化する方法です。
CSS

Cocoonの2・3カラムをタブレット幅(481~768px)では1カラムにはしないカスタマイズ方法

タブレット端末では1カラム化しない2カラム、3カラムレイアウトのCSS指定方法です。
Tips

ビジュアルエディターの機能のみでリストをボックスで囲む方法

順序リストや非順序リストをビジュアルエディターの機能のみでボックスで囲む方法です。
CSS

吹き出しの文字サイズを端末ごとに切り替えるCSS記述

Cocoonの吹き出し機能の文字サイズを、PC、タブレット、スマホ毎に切り替えるCSSの紹介です。 まずはCocoonを最新版にアップデートしてください。古いバージョンだと、うまくいかない場合があります。 以下のスタイルシートを...
2018.06.18
Tips

新しいアイコンを利用した「吹き出しデモ」を手っ取り早く登録する方法

v0.7.0より、デフォルトの吹き出しアイコンが変わりました。 ただ、以前のバージョン既に使っている方は、新しいアイコンを使用したデモ吹き出しは登録されません。 新しいアイコンを利用する場合は、以下からダウンロードして登録する必...
CSS

吹き出しの冒頭を揃えて読みやすさに特化するカスタマイズ方法

吹き出しのセリフ部分の幅を0.6.5以前のように揃える方法。
2018.06.06
CSS

トップページを固定ページにした際にタイトル、シェア・フォローボタン、投稿日、更新日、投稿者名の表示を切り替えるCSS例

フロント固定ページで、「非表示にしたいGOが需要が高そうなHTML要素」をCSSで見えなくする方法です。
2019.03.19
CSS

固定ページのシェアボタン・フォローボタンを消す方法

固定ページのSNSボタンを非表示にするCSS設定方法です。特定のページ毎の設定方法もあります。
CSS

CSSでサイトタイトルのフォントサイズ変更するカスタマイズ例

サイトタイトル(テキスト)の微調整用のCSSコードサンプルです。
カスタマイズ

子テーマで上書きカスタマイズ利用できるテンプレートの場所

CocoonテーマのHTMLを変更したかったり、PHP処理を書き加えたかったり、テンプレートファイルを編集する際の基本情報です。
2018.03.26
スポンサーリンク