SILKスキンを使ってCocoonをカスタマイズする

スポンサーリンク

SILKスキンとは?

SILK(シルク)はキーカラーやダークスキンなど、デザインをカスタマイズできるブロックエディタ向けのCocoonスキンです。

Cocoonのシンプルなデザインや独自設定による豊富な機能を保ちつつ、より機能性とカスタマイズ性を向上させるCocoonスキンです。

SILKスキンを適用する

Cocoon設定>スキン>スキン一覧よりSILK(シルク)を選択して、「変更をまとめて保存」ボタンを押下します。

オプションファイルを適用する

自動でCocoon設定を調整し、サイトデザインを変更できるオプション設定があります。

オプションファイルは公式サイトからダウンロードできます。

Cocoon設定>バックアップより、オプションファイルの中から好きなデザインのファイルを選択し、オプション設定の追加を行うと、Cocoon設定の主なデザイン項目(キーカラー、ヘッダー設定、フッター設定など)が自動的に設定されます。

キーカラーを設定する

Cocoon設定のキーカラーに完全対応しており、見出しやラベル、ボタンなど、サイト全体のポイントとなる部分に適用される色を自由に変更できます。

Cocoon設定>全体>キーカラーからキーカラーを設定します。

ダークスキンを設定する

ダークスキンとは黒色を基調としたデザインスキンです。

文字色を設定

Cocoon設定>サイトフォントから文字色を白色に設定します。

背景色を設定

Cocoon設定>サイト背景色からを背景色を黒色に設定します。

キーカラーやヘッダー色、フッター色など、Cocoon設定で各パーツの色を黒色基調に合わせて変更することで、よりオリジナルなダークスキンとして機能します。

コメント

タイトルとURLをコピーしました