achive_posts

Archive Posts で Image Ratio 設定が Post 11番から機能しない

Elementorのアーカイブ ポストで設定するイメージレシオが投稿の11番目から機能しなくなった場合は、CSSから直接書き足す。

イメージレシオ設定が機能しない

アーカイブページ(Archives Page)で使用する Archive Posts ウィジェットで、イメージレシオ(Image Ratio)を変更する。

今回は イメージレシオを 1.2 に設定した。

ところが、

ポストが10までは、設定通りになるが、11以降は、設定が反映されない。

原因は、バグ、あるいは、nginx fcgi-cache によるものが予想できる解明するよりも、対策をすることにした。

archive_posts イメージレシオ
アーカイブポスト イメージレシオ 不具合
アーカイブポストの11番からイメージレシオがおかしい

対策方法

根本的な解決ではないが、対策にCSS に直接 イメージレシオ(Image Ratio)を書き込んでしまう方法をとる。

image_ratio

Custom CSS

				
					.elementor-posts-container article:nth-child(n+10) .elementor-post__thumbnail img {
    aspect-ratio: 10 / 12; /* 例:10:12の比率に変更 */
    object-fit: cover;
}
				
			

結果は、良好

archive_posts_image_ratio 修正
CSSにイメージレシオを記すと、うまく動作した。

ポスト11番以降も設定したイメージレシオで表示されました。

Archive Posts で Image Ratio 設定が Post 11番から機能しない

コメントを残す

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

関連コンテンツ

Post Comments

Post Comments の CSS

テーマHelloには、Post Comments の外観のCSSがないので追加しよう。

最近の投稿

Post Comments

Post Comments の CSS

テーマHelloには、Post Comments の外観のCSSがないので追加しよう。

Archive Posts で Image Ratio 設定が Post 11番から機能しない