EditorsKitで、角丸画像、円に切り抜いた画像を作成
以前のBLOGで、EditorsKitで、斜め画像を作成する方法を紹介しました。今回は、EditorsKitで、角丸画像、円に切り抜いた画像を作成する方法を紹介します。
出典 : EitorsKit
今回のDEMOは、JAZZ LIVEのLPです。
タイトルを角丸、アーティスト写真を円にしました。画像をデュオトーンで2色のグラデにしています。
角丸
カバーブロックの背景に画像を配置します。カバーを選択し、右サイドメニューのブロック＞スタイル＞Rounded Cornersをクリックします。
ブロック＞スタイル＞Rounded Cornersをクリック
円
画像を選択し、ブロック＞設定＞アスペクト比を正方形 – 1:1に設定します。ブロック＞スタイルをCircularに設定します。
アスペクト比を正方形 – 1:1に設定
スタイルをCircularに設定
画像は角丸でもOK
画像は、ブロックエディターの機能である角丸でも円に切り抜かれます。カバーでは、表示されません。
以上で、今回の説明は終了です。長方形のアスペクト比とCircularを使えば、カプセル型の画像も作成できます。
