Posted by nobuyuki3 on October 28, 2012 at 4:01am
スマホに対応してＵＲＬを分けたいのですが、
皆さんはどのように実現されているのでしょうか？
現在、パソコン画面をRespond化したThemeを使ってみたのですが、スマホから見ると画像が重くて、この手法だと駄目だと分かりました。
Mobile Toole は、7.0系がDevなので、まだ使えないと分かりました。
http://drupal.org/project/mobile_tools
何か良い方法がないものかと思ったのですが、分かりませんでした。
どなたかヒントになる事を知っている方、もしくはスマホサイトをDrupalでやってるよという方おられましたら、教えて頂けませんでしょうか。
Comments
作戦次第ですが
作戦①
スマホ用のURLを用意してそのURLからアクセスすると、スマホ用のテーマが適応されるようにする、
単に別のテーマを適応させる方法。コンテンツ自体はPCとスマホサイト共に同じものを表示する。
作戦②
一つのdrupalでスマホ用に別ドメインを割り当てて、スマホにはスマホ用のコンテンツを用意して表示させる方法。
どちらの方法がお好みでしょうか？
aaa.comというサイトであれば、サブドメインみたいな形
aaa.comというサイトであれば、サブドメインみたいな形で
bbb.aaa.comという形にしようかと考えております。
画像が大きいものが多いので、それをスマホでとにかく小さく表示させたいです。
(作戦１)
テーマを適用させることで、画像が小さく表示できて、スマホからサクサク見れるなら、この方法が良いと考えています。ただ、URLは分けた方が良いのではと考えています。
(作戦2)
出来れば自分の混乱を避ける為には、サブドメインなどでスマホ用が見れたほうが管理面で楽なのではないかと考えています。
どういった形が良いか考えながら混乱している状況ですが、URLを分けて、画像を小さく表示できる事が足りればいいなと考えております。
作戦① テーマのみを変える方法(労力少なくても済みそう)
作戦① テーマのみを変える方法(労力少なくても済みそう)
テーマのみをURLで変える事を前提として考えるならばswitchthemeモジュールが簡単かもしれません。
http://drupal.org/project/switchtheme
このモジュールを使うと以下の様にURLでテーマを選択させる事ができます。
aaa.com/?theme=bartik
parmissionの設定で匿名ユーザーにswitch themeの権限を与えてあげると、他のページに遷移しても
そのテーマが続けて適応されると思います。たぶん…。
作戦② ドメインを変えてコンテンツの見せ方とテーマも全部変える方法。
(手間はかかりますが、別ドメインなので好き放題アレンジできるかも？)
Domain Accessモジュールを使用した方法です。
http://drupal.org/project/domain
このモジュールを使って、ドメイン毎にテーマやコンテンツの見せ方を個別に設定して
別ページの様にみせてしまう方法です。モバイルサイト用に完全に別ページをつくって
しまいたい時に有効です。１つのdrupalに複数のドメインを割り当てる事ができるので、
色々な事に使えそうなモジュールです。
作戦①がテーマを選択させてテーマを切り替えるのに対し、この作戦②は別のドメインにアクセスさせて
別のテーマで作られたサイトを見せるという方法です。本格的なモバイルサイトを作る場合やレイアウトや
コンテンツがPCサイトとかなり異なるサイトを作る場合にはこのモジュールを使う方法が良いのかもしれません。
確かに①の様にレスポンシブなテーマを使って、PCとスマホ両方に対応したサイトを作れば一番労力が少なくて済むと思うのですが、どうしてもPCとスマホ兼用のサイトでは手に負えない場合は②のdomain accessを利用した方法が必要になってくるのではないかと思います。
小技(オマケ)
panels＋browscap＋Browscap CToolsを利用して、mobileデバイスで見られている時だけ
特定のblockやコンテンツを表示、非表示にするという方法もあります。
｢基本的にレスポンシブデザインなのでキレイに表示されているけど、部分的にここだけはmobile
用に見せたいなぁ。｣という場合に便利な方法です。レスポンシブなテーマを使っていても部分的にうまく
表示されない場合や別の見せ方をしたい場合等に、mobile用にアレンジしたブロックなりコンテンツを別に用意して見せる事で不具合を調整する方法です。
kenppxさま 非常にわかりやすい整理をして頂きまして、
kenppxさま
非常にわかりやすい整理をして頂きまして、ありがとうございます。
（１）Ｔｈｅｍｅの変更
現在、１つのThemeでRespond化していたのですが、手に負えないので、恐らくThemeだけ変更するのでは似たような結果をまねいてしまうと考えております。
（２）ドメインの変更
という事でドメインを変更したいと思います。
ドメインアクセスモジュールを実際に使ってみて、エラーが出ないかなどをしっかりと確認してみたいと思います。また、サイトのメンテナンスがどうなるかなども確認してみます。
（３）小技
これもブロックを取り除くという事では有効そうなので健康してみたいと思います。ただ、やる事が増えると後々サイトのメンテナンスや負荷が増す可能性も考慮しながら、シンプルな方法を模索したいと思います。
近いうちに実装した方法などについて、またご報告させて頂けたらと思います。
ご親切にありがとうございました。
もう遅すぎるかもしれませんが…
Drupal 7 でレスポンシブ レイアウトのサイトをいくつか運営しているのでお伝えしておきます。といっても、わたしはサイト制作のプロではなく単なる Drupal ファンです。その点をご了解ください。
Dries Buytaert 氏のブログの日本語訳を紹介しているサイト
これは 1 年ほど前に作ったサイトですが、2 週間くらい前、秋葉原で家電量販店に行っていろいろなスマホやタブレットで試したところ、ほとんど問題なく閲覧できていました。
Omega のベースにしたサブテーマを使っています。残念ながら今は詳しく説明する時間がとれません。ただ、最近 Drupal Gardens を試してみるついでにレスポンシブ レイアウト関連の情報をほんの少しだけまとめたので、そのサイトをご紹介します。
Drupal 7 でレスポンシブ
このサイトを作って初めて知ったんですが、HTML5 じゃなくてもレスポンシブ レイアウトは機能します。こちらのサイトもいろいろなデバイスで問題なく閲覧できました。
以上、取り急ぎ参考情報まで
P.S. kenppx さん、いつもお時間を割いて丁寧な説明をありがとうございます（^^）。