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

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


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