ホームページビルダー クラシック フルCSSテンプレートの使い方

ホームページビルダー19クラシック フルCSSテンプレートは、レスポンシブ・デザインになり、パソコン版のサイトをつくれば、それをスマホで表示するとスマートフォン向けのレイアウトで自動的に表示されます。テンプレート選択の画面でもレスポンシブ・デザインの印がついています。16,17,18と従来のホームページビルダーでは、自動変換もしくは自分でスマホ版のサイトを別につくり、パソコン版ページに表示切替のコード(Javascript)を埋め込むという方式でした。

ホームページビルダー19クラシック フルCSSテンプレート

 

ホームページビルダー19クラシック フルCSSテンプレートホームページビルダー19クラシック フルCSSテンプレート

ホームページビルダー ワードプレス・テンプレート+フルCSSスマートフォン・テンプレートの使い方

ホームページビルダーに搭載されているワードプレス・テンプレートはレスポンシブ・デザインとなっており、パソコン表示すれば、パソコン用のレイアウト、スマホで表示するばスマホに適したレイアウトになります。それぞれ別にページを用意しなくていいことが利点です。一方、スマホ・ページのデザインに満足されない方も少なからずいらっしゃいました。PC版はワードプレスで作成して、スマホ版はフルCSSスマートフォン・テンプレートで作成された生徒さんがいらっしゃいます。表示の切り替えは、.htaccessで行うようにしました。

当ホームページビルダー教室の ホームページビルダー作品集 でも紹介しています。