シンプルなWordPressテーマ

Cocoonは、SEO・高速化・モバイルフレンドリーに最適化した無料テーマです。
見た目はシンプルですが、初めての方でも感覚的に使えるように
便利な機能を織り込んで作りました。
100%GPLテーマなので自由にご利用いただけます。

ダウンロードページはこちら。

ダウンロード

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

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

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

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

わいひら
わいひら

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

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で見えなくする方法です。
CSS

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

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

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

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

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

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