🎠 Image Carousel要素レイヤーを使うと、左右の矢印と(任意の)サムネイルで操作できるインタラクティブな画像カルーセルを追加できます。
画像カルーセルのサムネイルをカスタマイズする 。🎠 Image Carouselコンポーネントのサムネイルの見た目をカスタマイズするには、EmailifyプラグインのヘッダーにあるSettingsボタンをクリックし、🎠 Image Carouselレイヤーをクリックします。サムネイルのサイズ、デスクトップ・モバイルで表示するかどうか、アクティブ時・ホバー時の枠線の色やアイテムの間隔などを変更できます。
Outlookではカルーセルの最初の画像だけが表示されます。 Outlookは、インタラクティブな画像カルーセルに必要な機能に対応していません。最も重要な画像を最初のスライドにし、重要な情報を2枚目以降のスライドだけに載せないようにしてください。
🎠 Image Carouselの要素
🎠 Image CarouselのFigmaレイヤーを選択すると、次のオプションが表示されます。
カルーセル画像
🎠📷 Carousel Image要素を使うと、既存の親要素である🎠 Image Carouselに画像スライドを追加できます。
「Quick Add」機能で新しいEmailifyレイヤーを追加する
Emailifyでは、Figmaのデザインにレイヤーとして追加される専用のレイアウトブロックとコンテンツ要素を使ってデザインを組み立て、プラグインからHTMLにエクスポートできます。
これらのレイアウトブロックやコンテンツ要素を追加するには、Emailifyフレームを1つ以上作成しておき、そのフレームをクリックします。プラグイン下部にQuick Add Elementコンテキストメニューが自動で表示されるので、追加したい要素をクリックし、Add + ボタンをクリックすると、選択したレイヤーに追加されます。
コンテキストメニューに表示されるオプションは、現在選択しているFigmaのレイヤーに応じて変わります。
Settingsを開いてから、Figmaで同じ種類のEmailifyレイヤーを複数選択すると、設定を一括で適用できます。変更した設定は、選択したすべてのレイヤーに適用されます。