本テンプレ－トについての、色の変更や、編集方法について機能内で行える内容を記載しています。
このマニュアルページ以外の、テンプレート内の表示変更についてのご案内はHTMLソース内での修正となりますので、サポート対象範囲外となっております。
あらかじめご了承願います。
カラーチャートについて
HTMLメールに記載する用の色設定については下記のようなサイトにて16進数カラーチャートをご確認ください
https://www.colordic.org/
※弊社管理サイトではございませんので、操作方法や確認方法についてはご案内できかねますのでご了承ください。
ボタンについて
GmailではHTMLソースで作成したボタンを表示することが出来ますが、Outlookのダウンロード版（クラシックOutlook）をご利用の場合ボタンが表示されない場合があります。
特に白文字で記載している場合、背景色のソースがなくなるため、ボタンが表示されないような状態になります。
そのため全てのメーラーで確認できるようにしたい、という場合は「画像」にてボタンの埋め込みをお願いいたします。
HTMLメール用のボタンのサンプルを下記にておまとめしています。
背景色の変更
画面幅半分程度の大きさのボタンの場合、ボタン箇所を右クリック後「表の詳細設定」をクリックします。
「表の詳細設定」ポップアップが表示されますので、「詳細設定」に変更し「背景色」を変更、「保存」すると変更します。
枠線の変更
名刺を電子化する方法！無料サービスと有料サービスをご紹介 のボタン部分の枠線の色の変更方法です。
枠線が記載している部分を選択し、「セルの詳細設定」にて色の変更を行うことが出来ます。
名刺を電子化する方法！無料サービスと有料サービスをご紹介 をクリックし、画面下部の「TD」をクリックします。
「TD」クリック後、該当箇所を右クリック＞「セル」＞「セルの詳細設定」をクリックします。
「セルの詳細設定」ポップアップが表示されますので、「詳細設定」に変更し「枠線の色」を変更、「保存」すると変更します。
封筒（メール）アイコンがついている個所変更方法
画像の変更
封筒ボタンをクリックし、編集ツール「画像の挿入・編集」ボタンをクリックし、画像の差し替えが出来ます。
透過画像（png）での設定を推奨します。
背景色の変更
初期設定では「#e03e2d」が設定されています。
編集ツール「<>」ボタンをクリックし、Ctrl＋Fにて#e03e2dを検索します。
該当箇所がハイライトされますので、色の変更をお願いします。
文字色の変更
編集ツール「テキストの色」から変更します。
変更したい文字を右ドラッグしていただき、選択後「テキストの色」の右側「∨」ボタンをクリックしカラーチャートから変更したい色を選択してください。
カラーチャート内色をクリックすると、文字色が変更されます。
文字背景色の変更
編集ツール「背景色」から変更します。
変更したい文字を右ドラッグしていただき、選択後「背景色」の右側「∨」ボタンをクリックしカラーチャートから変更したい色を選択してください。
カラーチャート内色をクリックすると、背景色が変更されます。
枠線の変更
＜インポートされる顧客リスト例＞が記載されている個所の枠線の変更方法です。
枠線が記載している部分を選択し、「セルの詳細設定」にて色の変更を行うことが出来ます。
＜インポートされる顧客リスト例＞をクリックし、画面下部の「TD」をクリックします。
「TD」クリック後、該当箇所を右クリック＞「セル」＞「セルの詳細設定」をクリックします。
「セルの詳細設定」ポップアップが表示されますので、「詳細設定」に変更し「枠線の色」を変更、「保存」すると変更します。
カラーチャート内色をクリックすると、背景色が変更されます。
背景色の変更
「弊社MA活用勉強会 毎月開催！」が記載されている個所の背景色の変更方法です。
背景がグレーとなっている部分の一番外枠部分を右クリックし、「表の詳細設定」をクリックします。
「表の詳細設定」ポップアップが表示されますので、「詳細設定」に変更し「背景色」を変更、「保存」すると変更します。
テンプレート内のブロック削除方法について
削除したい箇所を右クリックして、「行の削除」もしくは「表の削除」を行うことで削除します。
▼行の削除
▼表の削除
空白となっている行があった場合も、同様に「行の削除」を行っていただくことで不要な空白を削除することが出来ます。
テンプレート内のブロック追加方法（複製）について
追加に関しましては、お客様自身が操作できるの範囲での対応をお願いしております。
ソースからの修正等はサポートでは対応できかねますことご容赦願います。
エディタ内での追加
コピーしたい箇所をクリック後、エディタ下部に表示されている「TABLE」をクリック。
コピーしたい箇所が全て水色の枠内に入っているかを確認します。
確認後「Ctrl」＋「C」で該当箇所をコピーします。
追加したいブロックの下に行を追加します。挿入時、一度該当箇所をクリックします。
ブロック内で右クリック「行」＞「下側に行を挿入」をクリックします。
行を追加後、追加した行の左端をクリックし先にコピーを行ったソースを「Ctrl」＋「V」で貼り付けを行います。
追加することが出来ます。
注意点として、異なる行を追加後貼り付けを行うと表示崩れが発生する場合がございます。
その場合は、一度「Ctrl」＋「Z」にて元に戻していただき、再度確認をお願いします。
HTMLソース内での追加
「＜＞（ソースコード）」ボタンをクリックしソースコードからの追加を行うことが出来ます。
ソースコード内「コメントアウトにて」それぞれのブロックを記載しております。
<!-- ○○ start --> ～ <!-- ○○ end --> のような記述になります。
start～endまでをコピーしていただき、<!-- ○○ start -->より前、<!-- ○○ end -->の後にコピー＆ペーストを行っていただくことで追加を行うことが出来ます。