パステルカラーのかわいい系Cocoonスキン「アリス」等を追加
テーマ全般
グローバルナビのカテゴリー説明文が表示される場合の削除方法
グローバルナビの補足説明部分に対して「カテゴリ説明文」が出てしまう場合の削除方法です。
拡張スタイル「白抜きボックス」の表示サンプル
リストなどを囲むのに便利なブランクボックススタイルの利用方法と表示サンプルです。
春のおでかけがテーマのCocoonスキン「おでかけ」シリーズ3種の紹介
Cocoonテーマをかわいくしてくれる「おでかけ」スキンの紹介です。
背景が牧歌的な空の絵のCocoonスキン「m-sora」を同梱。「m-tomato」も追加。
Webのことを運営されているmarineさんが作成されたスキン「m-sora」「m-tomato」を追加しました。m-soraスキン追加画像のように、背景の空の絵が印象的なスキンです。ちなみに背景画像は、PixabayのCC0画像です。見出...
Cocoonスキンでカスタマイズすると映えるポイントまとめ
Cocoonのスキン機能でカスタマイズするなら、ココを変更すると効果的という部分をまとめてみました。これらをカスタマイズすることにより、Cocoonっぽさをかなり減らすことができるかと思います。
Cocoonスキンの機能の仕様
Cocoonのスキン機能に関する詳細な仕様書です。スキン機能を利用すれば、洋服を着替える感覚でサイトデザインを変更することが可能です。
Cocoonに同梱追加した「いつもの」スキン3種の紹介
いつもの深海、いつものローズ、いつものコーヒースキンの紹介です。
Cocoonテーマの自動アップデート機能について
テーマの自動アップデート機能に更新通知が来ない、もしくは通知が遅いなんて場合、一応理由があってそのようになっています。その理由は安全策をとっています。詳しくは記事をご参照ください。
CocoonでGitHub Gistの埋め込みを手軽に利用する方法
Cocoonで、GitHub Gistの埋め込みを、URL入力のみで表示させる方法です。
エントリーカードの投稿日・更新日・投稿者表示を切り替える方法
エントリーカードの補足情報表示を切り替える機能の紹介です。投稿者表示は、複数運営者がいるメディア向けです。
トップページを固定ページにした際にタイトル、シェア・フォローボタン、投稿日、更新日、投稿者名の表示を切り替えるCSS例
フロント固定ページで、「非表示にしたいGOが需要が高そうなHTML要素」をCSSで見えなくする方法です。
スマホでエントリーカード抜粋文(スニペット)表示を切り替える方法
Wordpressインデックスページにあるエントリーカードのスニペット(抜粋文)のスマホでの表示を切り替える機能です。縦型エントリーカードにも、関連エントリーカードにも適応されます。
文字選択色と背景色を変更する方法
サイト内のテキストを選択した時の「選択文字色」と「選択文字背景色」をテーマ設定から変更する方法です。
固定ページのシェアボタン・フォローボタンを消す方法
固定ページのSNSボタンを非表示にするCSS設定方法です。特定のページ毎の設定方法もあります。
拡張クラスの補足説明ボックスのスタイルを変更しました
Cocoonの拡張クラスのインフォボックス、クエスチョンボックス、エクスクラメーションボックスもうデザインを変更しました。
Simplicityの投稿設定をCocoonで引き継いで利用する方法
Simplicityの投稿ページで設定していた「SEO設定」「広告設定」「AMP設定」を引き継ぐ機能を追加しました。その使い方の解説ページ。
テーマが利用しているサムネイルを再生成して最適化する方法(画像の大きさを揃える)
Force Regenerate Thumbnailsプラグインを用いて、テーマ上のサムネイルを再生成し、画像できるだけ綺麗に表示する方法の紹介です。
CocoonをKUSANAGI環境に対応させる方法。
KUSANAGI環境だと、Wordpressのファイル操作ができない場合があります。Cocoonでは、KUSANAGI環境でも、利用できるように補助機能があります。
CSSでサイトタイトルのフォントサイズ変更するカスタマイズ例
サイトタイトル(テキスト)の微調整用のCSSコードサンプルです。
テーブルをレスポンシブ対応の横スクロール方式にする方法
横スクロール表示対応のレスポンスでテーブル設定方法です。