まず最初に確認します。
レスポンシブルではなくて、レスポンシブデザインに対応したテーマを見落としたということですよね。
商品ページURLや画像のパスをそのまま継承したい
この点の危惧は大丈夫です。
現在のPCのみ対応テーマのレイアウト次第ですが、メディアクエリでスマホ向けに商品の画像サイズが変わるようにする必要があるでしょう。
맹조さん、早速ご返答いただきありがとうございます。
僕のプログラミング知識に関するレベルはHTML程度のものです。当初、レスポンシブデザインのテーマがあることは気づきませんでした。
その後、稼働し始めたPC対応テーマをモバイル変換プラグインで試しましたが、デザインが崩れてうまくいきませんでした。
맹조さんの仰る「メディアクエリでスマホ向けに商品の画像サイズが変わるようにする」とは、PCのみ対応テーマをレスポンシブルテーマに変換する際の方法でしょうか? 僕はプログラムを弄れるほどのスキルを持っていませんので、市販書籍に紹介されているフリーレスポンシブルテーマを利用しようと思っています。
当初、僕が参考したPC対応フリーテーマはこちらになります:
http://green.webdesignrecipes.com/
今後、僕が参考したいレスポンシブデザインフリーテーマはこちらになります:
http://sample.bizvektor.com/
パスをそのまま引き継ぐことは可能でしょうか? よろしくお願いいたします。
HTML の知識で十分です。
Twitter などでは PC とモバイルを判別して、それぞれのサイトに誘導しているように、モバイルサイトとPCサイトを、それぞれ用意してスイッチさせる方法がありますが、
でも、モバイル向けではなく
スマホ対応で、かつ、パス(アドレス)をそのまま引き継ぎたいということですから、
A)現在のPC対応のテーマにメディアクエリを組み入れてスマホ用のスタイルシートを追加する。
メディアクエリが、難関ならば。
B)参考にしたいレスポンシブデザインテーマと、PC対応テーマは極端に違うレイアウトではないので、フロントページのレイアウトを現在のサイトに近づけてはどうでしょう。
맹조さん、早速ご返答ありがとうございます。
HTMLの組み方同様、両方のサイトツリーの構造を同じようにすればよいということでしょうか?
ローカル上の作業方法も、イメージフォルダなどをPC対応テーマに合わせた階層にコピーペーすればよいということですね!
プラグインもなるべく同じように追加すればよいのでしょうか?
なるほど、大事なヒントえを得ました! もっと複雑かと思いました (^_^;
また、メディアクエリの変更方法も知りたいので頑張りたいと思います!
大変助かりました!ありがとうございます!
またぜひご指導よろしくお願いいたします。
kobobob さんが参考にしたPC対応テーマのサイトを模倣してみました。
ざっくりと30分ほどの時間でしたが。
http://wp.me/P6z6Fn-2
フロントページの要素的には、こんな感じですよね。
パス(アドレス)をそのまま引き継ぎたまま、レスポンシブデザインにする。それには、kobobob さんが参考したいレスポンシブデザインで作りなおして、そのフロントページのデザインに、現在のPC対応デザインを模倣すると良いでしょう。
そうすればメディアクエリもテーマ自体が持っているので簡単でしょう。
맹조さん、ご伝授ありがとうございます
見本まで作っていただいて大変恐縮です! とうとう見とれてしまいました…
伸縮自在で、デザイン的にも機能的にも言うことありませんね!
こんな風にできるように頑張りたいと思います!
お陰さまで、ますますやる気が湧いてきました!
プロの皆様とWordPressに感謝いたします (^_^)
また何かありましたらぜひご指導よろしくお願いいたします。