ホームページビルダー16のスマホ連動の方法？

質問

ホームページビルダー16を使っています。
どうしても根本的に分からないので教えてください。

PCとスマホページと一緒にできると思ってソフトを買って、ずっと放置していて、
やっと使いはじめました。
で、PCページはできたのですが、スマホで見るとPC表示のままで対応していません。
字も小さくて見にくいです。

なので、スマホ追加／同期を押してみたのですが、
タイトルからバナーまで全部新規入力なのです。
ということは、PCページから内容を全部うつしてこないといけないのでしょうか？？
それは連動してるとはいえないので、他になにか方法があるのでしょうか？
検索しても分からないので、どうか教えてください。

あともしも、PCページを作ったら、
それがスマホページに連動されてくるバージョンももう発売されているのでしょうか？
もしあったらそれをバージョンアップで購入したいと思います。
どうかアドバイスをよろしくお願いいたします。

回答No.3

ts0472 · ベストアンサー

通常のＷｅｂページをスマホ用Ｗｅｂページに変換すると構成が大きく崩れる場合があります
ある程度スマホの画面サイズに合った作り方が必要になります

編集が面倒ですが　ＰＣ用とスマホ用に２つ作って　アクセスする機器によって表示されるページを切り替える　という方法もあります

どちらも搭載されている機能です
https://www.justsystems.com/jp/products/hpb_16/feature3.html

ソフトの付属マニュアルが詳しくないので　有料の分厚いマニュアル本を買わないと使い切れないかも知れません

回答No.4

kurokuro_siro

ホームページビルダーを使う理由が「HTMLなどがわからないから」という理由の場合は恐縮なのですが。
スマホサイトの表示については「レスポンシブルデザイン」について知っていると理解が早くなるかもしれません。

参考URL：

http://liginc.co.jp/web/design/78072

回答No.2

yoruaru-q

追加です。

ページの構成要素にHTMLと画像ファイルとCSSやJSがあると思います。
最近は、適切なHTMLと画像ファイルを置いておくとうまくやってくれてPCで見た場合は横長に、スマホで見た場合は縦長になるようなCSSやJSがあります。
こういうCSSやJSが予め入っているということじゃないかと思ったのです。
（違っていたらすみません）

ホームページビルダー16の説明動画がYoutubeにあったので、くまなく見るとPCスマホの互換ページの説明もあるのかもしれません（参考URL）

参考URL：

https://www.youtube.com/watch?v=14s6m4zIdQU

回答No.1

yoruaru-q

持っているわけではないですが、気になって検索しました

ホームページビルダー16でできるようです
参考URLのリンク先（ホームページビルダー16の説明）に次のように書いてあります
「※スマートフォン向けサイトに変換できるサイトは、ホームページ・ビルダー15に収録している「フルCSSプロフェッショナルテンプレート」、ホームページ・ビルダー16に収録している「フルCSSテンプレート」から作成されている必要があります。」

まずはPC用のページを作る作業をするときに「フルCSSテンプレート」を選ぶ必要があるみたいです

１つのページの作り方として同じページでもをPCでみると幅広に表示し、スマホでみると縦長になる書き方があります。「フルCSSテンプレート」を選択して作ったページがこういう風になるということじゃないでしょうか

参考URL：

http://www.justsystems.com/jp/products/hpb_16/feature3.html