レスポンシブ・デザイン スマホ・ページ対応@ホームページビルダーの使い方

ホームページビルダー19では、ホームページビルダーSPのテンプレート(サイトタイプ、ホームページビルダー・クラシックのWordPressテンプレート、フルCSSテンプレートのすべてがスマホ・ページ対応のレスポンシブ・デザインになりました。 スマホの対応には、いくつかの方法があります。 1.パソコン版のみ用意してパソコン版を見てもらう。パソコンの画面用に設計されたページが縮小されて表示される。字を読むには拡大が必要。拡大してスクロールしていくようになります。 2.パソコン版、スマホ版を別々の設計・用意しておく。相手の端末の応じたページに切り替える。(サーバー側の設定や、ページに埋め込むJavascriptを使用) どちらに対してもデザインの最適化が可能。同じような内容のページを2つ作成・更新している手間が必要。 3.レスポンシブ・デザイン パソコン・スマホ共通のページをひとつ作成。それを端末の画面のサイズごとに(スタイルシートの設定を切り替えて)並び替え・サイズ調整をする方法です。 次の画面例は、ホームページビルダーSPテンプレート(サイトタイプ=通常)のものです。

ホームページビルダーSP レスポンシブ・デザイン