英語ページをつくる 1

海外から注文がありそうな商品を取り扱っていると、やはり英語ページも必要になってきます。
カラーミーショップ!プロでは、決済ページはSSLを使用しているので、ショッピングカート周りはほとんどいじる手立てがありません（せいぜい配色を変えられるくらい）。

海外のお客様向けに、現時点で何ができるかを検討してみました。

・フリーページを使用して、海外のお客様専用説明ページを作成
取り扱い商品の概説、オーダー方法（e-mailオーダー）、配送方法とシッピング・コストについて（small packetやEMS）、支払方法(PayPalなど)の記載が必要です。国内向けとは内容が異なりますので、新ページで作成するのが一般的です。
目立つところに”For Customers Abroad” として新ページ（フリーページ）へのリンクを張っておけばよいでしょう。

・google翻訳を設置
ページ遷移時も翻訳モード状態でついてきてくれますし、翻訳性能も良好。設置もコピペと非常に簡単です。手間をかけず、すぐにできます。

以上のようなことでしたら難しいこともなく、サイトデザインの問題として手軽に実現可能です。
当ブログとしては、もうひと手間をかけたところについて説明していきます。

・メニュー画像などを英語版にする
プレーンテキストはgoogle翻訳などにまかせられても、日本語を使用した画像はそうもいきません（特にメニューが読めないと、お客様は不便です）。
別個に英語版画像を作成し、document.getElementbyId(id).innerHTMLで、動的に内容を差し替えます。 

・日本語／英語の切り替え方法
切り替えボタンを設置し、クリックするとJavaScriptの関数を呼び出す形にします（上で「動的に内容を差し替える」と書いたのはこのことです）。JavaScriptになにを書くかはのちほどサンプルで説明します。

・Cookieに状態を記憶させる
日本語ページか英語ページか、いずれを表示するのかCookieに記憶させておくと、毎回切り替えボタンをクリックせずにすみます。
CookieはjQuery（JavaScript汎用ライブラリ）を利用すると、簡単にあつかえます。jQueryはなにかと便利ですから、このブログでもこれから何度も登場する予定です。


次回「英語ページをつくる 2」は、サンプルを作成します。