Klaviyo のドラッグ＆ドロップ エディターにおけるテキスト編集のアップグレードについて
要点：既存のテンプレートは削除されません。複製を含む新規および既存のテンプレートでは、アップグレードされたテキストエディターが使用されます。対応しているブロックは、自動的に更新済みエディターで開きます。未対応の書式設定があるブロックの場合は、更新済みテキストブロックまたはHTMLブロックを選択する前に、プレビューを比較してください。更新済みテキストブロックではサポートされないカスタムコンテンツとスタイルを保持するには、HTMLを選択してください。
概要
このアップグレードにより、Klaviyoのテキスト編集は、より信頼性が高く、よりクリーンな出力を生成する最新のエディターインフラストラクチャに移行します。ウェブページ、Googleドキュメント、または他のソースから書式付きテキストを貼り付ける際に、テンプレートのスタイルに合わせるにはテキストのみ貼り付けを選択し、ソースの書式を保持するには貼り付けて書式を保持を選択できます。また、今後、他のブロックタイプ全体の編集体験を改善するための基盤も整えます。
以前のエディタではテキストブロック内に組み込まれていたソースコードビューは、更新されたテキストエディタでは利用できなくなりました。動的コンテンツにはDjangoタグビルダーを使用し、HTMLを直接編集するにはHTMLブロックを使用してください。この記事の残りでは、期待できる内容について説明します。
既存のテンプレートは引き続き利用できます。対応しているコンテンツは、更新されたエディターで開きます。対応していないコンテンツの場合は、編集方法を選択する前にプレビューを比較してください。更新されたテキストブロックでは、書式が変更されたり、サポートされていない要素が削除されたりする場合があります；元のコンテンツとスタイルを保持するにはHTMLを選択してください。
保護される内容
- サポート対象のコンテンツは、テキスト、テーブル、分岐ブロックで編集可能なままです。テキストコンテンツでサポート対象外の書式設定が使用されている場合は、HTMLとして保持できます。
- ドラッグ&ドロップエディタでメールの作成と編集を続けることができます。テキスト編集ではソースコードビューが含まれなくなり、テーブルブロックと分岐ブロックのテキストをキャンバス上で直接編集できるようになりました。
新しいテンプレートと複製
新しいメールテンプレートでは、テキストブロック内のテキストと、テーブルおよび分岐ブロック内のテキストに、アップグレードされたテキストエディターが使用されます。複製されたテンプレートでもアップグレードされたエディターが使用されます；テンプレートを複製しても古いエディターは復元されません。
既存のテンプレート
コンバージョンの仕組み
既存のテンプレートを編集すると、Klaviyoは更新されたエディターでそのテキストコンテンツがサポートされているかどうかを確認します：
- ブロックを変換できる場合：お客様側で操作する必要はなく、更新されたエディタで自動的に開きます。
- ブロックにサポートされていないコンテンツが含まれている場合：例として、テキストに埋め込まれたテーブル、サポートされていないカスタムスタイル、埋め込みのstyleタグなどがあります。編集のために開くと、Klaviyoからプロンプトが表示されます。左右に並べたプレビューで、更新後のテキストブロックと、元のHTMLバージョンを比較できます。選択する前に相違点を確認してください。更新後のテキストブロックでは、サポートされていないコンテンツが調整または削除される場合がありますが、HTMLでは元のコンテンツとスタイルが保持されます。
この選択は、テーブルブロックと分岐ブロック内のテキストセルにも適用されます。セルをHTMLに変換しても、周囲のテーブルまたは分岐のレイアウトは維持されます。
ソースコード ビュー
新しいエディタは、コンテンツを生のコードではなく構造化データとして理解することで動作します。これは、信頼性が高く、一貫性があり、コピー＆ペーストされたコンテンツの処理に優れているのと同じアプローチです。このため、テキスト ブロック内で任意の HTML 編集を直接サポートできず、ソースコード表示を同じ形のまま引き継げません。
HTMLを直接編集する場合は、専用のHTMLブロックを使用してください。動的コンテンツの場合は、Djangoタグビルダーで条件とループの視覚的なコントロールを利用できます。視覚的なコントロールで表現できないカスタムタグと条件には、ビルダー内のコードが必要です。
変更点
- テキスト、テーブル、分岐ブロックでのソースコードビューは、動的コンテンツ用のDjango Tag Builderと、コードを直接編集するためのHTMLブロックに置き換えられました。
- テーブルブロックと分岐ブロックでは、キャンバス内でテキストを編集できます。メールキャンバス内のテキストをダブルクリックして編集してください；サイドパネルには引き続きレイアウトとスタイルの設定が含まれています。
Djangoタグを追加します。
- メールキャンバス内のテキストをダブルクリックすると、書式設定ツールバーが開きます。
- 挿入を選択し、If/else条件、Forループ、または設定可能なタグを選択してください。
- ロジックブロックを編集パネルでタグを設定し、保存をクリックします。タグ内のコンテンツを引き続き編集します。
サポートされていない書式のブロックを確認する
- メールキャンバスで編集したいテキストをダブルクリックしてください。このブロックはサポートされていない書式設定を使用していますというタイトルのダイアログが開いた場合は、プレビューを確認してください。
- HTMLブロックと更新済みのテキストブロックを比較してください。カスタムスタイル、テキストに埋め込まれた表、および変更される可能性があるその他のコンテンツを確認してください。
- 調整されたコンテンツを承認してテキストエディターを使用するには更新されたテキストブロックで編集を選択するか、元のコンテンツとスタイルを保持してコードを直接編集するにはHTMLブロックに変換を選択してください。
- 選択した形式で編集を続けます。表または分岐ブロックの場合、選択内容は選択したテキストセルに適用されます。
以前にテーブルまたは分岐セルをHTMLからテキストに切り替えた場合、HTMLに変換すると、変換後のテキストの後に保存済みのHTMLが含まれます。セルに余分なコンテンツがないか確認してください。
テンプレートを確認する
既存のテンプレートを作り直す必要はありません。確認する際は：
- Standard テキストブロックは、必要な操作なしで自動的に変換されます。
- 埋め込みテーブル、サポートされていないカスタムスタイル、または埋め込みスタイルタグを含むテキストは、編集のために開くと、更新されたテキストブロックをHTMLバージョンと比較するよう促します。テキストエディターでサポートされないコンテンツやスタイルを保持する必要がある場合は、HTMLを選択してください。
特定のテンプレートがどのような影響を受けるか不明な場合は、サポートオプションを確認するためにサポートにお問い合わせください。メールサポートは有料プランで24/7ご利用いただけます。無料アカウントでは、アカウント作成後60日間に限り、メールサポートチケットを送信できます。