emulsion 2.4.8

group ブロックに、gallery-light-box クラス

カテゴリーアーカイブ、タグアーカイブページのレイアウトが少し崩れる問題を修正。

要約文の行数を指定するための、–wp–custom–max-height–excerpt-linesが有効になりました。

上記のCSS variablesは、theme.json settings/custom/maxHeight/excerpt-linesで1-4で設定可能です

alignleft , alignright marginの調整を行いました

背景色をtheme.jsonで変更する場合の注意

theme.jsonファイルは、アップデートの時に初期化されるので、チャイルドテーマの使用を検討してください。親テーマのtheme.jsonをコピーして、チャイルドテーマに貼り付けてからカスタマイズを行うと簡単です。

以下のように、hex colorで指定された場合、emulsion テーマは背景色を解析して、is-fse-darkまたは、is-fse-lightのクラスをbody要素に追加します。

{
    "version": 2,
    "title": "Midnight",
    "styles": {
        "color": {
            "background": "#1b262c",
            "text": "#ffffff"
        },

以下のようにcustom background を指定し、styles backgroundにCSSvariables をセットした場合には、body要素に、is-fse-bg-var–wp–custom–color–background クラスが追加されますが、色を評価しないため、is-fse-light, is-fse-darkクラスは追加されません

この場合は、ご自身でテキストや、リンク色のstyleを指定する必要があります。

色のコンフリクトを防ぐため、以下の場合だと、is-fse-bg-var–wp–custom–color–background に必ず関連付けて、スタイルを記述してください

{
    "version": 2,
    "settings": {
        "custom": {
            "color": {
                "text": "#000000",
                "link": "#333",
                "link-hover": "#a22041",
                "background": "#ffffff"
  
            }
        },
		"styles": {
			"color": {
				"background": "var(--wp--custom--color--background)",
				"text": "var(--wp--custom--color--text)"
			}
		}
	}
}

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

[emulsion_relate_posts]