フロントページのメインビジュアルに、プラグイン「grayish MV add」を使用中!詳しくはここをClick!
PR

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

更新情報
記事内に広告が含まれています。

Cocoonのver2.7.1でgrayishの仕様変更を行った点についてお知らせいたします。

Cocoon ver2.7.0での不具合については、ver2.7.1にアップデートすることで解消されます。
スポンサーリンク

ver2.7.1で仕様変更した内容について

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が、日本語はサイトフォントが適用されます。
※当サイトのサイトフォントは、「游ゴシック体・ヒラギノ角ゴ」になっています。

ハート
ハート

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

レイアウト崩れ等を発見したらお知らせください

もしgrayishを使用していて、レイアウトが崩れたり等、発見されましたら大変お手数ですがお問い合わせフォームからご連絡ください。

今後ともスキンgrayishをどうぞよろしくお願いいたします。

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