先日アマゾンに注文した「ホームページ・ビルダー19パーフェクトマスター」が本日到着しました。
ホームページビルダーSPの説明は、サイトタイプ=通常版のみと限定的。クラシックのフルCSSテンプレートは紹介程度の記述。大半は、独自の方法のHTML/CSSサイト作成の解説のようです。
SPであれクラシックあれ、ワードプレス・サイトを作成されたい方には、無用の解説本だと思います。
『何でも相談できる駆け込み寺』 日本IBM出身 ホームページビルダー元開発責任者 鎌田裕二
ホームページビルダー19が10月に発売開始されたました。SPというまったく新しいエディタが搭載されました。従来のホームページビルダーの機能強化版はクラシックという名前で引き続き搭載されています。
ホームページ作成の方式として
ホームページビルダー教室の生徒さんや、HPB19入門セミナー参加者、無料体験参加者から話をうかがうと
と、サイトを新規作成しないと利用できない機能を、従来のサイトに使えるいう勘違いが少なからずあるようです。
では、ホームページビルダーで新規作成するとして SP にするのか クラシックにするのか、どちらがいいのでしょうか?
ホームページビルダー教室では、まず、ワードプレスにするか・しないかを考えてもらいます。
ワードプレスの長所・短所を実例を通して、実際にご覧いただいて検討していただければと思っています。
ホームページビルダー教室無料体験と教室へのご入会、ホームページビルダー19入門セミナー、時間外マンツーマン個別指導など、いくつかの場をご用意しております。私自身のホームページ作成経験に限らず、生徒さんの実例(作品集)を説明いたします。
ホームページビルダー19では、ホームページビルダーSPのテンプレート(サイトタイプ、ホームページビルダー・クラシックのWordPressテンプレート、フルCSSテンプレートのすべてがスマホ・ページ対応のレスポンシブ・デザインになりました。 スマホの対応には、いくつかの方法があります。 1.パソコン版のみ用意してパソコン版を見てもらう。パソコンの画面用に設計されたページが縮小されて表示される。字を読むには拡大が必要。拡大してスクロールしていくようになります。 2.パソコン版、スマホ版を別々の設計・用意しておく。相手の端末の応じたページに切り替える。(サーバー側の設定や、ページに埋め込むJavascriptを使用) どちらに対してもデザインの最適化が可能。同じような内容のページを2つ作成・更新している手間が必要。 3.レスポンシブ・デザイン パソコン・スマホ共通のページをひとつ作成。それを端末の画面のサイズごとに(スタイルシートの設定を切り替えて)並び替え・サイズ調整をする方法です。 次の画面例は、ホームページビルダーSPテンプレート(サイトタイプ=通常)のものです。
ホームページビルダーに搭載されているワードプレス・テンプレートはレスポンシブ・デザインとなっており、パソコン表示すれば、パソコン用のレイアウト、スマホで表示するばスマホに適したレイアウトになります。それぞれ別にページを用意しなくていいことが利点です。一方、スマホ・ページのデザインに満足されない方も少なからずいらっしゃいました。PC版はワードプレスで作成して、スマホ版はフルCSSスマートフォン・テンプレートで作成された生徒さんがいらっしゃいます。表示の切り替えは、.htaccessで行うようにしました。
当ホームページビルダー教室の ホームページビルダー作品集 でも紹介しています。
元々は他の方が作成した独自デザイン(HTML/CSS)でのサイト(パソコン版のみ)の更新をホームページビルダー18で始められた生徒さんの例です。更新方法、SEO対策、アクセス解析(グーグル・ウェブマスターツール)などが一通りできるようになり、今度はスマートフォン対応ページ(フルCSSスマートフォンテンプレート)の追加の作業を始めました。 サイトの確認画面からスマホ追加/同期、テンプレートを選択して、スマホのページを作成することができます。パソコン版のindex.htmlにスマホページへの切り替えコード(Javascript)が自動挿入され、同じURLでパソコン版、スマホ版の切り替え表示となります。
私自身、現在いつかのホームページの更新を担当しています。もちろんホームページビルダー18を使っています。
参考までに、その作業の流れを紹介します。(NPO法人アースエコの場合 http://www.npo-earth-eco.com/)
この団体では、毎月数回の活動をしています。その活動報告の掲載が主な更新作業です。
私自身は現在は、その団体の活動現場に参加する余裕がありません。活動報告は他のメンバーの方が、ホームページビルダーを使って作成。活動ごとに、フォルダをつくりそこへHTML、画像をまとめてメールで(zipファイル)送っていただいています。
ちなみに特定非営利活動法人アースエコのホームページはフルCSSテンプレートで作成しています。