【研究所公式】ショップできすぎくんのフォントが変わると何が変わる?

  • URLをコピーしました!

こんにちは、どろっぷしっぴんぐ研究所の奥成大輔(オクナリダイスケ)です。

letters
letters / limbte

 

今週の執筆者は岡田祐子さんです。

最近、ショップできすぎくんのフォントが変更になり、
デザインがより洗練され、ショップの雰囲気が新しく
感じられるようになりました。

しかし、キャッチコピーが意図しないところで改行されてしまったり
デザインが崩れてしまったという方も多かったのではないでしょうか?

今回の岡田さんの記事は、ショップできすぎくんのフォント変更について
原因と解決方法まで分かりやすく解説されています。
ぜひ参考にして売上アップにつなげてください。

 

ショップできすぎくん、フォントが変わると何が変わる?

皆さま、こんばんは!
岡田です。

2015.11.13に
「ショップできすぎくんのフォントを変更しました。」
とのお知らせが、もしもさんからありました。

今回はこのフォントについてお話します。

ショップできすぎくんを利用していない方も
知っておいて損はないので、お付き合いくださいね。

 

◆フォントが変わると何が変わる?

お知らせによると

******以下引用***********

お客様により快適にご覧いただくために、使用する日本語フォントにメイリオを追加しました。
文字サイズは変更しておりません。

******引用ここまで*******

とあります。

このメイリオというフォントは、Windowsで使用されるもので、
「明瞭」を語源として名づけられたフォントです。

その語源のとおり、以前のフォント「MSゴシック」より
曲線が滑らかで、目に優しいフォントです。

この変更により、ショップオーナーとして
アップロードし直すなど、何らかの作業をする必要はありませんので、
安心してください。

 

お知らせには続きがあります。

******以下引用***********

従来使われていた「MSゴシック」とは文字の幅および間隔が異なるため、
スペースなどを使って文章をレイアウトしている場合には
意図しない表示となる場合がございます。

******引用ここまで*******

例えば

———————-
あいうえお
かきくけこ
さしすせそ
———————-

と3行で表示させたいとき

———————-
あいうえお□□□□□□
かきくけこ□□□□□□
さしすせそ
———————-
(□=スペース)

のようにスペースを使って、見た目は改行しているようにしていませんか?

このような場合、文字の幅および間隔が以前とは異なるため

———————-
あいうえお     か
きくけこ     さし
すせそ
———————-

のような意図しない表示になってしまう可能性があります。

特に半角英数字を使っている場合は可能性大です。

 

◆誰もが同じように見えているわけではない

実はこのフォントというのは厄介なもので、
利用しているPCの環境「WindowsかMacか」「OSのバージョン」などにより
表示されるフォントは異なります。

もちろんスマホやタブレット端末でも異なります。

フォントによって、文字幅および文字間隔が微妙に異なるので、
あなたには「1行30文字」で表示されていても、
お客様には「1行29文字」だったり「1行31文字」で表示されているかもしません。

つまり、「あなたが見ている画面とまったく同じに誰もが見ているわけではない」のです。

そのために、

———————-
あいうえお□□□□□□
かきくけこ□□□□□□
さしすせそ
———————-

のように入力すると、あなたには意図したように表示されていても、ほかの端末で見ると

———————-
あいうえお     か
きくけこ     さし
すせそ
———————-

のようになってしまう可能性があるのです。

 

◆では、どうすればいいの?

ショップできすぎくんの入力フィールドで文字入力する際には、
Enterキー(Returnキー)を使って改行するようにしましょう。

それによりhtmlタグが挿入され、
どの端末で見ても同じ位置で改行されます。

また、ショップできすぎくんの入力フィールドには
「左寄」「中寄」「右寄」ボタンがあります。
レイアウトをする場合には活用しましょう。

各種ブログサービスやワードプレスでも同様です。

また、スマホやタブレット端末では画面サイズが異なり、
PCより一行の文字数は少なくなります。

どうしてもどの端末でも同じレイアウトで表示させたいのなら、
画像にしてしまうのも一つの方法だと言えます。

文字のレイアウトが乱れていると、
管理がきちんとされていないのではと印象が悪くなり、
アクセスがあっても、お買い上げに結びつかないかもしれません。

お心当たりのある方は、一度見直してみてください。

 

早いもので12月に突入しました。
ドロップシッピング選手権の獲得に、ラストスパート真っ最中の方も
大勢いらっしゃることでしょう。

年末商戦はこれからが本番、売上アップを目指して頑張りましょう!

 

———————————————————–
【今週の執筆者】岡田祐子

(プロフィール)
有限会社エヌツーエヌコミュニケーション取締役。
Webプログラマとして、美術館、科学館、大学、一般企業等のWebサイト制作に従事。
生きたSEOを学ぶべく、もしもドロップシッピングに登録。もしも大学ステップアップコース18期生受講。
ショップできすぎくんをもっと自由に使いこなしたいと工夫を重ねつつ、Webサイト制作の経験と技術を生かした、「ショップできすぎくんのカスタマイズ方法」「画像作成のコツ」「html、cssの記述の仕方」などを、ブログや講座を通じ発信しています。

ホームページ制作|エヌツーエヌコミュニケーション

ぐるめ通販トライアルのブログ
———————————————————–

 

それでは次号もお楽しみに。

 

※この記事は2015年12月3日に配信した『どろっぷしっぴんぐ研究所 公式メルマガ(無料)』
の一部を修正、改訂して掲載しています。

メルマガのご登録はこちら

 

ドロップシッピング十戒(pdf版)好評発売中!

どろっぷしっぴんぐ研究所、初のデジタルコンテンツ
pdf版『ドロップシッピング十戒』好評発売中です。

 

上記のリンク先ではドロップシッピング十戒の一覧や目次も掲載しています。
ご覧いただいてぜひご注文ください。

この記事が気に入ったら
フォローしてね!

  • URLをコピーしました!
目次