単色の図を作成して、ページのデザインを強化します。

図形ブロックを使用して、創造エディター セクションにさまざまな図形を追加します。このようにして、レイアウトに変化をつけたり、人目を引くモチーフを加えたり、図形ブロックを他のブロックにオーバーラップさせることで、より視覚的に印象的なレイアウトを作ることができます。

動画を見る

ヒント: 図形ブロックは、ページ デザインに単色のシェイプを追加するだけです。図形内に画像を追加するには、画像ブロックを使用します。

図形ブロックは、バージョン7.1サイトの創造エディターでサポートされています。

図形ブロックを追加する

図形ブロックを追加する方法は次の通りです。

1. ページもしくは投稿を編集し、[ブロックを追加] をクリックして、[図形] をクリックします。ヘルプについては、 「ブロックを使用したコンテンツの追加」を参照してください。
2. ブロックの鉛筆アイコンをクリックするか、ブロックをダブルクリックしてブロック エディターを開きます。
3. [図形] でドロップダウン メニューをクリックし、必要な図形を選択します。基本的な四角形を選択した場合は、角の半径を設定します。
4. [引き伸ばし] トグルをオンにすると、図形がブロック全体に表示されます。ブロックのサイズを変更すると、図形の比率が変わる場合があります。[引き伸ばし] を無効のままにしておくと、ブロックのサイズを変更しても図形の比率は維持されます。
5. [色を微調整] をクリックしてブロックの色を設定します。
6. [ブレンド モード] ドロップダウン メニューをクリックして、透明度の設定を選択します。こうしたエフェクトは、画像やその他のビジュアル コンテンツの前に図形ブロックを重ねる場合に最適です。
7. [ストローク] の横で、図形の輪郭を描く実線または点線を有効にします。実線と点線の両方で、ストロークの色と太さを設定します。点線の場合は、[ダッシュ] と [ギャップ] のサイズと [先端] の形状を設定します。
8. [ドロップ シャドウ] トグルをクリックして図形にドロップ シャドウを追加します。[角度]、[距離]、[ぼかし]、[色] を設定します。

ヒント: ドロップ シャドウが表示されない場合は、距離やぼかしの設定を増やしてください。

図形ブロックの色

ブロック エディターでは、サイトのパレットから図形の色を選択するか、カスタム カラーを選択できます。ブロックのドロップ シャドウを有効にした後、ブロックのドロップシャドウの色を選択することもできます。これらの設定により、追加するそれぞれの図形ブロックを異なる色のドロップ シャドウを加えることができます。

パレットの色を選択し、後でサイトのパレットを変更すると、新しいパレットに合わせて色が変更される場合があることに注意してください。図形ブロックやそのドロップ シャドウにカスタム カラーを選択した場合、パレットを変更してもその色は変わりません。

ブロック エディターで色を選択しない場合、図形ブロックとそのドロップ シャドウはセクションのカラー テーマの既定に従います。これらの既定の色をカスタマイズする方法は次の通りです。

1. [サイト スタイル] を開きます。
2. [色] をクリックします。
3. セクションのテーマにカーソルを合わせ、鉛筆アイコンをクリックします。セクションで使用されているテーマがわからない場合は、セクションの右上隅にあるラベルを確認します。
4. [図形ブロック] までスクロールし、[背景色] と [ドロップ シャドウの色] を変更します。

次のステップ

図形ブロックのデザインを設定した後は、次を実行します。

• レイアウトに合わせてブロックのサイズを変更する
• ブロックをページ上の目的の場所に移動する