EditorsKitで、角丸画像、円に切り抜いた画像を作成

  • Plugin
  • 以前のBLOGで、EditorsKitで、斜め画像を作成する方法を紹介しました。今回は、EditorsKitで、角丸画像、円に切り抜いた画像を作成する方法を紹介します。

     出典 : EitorsKit

    今回のDEMOは、JAZZ LIVEのLPです。

    タイトルを角丸、アーティスト写真を円にしました。画像をデュオトーンで2色のグラデにしています。

    角丸

    カバーブロックの背景に画像を配置します。カバーを選択し、右サイドメニューのブロックスタイルRounded Cornersをクリックします。

    ブロックスタイルRounded Cornersをクリック

    画像を選択し、ブロック設定アスペクト比正方形 – 1:1に設定します。ブロックスタイルCircularに設定します。

    アスペクト比正方形 – 1:1に設定

    スタイルCircularに設定

    画像は角丸でもOK

    画像は、ブロックエディターの機能である角丸でも円に切り抜かれます。カバーでは、表示されません。

    以上で、今回の説明は終了です。長方形のアスペクト比Circularを使えば、カプセル型の画像も作成できます。