Cocoon ver2.7.1でのgrayish仕様変更のお知らせ

①PCグローバルナビのサブメニューのプレビュー表示について

ver2.7.0までは、PCグローバルナビにサブメニューがある場合、Cocoon設定のプレビューやテーマカスタマイザーのプレビューでサブメニューを表示できませんでした。
ver2.7.1では、どちらでもサブメニューを表示するように仕様変更しました。

②テーマカスタマイザーで設定した英字フォントとCocoon設定のサイトフォントの組み合わせについてCSS変数を追加し、任意の場所で使用可能に

子テーマでカスタマイズされる方向けに追加しました。

テーマカスタマイザーで設定した英字フォントと、Cocoon設定で選択したサイトフォントの組み合わせについて、以下のように子テーマのstyle.cssに書くことで、任意の場所（見出しや段落など）に適用させることが可能です。

	font-family: var(--skin-grayish-style-font);

使用方法の例

以下の記述を子テーマのstyle.cssに追加し、

.cstm-skin-font-set {
	font-family: var(--skin-grayish-style-font);
}

ブロックエディタの任意の段落について追加CSSクラスの欄にcstm-skin-font-set
を入力し、保存します。

例えば英字フォントをMontserratに設定している場合、cstm-skin-font-setを設定した段落は

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
日本語には、Cocoon設定のサイトフォントが適用されます。

のように英字はMontserratが、日本語はサイトフォントが適用されます。
※当サイトのサイトフォントは、「游ゴシック体・ヒラギノ角ゴ」になっています。

ハート

サイト型のフロントページの見出し等のカスタマイズに、ぜひ使ってください！