最新投稿ウイジェットのカスタマイズ

タイトル2行表示

各投稿のサイドバーに表示される「最新の投稿」ウィジェットのタイトルを、2行までの表示に変更するCSSです。

「最新の投稿」ウィジェットの高度な設定を開き、「追加CSS」に直接コードを記載します。

.wp-block-latest-posts__list .wp-block-latest-posts__post-title {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

サムネイル明度変更

各投稿のサイドバーに表示される「最新の投稿」ウィジェットのサムネイル画像の明度を変更するCSSです。

こちらは　外観＞カスタマイズ＞CSS　に直接記載しています。

/* 最新投稿サムネール */
.attachment-thumbnail{
	filter: brightness(95%);
}