スタイリングパネル

スタイリングパネルでは、メール署名の見た目を調整できます。キャンバス上のブロックを選択すると、右側のパネルにそのブロックで利用できる設定項目が表示されます。 デザインツールのような感覚です。要素をクリックし、右側でスタイルを調整します。

​

仕組み

スタイリングパネルは、ブロックの種類に応じて表示される、一貫したセクション構成になっています。

• コンテンツ設定:ブロックに含める内容(テキスト、Smartfieldの接続、画像ソース、リンク)
• スタイル:見た目(色、フォント、書式、アイコンのバリアント)
• サイズ:該当する場合の寸法(幅、高さ)
• レイアウト:署名内での配置(パディング、ギャップ、整列、方向)

すべてのブロックに4つのセクションがあるわけではありません。シンプルなテキストブロックではコンテンツとスタイルのみ、コンテナブロックではレイアウトと整列が中心となります。 ブロックが選択されていない場合、パネルには「Add or select a block to start editing.」と表示されます。キャンバス上の要素をクリックするか、左側のパネルから新しいブロックを追加してください。

---

​

共通のコントロール

これらのコントロールは複数のブロックタイプにまたがって表示され、どこでも同じように動作します。

​

パディング

すべてのブロックには、レイアウトセクションにパディングのコントロールがあります。パディングとは、ブロックの端と周囲の要素との間の余白です。 パディングは全体に一括で設定(全方向に同じ値)することも、コントロールを展開して各辺(上・右・下・左)を個別に設定することもできます。

​

カラーピッカー

カラーフィールドが表示されている箇所をクリックすると、次の機能を備えたカラーピッカーが開きます。

• 視覚的に色を選択できるカラーグラデーションセレクター
• ベースカラーを選択する色相スライダー
• 正確な色の値を入力できる Hex 入力欄
• 会社のカラーパレットにすばやくアクセスできる、下部のブランドカラー

​

ブランドカラー

ブランドカラーは、すべての署名テンプレートで共有されます。ブランドカラーを編集すると、使用されているすべての箇所が更新されます。ブランドのブルーを一度変更するだけで、その色を使用しているすべての署名が自動で更新されます。 新しいブランドカラーは、カラーピッカーから直接 + ボタンで追加できます。

​

リンク

ほとんどのブロックはリンクに対応しています。リンクの入力欄には任意の URL を指定でき、最終的な署名でブロックをクリック可能にします。ウェブサイト・予約ページ・ソーシャルプロフィールへの誘導に便利です。