汎用カスタマイズ

横に向けると文字が大きくなる グリッド揃えに関する記事を書いていた時、ふと手持ちのiPhoneで、表示を傾けると急に文字が大きくなった。（タイトル画像参照） ルビの振ってある「行取ぎょうど」がcss通りの大きさなのだが...

以前の記事で、AMPページでもサイトの印象が変わらぬ様、配色や装飾に必要なミニマムなcssとしてamp.cssを作成し、50KB制限に収める手法を試みました。ですが、Cocoonの仕様ではAMPページではamp.cssとstyle.css...

前回やり忘れていた事 前回は「まとめ」までして終わった気になり、全く気付いていなかったのですが、 フッター周りが手付かずでしたｗ 疾く疾くとっととカスタマイズしていきます。 フッターのカスタマイズ ...

前回の続きとなります。 前回のおさらい 「skin-colors-yellow」をベースにカスタマイズ 前回、スキンでの着色を行った結果、Cocoon オリジナルのシンプルなデザイ...

前回の続きとなります。 skin-colors-yellow をお手本にする 色指定を整理する 「skin-colors-yellow」の「style.scss」では、まず最初に基本となる色の指定がなされてい...

キッカケは Cocoon の Gutenberg 対応 嬉しいニュースですね。 特に thx.jp の様に Classic エディタにあまり頼らずにコンテンツ制作...

Cocoon 設定→管理者画面→管理者パネル。とても便利で重宝させてもらってます。 その内の「Responsinator」チェックをすると、上記サムネイルの様にカラムで作成したページの見栄えが良くないのでカッコよくしたい。 ...

Cocoon 設定→ソースコード設定にてソースコードをハイライト表示（highlight.js）する際、表示結果を「折り返し・改行」ではなく「横スクロール」に変更する。Cocoon は親テーマの style.css にて /****...

2019-03-16：追記 よりカンタンにカスタマイズが行える様、プラグインを作成しました。 こちらのページを御覧ください。 アイキャッチ、サムネイル、インデックスカー...