『何でも相談できる駆け込み寺』 日本IBM出身 ホームページビルダー元開発責任者 鎌田裕二
このカテゴリーでは、ホームページビルダー21・20・19クラシックのフルCSSテンプレートの話題を取り扱います。バージョン15で、フルCSSプロフェッショナル・テンプレートとして導入され、16ではメインのホームページ作成方法です。19でレスポンシブデザイン対応になりました。ホームページビルダー20では、特に目立つ変更はないようです。
ホームページビルダー22にも対応いたします。
ジャストシステム社が「ホームページ・ビルダー クラシック」のこんなサイトを提供しているのですね。
かんたんホームページ・デビュー 使い方ガイド
http://www.justsystems.com/jp/users/hpb/web/index.html
<meta name=”GENERATOR” content=”JustSystems Homepage Builder Version 21.0.1.0 BETA (160830_1) for Windows“>
バージョン21のベータ版のテンプレートで作成しているようです。
PC、スマホ対応のレスポンシブデザインとなっています。
ホームページビルダー21を使うに際にはまず、まずクラシックとSPのどちらかを選択します。WordPressにするかどうかも重要な点です。
ホームページビルダー教室では、既に生徒さんがhpb21 spでのサイト作成に挑戦されています。ホームページビルダー教室無料体験・相談会へお越しにいただければ、作成方式の選択に関してのご相談もしていただけます。また、ホームページビルダーを使わずにワードプレスでのホームページ作成にも対応しております（横浜WordPressスクール）
ホームページビルダーに同梱されている「できるホームページ・ビルダー」は、SPでの通常サイトの作成のみを解説しています。
バージョン19からは、スマホ対応がレスポンシブデザインになった、ホームページビルダー フルCSSテンプレート。
スマホ対応ページには、メニュートグルがあります。
編集中は、「ここにメインメニューが表示されます」と表示されています。
プレビュー画面で表示すると、上の部分がメニューの画像に置き換わります。
プレビュー画面でその画像をクリックすると、メニューが展開されます。
先日、このメニューの展開が動作しなくなってしまった例を扱いました。最悪はホームページの作り直しとなる場合がありますが、原因と思われることがあったので試すことにしました。
技術調査の結果、テンプレートが用意しているJavascriptのコードが欠如、おそらくページ編集中に意識しないで削除してしまった思われれます。
ホームページビルダー教室でフルCSSテンプレートで作成したホームページのスマホ対応を指導した際に、見本として作成した .htaccess です。
記録のために投稿します。
RewriteEngine on
RewriteCond %{REQUEST_URI} !/sp/
RewriteCond %{HTTP_USER_AGENT} (iPod|iPhone|iPad|Android|Windows\ Phone)
RewriteCond %{REQUEST_FILENAME} !^(.*)\.(gif|png|jpg|jpeg|css)$ [NC]
RewriteCond %{REQUEST_FILENAME} !^(.*)profile\.html$
RewriteCond %{REQUEST_FILENAME} !^(.*)otoiawase\.htm$
RewriteCond %{QUERY_STRING} !mode=pc
RewriteRule ^(.*)$ sp/$1 [R]
RewriteBase /
（追記）2016年3月現在、ホームページビルダー20版の「よくわかるホームページ・ビルダー」は出版されていないようです。2018年現在、ホームページビルダー21版は出版されていないようです。
待望の「よくわかるホームページ・ビルダー19 FOM出版」 (FOM出版のみどりの本)が出版されました。ホームページビルダー教室でも、バージョン13から毎回（ただし18は出版されなかったのでありませんが）出るたびに購入しています。
内容は以前のバージョンのものを踏襲しています。この本独自の方法で、HTML/CSSを使ってのサイト作成が主な内容です。フルCSSテンプレート、WordPressテンプレートに関してはごく簡単な記述があるだけです。SPに関しては、「※本書では、ホームページ・ビルダー19クラシックを使ってWebサイトを作成する方法を紹介しています。」という注意書きで済ましているようです。SPを勉強したい方には、まったく必要のない書籍のようです。
ホームページビルダー16から搭載されたフルCSSテンプレート。ジャストシステムのサポートFAQに「フルCSSテンプレートを編集したい」という記事があります。http://support.justsystems.com/faq/1032/app/servlet/qadoc?QID=050896 そこには「ホームページ・ビルダーではCSS（スタイルシート）の編集についてはサポートしておりません。お客様の責任で行っていただくようお願いいたします。」とあります。 実際に、ホームページビルダー教室で生徒さんがホームページを作成する際に、共通する要望があります。
などです。このためにはCSS（スタイルシート）の編集が必要になります。
