サポート » 使い方全般 » 以前のパスを継承したレスポンシブルサイトを作ることは可能でしょうか

  • 解決済 kobobob

    (@kobobob)


     自営業で頑張っているWP初心もので恐縮です。
     2年ほど前にWordPressを導入した際、スマホ対応のレスポンシブルテーマを見落とし、PCのみ対応のテーマでホームページのリニューアルを進めてしまいました。またその作りはモバイル変換プラグインなどを適用できない仕様になっています。そのため、現在はPCのみ対応テーマを残しつつ、新たにテーマ切り替え用プラグインを利用したスマホ対応のレスポンシブルテーマのページを着手し始めるところです。
     SEOの関係上、以前のPCのみ対応テーマのサイト構造(商品ページURLや画像のパス)をそのまま継承したいのですが、その可能性と方法を知りたく質問をさせていただきました。
     どうかご指導よろしくお願いします。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • まず最初に確認します。
    レスポンシブルではなくて、レスポンシブデザインに対応したテーマを見落としたということですよね。

    商品ページURLや画像のパスをそのまま継承したい

    この点の危惧は大丈夫です。
    現在のPCのみ対応テーマのレイアウト次第ですが、メディアクエリでスマホ向けに商品の画像サイズが変わるようにする必要があるでしょう。

    トピック投稿者 kobobob

    (@kobobob)

    맹조さん、早速ご返答いただきありがとうございます。

     僕のプログラミング知識に関するレベルはHTML程度のものです。当初、レスポンシブデザインのテーマがあることは気づきませんでした。
     その後、稼働し始めたPC対応テーマをモバイル変換プラグインで試しましたが、デザインが崩れてうまくいきませんでした。
     맹조さんの仰る「メディアクエリでスマホ向けに商品の画像サイズが変わるようにする」とは、PCのみ対応テーマをレスポンシブルテーマに変換する際の方法でしょうか? 僕はプログラムを弄れるほどのスキルを持っていませんので、市販書籍に紹介されているフリーレスポンシブルテーマを利用しようと思っています。

     当初、僕が参考したPC対応フリーテーマはこちらになります:
    http://green.webdesignrecipes.com/

     今後、僕が参考したいレスポンシブデザインフリーテーマはこちらになります:
    http://sample.bizvektor.com/

     パスをそのまま引き継ぐことは可能でしょうか? よろしくお願いいたします。

    HTML の知識で十分です。
    Twitter などでは PC とモバイルを判別して、それぞれのサイトに誘導しているように、モバイルサイトとPCサイトを、それぞれ用意してスイッチさせる方法がありますが、

    でも、モバイル向けではなく
    スマホ対応で、かつ、パス(アドレス)をそのまま引き継ぎたいということですから、

    A)現在のPC対応のテーマにメディアクエリを組み入れてスマホ用のスタイルシートを追加する。
    メディアクエリが、難関ならば。
    B)参考にしたいレスポンシブデザインテーマと、PC対応テーマは極端に違うレイアウトではないので、フロントページのレイアウトを現在のサイトに近づけてはどうでしょう。

    トピック投稿者 kobobob

    (@kobobob)

    맹조さん、早速ご返答ありがとうございます。

     HTMLの組み方同様、両方のサイトツリーの構造を同じようにすればよいということでしょうか?
     ローカル上の作業方法も、イメージフォルダなどをPC対応テーマに合わせた階層にコピーペーすればよいということですね!
     プラグインもなるべく同じように追加すればよいのでしょうか?
     なるほど、大事なヒントえを得ました! もっと複雑かと思いました (^_^;

     また、メディアクエリの変更方法も知りたいので頑張りたいと思います!
     大変助かりました!ありがとうございます!
     またぜひご指導よろしくお願いいたします。

    kobobob さんが参考にしたPC対応テーマのサイトを模倣してみました。
    ざっくりと30分ほどの時間でしたが。
    http://wp.me/P6z6Fn-2
    フロントページの要素的には、こんな感じですよね。

    パス(アドレス)をそのまま引き継ぎたまま、レスポンシブデザインにする。それには、kobobob さんが参考したいレスポンシブデザインで作りなおして、そのフロントページのデザインに、現在のPC対応デザインを模倣すると良いでしょう。
    そうすればメディアクエリもテーマ自体が持っているので簡単でしょう。

    トピック投稿者 kobobob

    (@kobobob)

    맹조さん、ご伝授ありがとうございます

     見本まで作っていただいて大変恐縮です! とうとう見とれてしまいました…
     伸縮自在で、デザイン的にも機能的にも言うことありませんね!
     こんな風にできるように頑張りたいと思います!
     お陰さまで、ますますやる気が湧いてきました!
     プロの皆様とWordPressに感謝いたします (^_^)
     また何かありましたらぜひご指導よろしくお願いいたします。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • トピック「以前のパスを継承したレスポンシブルサイトを作ることは可能でしょうか」には新たに返信することはできません。