bc_sample1.0.0でのスマホ表示について
| ahaki > bc_sample1.0.0でのスマホ表示について @ 2019/1/14 21:37 |
|---|
|
はじめて投稿します。
BaserCMS4.1.5環境でbc_sample1.0.0を編集しながらwebサイト構築中です。 パソコンおよびタブレット（iPad）表示は問題ないのですが、スマホ（iPhone）でアクセスするとパソコン版を小さくした画面になったり、ガラケーの表示のように箇条書き？のような表示にしかなりません。 システム管理のサブサイト管理で設定を変えてもうまくいきません。 bc_sampleはデフォルトのスタイル.cssを編集してパソコン版のデザイン変更しています。 サイトはこちらです。 http://ahakidou.com 宜しくお願い致します。 本体は、ロリポップ簡単インストール後に、4.1.5にアップデートしています。 ■ BaserCMSのバージョン：4.1.5 |
| tommy6073 > Re: bc_sample1.0.0でのスマホ表示について @ 2019/1/15 10:49 |
|---|
|
こんにちは！tommy6073です。
「サブサイト管理」→「スマートフォン」の編集で、「デバイス・言語」の設定を添付画像のように設定してみてください。 これでスマホにてアクセスした場合スマホサブサイトのコンテンツが表示されるようになるかと思います。  |
| ahaki > Re: bc_sample1.0.0でのスマホ表示について @ 2019/1/15 12:58 |
|---|
|
tommy6073様 早速のアドバイスありがとうございます。
ご指導の設定のように変更しましたが、ダメでした。 モバイル、スマートフォン共に公開状態にして、PCブラウザから サイト名/m/ サイト名/s/ でアクセスしたところ、モバイル側はモバイル表示しましたが、スマホ側はパソコン表示と同じでした。 コア部分がおかしくなってしまったのでしょうか・・・。 下記、添付は設定画面です。  ■ BaserCMSのバージョン：4.1.5 |
| tommy6073 > Re: bc_sample1.0.0でのスマホ表示について @ 2019/1/15 13:11 |
|---|
|
コンテンツ管理の「サイト」で「スマートフォン」を選んだ時にパソコンサイトに対応するコンテンツは存在しているでしょうか？
存在しない場合、1つ1つのコンテンツについて、編集画面の「関連コンテンツ」から「エイリアス作成」し、公開する必要があります。 自動連携がオンになっている場合、この作業はメインサイトでコンテンツを作成した際に自動的に行われますが、以前はオフになっていたのかもしれません。 |
| ahaki > Re: bc_sample1.0.0でのスマホ表示について @ 2019/1/15 16:29 |
|---|
|
tommy6073様
アドバイスありがとうございます。 スマホ用エイリアスは存在していました。 一度、再インストール（ロリポップ簡単インストール）してみます。 ■ BaserCMSのバージョン：4.1.5 |
| ahaki > Re: bc_sample1.0.0でのスマホ表示について @ 2019/1/15 18:29 |
|---|
|
再インストールしたら、スマホ表示されるようになりました。
この状態から、テーマの編集していきます。 色々とありがとうございました。 ■ BaserCMSのバージョン：4.1.5 |
| ahaki > Re: bc_sample1.0.0でのスマホ表示について @ 2019/1/15 22:07 |
|---|
|
レスポンシブ対応ってトップページの一番上の画像の横幅サイズとかで判断しているのですか？
スマホ表示できる状態で baserCMSのロゴ画像を横幅1000ピクセルの画像に変更してスマホにアクセスしたら、パソコン版が表示されました。 小さいサイズに変更したら、正常に表示されました。 スマホとして認識する横幅の最大値（ピクセル）はどのくらいですか？ ■ BaserCMSのバージョン：4.1.5 |
| seto > Re: bc_sample1.0.0でのスマホ表示について @ 2019/1/16 12:26 |
|---|
|
私の環境だと、ロゴに横幅1000ピクセルの画像を設定してもスマホ用のサイトが表示されました。
ちなみに、bc_sampleはPC用とスマホ用でデザインが違うのでレスポンシブではないですね。 ロゴ画像のサイズでスマホ版かパソコン版が切り替わるのは不思議な気がします。 |
| ahaki > Re: bc_sample1.0.0でのスマホ表示について @ 2019/1/16 14:04 |
|---|
|
そうなんですか？
私の環境だとロゴ画像の横幅を広げていき、スマホ（iphone）でアクセスすると右上のMENUが、どんどん左にずれていき、画面表示の文字も小さくなっていきました。 いろいろとテーマを試しまして、omotenashiで構築していくことにしました。 皆様、色々とアドバイスありがとうございました。 ■ BaserCMSのバージョン：4.1.5 |
