SSLページがリニューアルされました

カラーミーショップからのお知らせで皆様すでにご存知のとおり、SSLページのリニューアル（スマホ最適化）されました。

リニューアル以前のSSLページで幅をガチガチに設定していると、スマホ最適化の恩恵が受けられません。
カラーミー公式に説明があるとおり、一度CSSを削除する必要があります。また、SSLページに表示するショップ・ロゴについての話も書いてありますので、該当しそうな方は確認を。

さて。きれいさっぱりスマホ最適化されると、画面サイズによって、文字サイズやテキストボックスなどのサイズが自動調整されます。
見やすく・使いやすくなりましたし、角を丸く切ったボックス類や淡い青ベースの配色になって、デフォルトでもちょっとオシャレになりました。

カラーミーショップさま、良い仕事でした！

【追記】
SSLページについて、小ネタがあるかと思いましたが、なにもなしでした。
以前までCSSの背景画像でショップ・ロゴを表示させていた場合は、今回のスマホ最適化の恩恵（画像サイズの自動調整）を受けるために、カラーミー公式をご一読されるが吉。

SSLページにおける背景画像の表示

カラーミーショップ!プロはデザイン＆カスタマイズが比較的容易に行えます。
しかし、SSL（Secure Socket Layer）を使用したページのデザインは、配色や背景画像を変えられるくらいです。
「決済」「お問合せ」 「マイアカウント・会員ログイン」「友達に教える」「メルマガ登録・解除」の各ページがSSL対応です（ブラウザで鍵マークが表示される）。
 
CSSでbackground-imageを追加し、SSLページの背景画像を読み込むと、「セキュリティ情報」ダイアログが表示されて「はい」または「いいえ」を選択しないと先に進めないということが起こります。



SSLページの背景画像はSSL対応サーバー上に置かなければいけません。

「カラーミーで行こう」 に記事が出ていました。なるほど、勉強になります。

普段使うことの多い、レンタルサーバー「ヘテムル」をサンプルにします（SSL対応サーバー）。
レンタルサーバー「heteml」 - 独自 SSL 設定マニュアルを読むだけでOK。設定は不要でした。
SSL用のURLにするだけなんですね（よくわかっていなかった）。

あとは表示させたいページのclassやidを調べ CSSを追加すれば、「セキュリティ情報」ダイアログが表示されることなく、背景がつけられます（以下はヘテムル使用時のサンプルURLです）。

×SSL非対応　background-image:url(http://hoge.heteml.jp/bg.jpg);
○SSL対応     background-image:url(https://ssl*.heteml.jp/hoge/bg.jpg);

カラーミー標準のファイル置き場（ お店をつくる＞画像ファイルを管理する）の場合は、URLをhttpsにするだけ。

https://img01.shop-pro.jp/PA01234/001/etc/hogehoge.jpg

背景画像と配色が変更できれば、デザイン的には必要十分と思います。
皆様、ぜひお試しください。


【参考】
・カラーミーで行こう（興味深い記事多数、要チェック）