現役Webデザイナーが、初心者のホームページ自作を応援!

カラーミーショップスマホ対応

最終更新日:

カラーミーショップのレスポンシブ・スマホ対応を徹底解説!

レスポンシブWebデザイン
ホームページ自作を応援するWebデザイナー
リュウ

こんにちは、ホームページ自作ラボ管理人のリュウです。
ホームページ制作会社の代表であり、現役のWebデザイナーでもある私が、初心者でも自作できるネットショップ作成サービスについて解説しています。

ネットショップ作成サービス「カラーミーショップ」では、簡単にスマホ対応できる機能があります。

今回は、カラーミーショップのスマホ対応について解説します。
この記事を読むことで、カラーミーショップのスマホ対応について知ることができ、カラーミーショップがあなたに向いているネットショップ作成サービスかどうかの判断材料になります。

なお、カラーミーショップについての全体的な解説はカラーミーショップを徹底解説をご覧ください。

カラーミーショップのスマホ対応とは?

カラーミーショップのスマホ対応とは何か解説します。

スマホからのアクセスが過半数の現状

スマホが普及した今、ホームページへのアクセスは、スマホが過半数を占めています。
そのため、スマホで閲覧した場合の表示に対応させる必要があります。

「パソコン版のサイトでもスマホで見えるから良いのでは?」と思われるかもしれません。

しかし、パソコン版をそのままスマホで見るには無理があります。
パソコンの画面に比べて、スマホの画面サイズは大幅に小さく、操作方法も異なるからです。

スマホ対応しておかないと、多くの訪問者を逃すことになります。

ホームページ自作を応援するWebデザイナー
リュウ

特にBtoC(個人相手)のホームページだと、スマホからのアクセスが多くなる傾向があります。アクセス全体の7割を超える場合もあります。

ホームページ作成の初心者
初心者 ハナ

私もスマホで検索して探すことが多いので、スマホ対応が必須なのは納得です。

カラーミーショップのスマホ対応方法は2つ

カラーミーショップのスマホ対応方法は、下記の2つです。

スマートフォン最適化機能を利用する

管理画面の設定でできる「スマートフォン最適化」機能を利用する方法です。

カラーミーショップの初期設定では、スマホからショップへアクセスすると、パソコン版が表示されるようになっています。
そこで、管理画面の「スマートフォン表示モード設定」で「スマートフォン最適化」を選択することで、スマホ対応のネットショップになります。

ただし、初めてスマートフォン最適化設定を行う場合は、先にスマートフォン用のテンプレートをダウンロードしてください。
その後、スマートフォン最適化設定ができるようになります。

ホームページ自作を応援するWebデザイナー
リュウ

要は、パソコン版とは別で、スマホ版のためのテンプレートを使う方法です。パソコン版とが違うデザインになります。

ホームページ作成の初心者
初心者 ハナ

パソコンで見るか、スマホで見るかで、ネットショップの雰囲気が大きく変わりますね。

レスポンシブ対応のテンプレートを利用する

上記の「スマートフォン最適化」の機能を利用するのではなく、レスポンシブ対応されたテンプレートを利用する方法です。

レスポンシブ対応とは、ユーザーの端末(パソコンやスマホなど)の画面サイズに合わせて、最適なレイアウトや文字サイズで表示させる手法です。

カラーミーショップが用意しているテンプレートの中で、レスポンシブ対応されたテンプレートを選んで適用させるだけでスマホ対応できます。

ホームページ自作を応援するWebデザイナー
リュウ

パソコン版・スマホ版ともに、同じテンプレートで対応できます。画面サイズに応じて、自動的に最適なレイアウトで表示されます。

ホームページ作成の初心者
初心者 ハナ

レイアウトは異なるだけで、デザインテイストは同じなので、ショップイメージは統一感がありますね。

カラーミーショップのスマホ対応の特徴・メリット

カラーミーショップのスマホ対応の特徴・メリットについて解説します。

レスポンシブ対応テンプレートを選ぶだけでOK

カラーミーショップでスマホ対応させるのに、一番おすすめの方法は、レスポンシブ対応テンプレートを選ぶことです。
レスポンシブ対応されているテンプレートを使っていれば、自動的にスマホ版が用意されます。

また、同じデザインでスマホ版を運営できるので、「アクセスする端末の種類によってデザインのテイストが違う」ということにはなりません。

ホームページ自作を応援するWebデザイナー
リュウ

レスポンシブ対応テンプレートを利用して、スマホ対応させる方法が一番オススメです。

ホームページ作成の初心者
初心者 ハナ

スマホ対応の方法として、レスポンシブWebデザインが主流ですよね。

レスポンシブ対応テンプレートでなくてもスマホ対応できる

カラーミーショップでは、レスポンシブ対応テンプレートを使用していない場合でもスマホ対応できる機能があります。
スマートフォン用のテンプレートをダウンロードした上で、「スマートフォン最適化」をオンにすれば完了です。

この方法であれば、選んだテンプレートがレスポンシブ対応されていなくても、問題なくスマホ版を用意できます。

PC版とスマホ版で掲載内容を変えることができる

レスポンシブ対応テンプレートを使わず「スマートフォン最適化」機能を利用する場合は、スマホ版用のテンプレートを使用することになります。

そのため、スマホ版のみ載せる内容を変えることが可能です。

同じネットショップなので、載せる内容は基本的に同じだとは思いますが、スマホ版に最適な画像やデザインにすることができます。

カラーミーショップのスマホ対応のまとめ

今回は、カラーミーショップのスマホ対応について解説しました。

カラーミーショップのスマホ対応の方法は2つあり、利用するオーナー様の考えなどによって選択することができます。
運営のしやすさなどの理由で、オススメはレスポンシブ対応のテンプレートを利用する方法です。

なお、カラーミーショップについての全体的な解説はカラーミーショップを徹底解説をご覧ください。

Let's share !

  • Facebookでシェアする
  • Twitterでツイートする
  • はてなブックマークに登録する
  • LINEで送る

カラーミーショップの関連記事

このページのトップに戻る