ワイメール 公式オンラインヘルプ

  • フォントサイズを大きくする
  • デフォルトフォントサイズ
  • フォントサイズを小さく
Home 記事作成関連 HTMLメールのボタンの色を変更するにはどうすればよいですか?

HTMLメールのボタンの色を変更するにはどうすればよいですか?

Eメール 印刷 PDF
※HTMLやCSS、Javascript等の仕様やコーディング等に関しましては、弊社サポート範囲外となります。 これらの詳細につきましては、お手数ではございますが専門書籍や各種関連サイトなどをご参照いただきますようお願い申し上げます。
※本ページは、ブロック・インラインブロック要素のaタグで作成されたボタンのケースについて解説しています。

 

HTMLエディタVersion2を利用する場合

※編集できるボタンは、Version2で作成されたボタンに限ります。旧バージョンで作成されたボタンは編集できませんので、削除し新たにVersion2で設置し直してください。

色を変更したいボタンをクリックします。

「ボタンの編集」で「背景色」を選択し、「反映」をクリックします。

 

HTMLエディタVersion1を利用する場合

色を変更したいボタンの中の文字をすべてドラッグして選択し、上部パネルの「背景色」アイコンをクリックします。

カラーパレットから希望の色を選択します。厳密に色を指定したい場合は、16進数でカラーコードを指定します。

 

ソースを直接編集する場合

ソースの中で、

<a href="/help/..." ... style="... background-color:カラーコード; ...">ボタン</a>

のようになっている当該個所を見つけ、style属性のbackground-colorプロパティの値を、希望のカラーコードに書き換えますます。

 

最終更新 2021年 9月 02日(木曜日) 11:06