NewPost | ページ 4 | Cocoon-grayish

記事の装飾に使える、スキン独自のカラーパレット

Cocoonブロックなどの、スキン独自スタイルに使用しているカラーについて、記事内でも利用できるようにカラーパレットに追加しています。段落などのテキスト、背景色を変えるだけでも印象が変わるので、是非ご活用ください。ハイライトとして一部分だけの色変更にも使用できます。ご自分だけのカラーを追加したい場合は、Cocoon設定から追加可能なのでお試しください。

2023.12.01 2025.01.10

マニュアル記事作成

子テーマのCSSでカスタマイズしたい場合

サイトフォントやサイトリンク色はスキン制御されていますが、これらは子テーマのCSSでカスタマイズすれば任意の値に変更可能です。スキン制御を外す、という作業はしたくないんだけど、変更したいという方に向けた内容です。また、スキンのテーマカスタマイザーでカラー変更をする際に、特定の部分は別のカラーにしたい、というケースもあると思います。そのような場合も子テーマのCSSカスタマイズで変更可能です。この記事に載せるコードは推奨ではなく参考用ですので、予めご了承ください。

2023.11.29 2025.10.30

カスタマイズマニュアル

スキンの複雑（高度）なカスタマイズをする場合

grayishのスキン制御(option.csv)の変更や、functions.phpなどのファイルを直接編集してカスタマイズを行いたい場合の内容になります。子テーマの下のskinsフォルダにカスタマイズしたスキンデータをアップして使用する手順になります。色を一部分だけ変更したい、等のCSS(style.css)だけで完結するカスタマイズでは不要な手順になります。

2023.11.22 2025.06.10

確認・注意事項

grayish、Cocoonに同梱していただきました！

今後はCocoonのスキン一覧からgrayishを選択していただくことでご利用が可能になります。当サイトは引き続きマニュアルとして記事を追加していく予定です。

2023.11.22

更新情報

サイトロゴを簡単に作りたい。CanvaとAdobe Expressの使用例

サイトのロゴ画像もCanvaで簡単に作ることができます。ですが、背景透過のPNGでダウンロードは無料版では利用できない為、外部ツールを使って背景透過にする方法を紹介しています。Canvaと同様なことができるAdobe Expressでの作成方法も紹介しています。こちらは無料プランで背景透過のPNGのダウンロード可能ですが、期間限定の機能のようなのでご注意ください。

2023.11.01 2023.11.27

ブログTips