メルマガ、テキスト欄に使える装飾まとめ!

楽天のトップページデザインも変わって、例えばたタイトルとかhtmlが使えずテキストしか入力できなくなりました。
楽天に限らず色んなモールがシンプルで使いやすさ優先になった結果、同じようなシステムが増えてるように思います。

そこで逆に今、テキストの装飾を見直してみたいと思います!

PC

装飾に使える記号

破線     ―――――――――――――――――――

太線     ━━━━━━━━━━━━━━━━━━━

マイナス   -------------------

チルダ    ~~~~~~~~~~~~~~~~~~~

イコール   ====================

三角形    △▼△▼△▼△▼△▼△▼△▼△▼△▼△▼

四角形    ■□■□■□■□■□■□■□■□■□■□

3点リーダ   ……………………………………………………

波線     〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰

メルマガなど縦幅のあるテキストエリアでのタイトルに使える記号

なるべくシンプルにするのが今っぽいと思います。
上の記号をラインに使ってタイトル文字を挟むとテキストだけでも見やすくなります。

例)
━━━━━━━━━━━━━━
  ◆ SUMMER SALE ! ◆
━━━━━━━━━━━━━━

……………………………………………
 この夏 押したい ”映え”Tシャツ!
……………………………………………

【本日限り】お急ぎください!
    ▼ ▼ ▼
http://リンク先のURL

一行タイトルに使える記号

ただのテキストだけでもいいんですが、一瞬で大体の意味を把握できた方が読んでもらいやすいですよね。
また、テキスト文か見出し化の差別化にも記号の使用は有効じゃないかと思います。
そこでいくつかタイトル例を作ってみました。

例)

| いま売れてる夏服 TOP10

■今週の売れ筋TOP10!

◆24H限定◆ 500円オフクーポン配布

★ RANKING ★ いま売れているSALE ITEM

【 7/5 限定 】750円SALE開催!

《 25周年 》うさたろう × 亀吉 コラボ企画!

\ 本日限定 / ¥1,000クーポン配布中

\\ MAX50%OFF // Men’sセールスタート!

雨の日も「 楽しくお出かけ!」

絵文字で装飾

絵文字が使える場合は、絵文字を使うと自由度があがります。
PCで絵文字を出すには「Windowsキー+.(ピリオド)」で一覧が出ます。

特殊記号や絵文字使用での注意点

環境依存文字(機種依存文字)が含まれているとお客さんから見たら「表示されない!」「変な記号になってる」なんて事態が起こります。

こうした文字化け対策に外部のチェックサービスを利用するのもオススメです。

機種依存文字チェッカー

機種依存文字チェッカー
下の枠の中に、テキストを記入してチェックボタンを押して下さい。 機種依存文字(環境によって文字化けしてしまう文字)が入っていると赤く表示されます。 ※チェックできる文字数は50,000文字となります。

機種依存文字チェッカー&変換ツール

機種依存文字チェッカー&変換ツール
機種依存文字をチェックしたり変換したり出来るツールです。html構文を丸ごと変換することも出来ます。
タイトルとURLをコピーしました