縦アイキャッチ背景ぼかし

はじめに

アイキャッチ画像が縦向きの場合、表示が変更されます。

縦画像の左右にボカシの画像を入れたいです。

いつもお世話になります。 スマホなどで撮影した画像が縦画像の場合、左右に余白が出ると思います。テレビなどでよく見かけるやつですが、その余白に同じ縦画像のボカシが入ったものを入れたいです。 Diverというテーマにはそのような機能が付いている...

wp-cocoon.com

表示例

• オフ
• オン

説明

アイキャッチ画像が縦向きの場合、設定された比率で縦幅が収まるように表示します。
その際、左右の余白を埋めるために、画像をぼかした背景に重ねて表示します。

注意事項

サムネイルには反映されません。
他と同様に、元画像を中央でトリミングし、サムネイルとして表示します。

さいごに

本スキンのカスタマイズにより、縦アイキャッチ画像の表示がより魅力的になり、ユーザーに対する視覚的な印象を向上させることができます。