ホームページビルダー20でサイト作成前に知っておくべきこと

“ホームページビルダー20でサイト作成前に知っておくべきこと” への24件のフィードバック

1. 初めて書き込ませていただきます。
   とても分かりやすい、ビルダーの使い方の説明をありがとうございます。
   如何せん、PCの知識はあまりなく、自分の場合どのように使うとよいのかが分からず、厚かましいご相談ですが、ダメ元で相談させていただいております。
   私は、上記のサイトを8年前から「ビルダー11」で作成し、時々更新してまいりました。
   が、昨今のスマホ・タブレットの普及により、拙サイトは、モバイルフレンドリーではなく、変更の必要に駆られ、「ビルダー20」に乗り換えました。
   本当は、WordPressの様式にて、サイトを一から作り直せばいいのですが、できましたら以前のファイルをできるだけ変更せずに、モバイルフレンドリーなサイトに作り直せないかと考え、丁寧なご教示と、個別の質問にも良心的に答えておられる貴サイトを見つけ、厚かましい相談をさせていただいている次第です。
   すみませんが、そのような方法があるのか、やはり作り直さなければならないのか、できましたら、お教えください。
   また、調べる中で「スマホ追加・同期」の機能を見つけましたが、これを用いると、拙サイトの中にスマホ用のボタンができ、スマホが見やすくはなるが、サイト全体としてはモバイルフレンドリー（の評価）にはならないの認識でよいのでしょうか？
   それもできましたら、お教えください。
   長々と申し訳ありませんでした。
   よろしくお願い申し上げます。

   ログインして返信する

   1. しんゆあん 様

      コメントありがとうございます。
      ビルダー11とビルダー20とでは互換性がないため、基本的には新規で作り直すことが前提になります。
      HTMLやCSSの知識があれば、ビルダー11で作成したサイトのHTML、CSSコードをビルダー20にコピーして
      復元する方法もありますが、必ずなんらかの壁に一度はぶつかることになると思います。

      その際、問題解決にある程度のスキルが要求されます。個人的には、手間はかかりますが、ビルダー20
      で新規に作り直される方が結果的に早いように思います。

      「スマホ追加・同期」に関してですが、この機能を利用すると、パソコン向けのサイトを元に自動的に
      スマホ用のサイトも自動生成してくれる機能です。よって、正しく生成されればモバイルフレンドリー
      になるはずです。しかし、私の認識では、ビルダー15以降で作成したサイトにしか対応していなかった
      と思います。（すみません。正確には未確認です）

      よろしくお願いします。

      ログインして返信する

2. 管理人さん、早速のご返事をありがとうございました。
   すぐにお教えくださっていたのに、お礼を申し上げるのが遅くなりすみませんでした。
   ビルダー11のファイルを20に変換するには、HTML、CSSコードの知識が必要だということですので、私にはちょっと無理だと思います。
   よって、手間はかかりますが、「20のSPの通常」の形式にて、作り直して行こう思います。
   11の時は、時間をかけて教えてもらい何とかできましたが、いまはそういう状況じゃないので、自分でしなくてはならず、20のいろいろなスタイルの中で、どれを選んだらよいのかなど、暗中模索状態でしたが、このサイトのおかげで、なんとか方向性は見えてきました。
   どうも、ありがとうございました。
   あつかましいのですが、また、お伺いすることがあるかもしれません。
   その時はよろしくお願いいたします。
   失礼いたします。

   ログインして返信する

3. 初めまして。
   最近会社のHP担当に任命されたのですが、全くの素人のためこちらに質問をさせていただきました。
   今まで外部の方にビルダー11でHP作成をお願いしていたのですが、今後当方で作成する事になり、ビルダー20を購入しました。
   色々と調べるてみると、新規に作成した方が何かと楽だということは分かっっているのですが、「今のHPのデザインを引き継ぐ方法ですすめる」様に上司より指示がありました。
   素人考えで単純に現HP（公開中）のソースをコピペすればよいのかと考えていたのですが、その方法からしてつまずいてしまいました。
   アドレスも　http:→https　に変えることになっており、全てにおいて頭が付いていけない状態です。
   極めて初歩的な質問で申し訳ないのですが、アドバイスをどうぞ宜しくお願いいたします。

   ログインして返信する

   1. ももち様

      コメントありがとうございます。
      ビルダー11とビルダー20では、互換性がないためそのままファイルを使用するということはできませんが、既存サイトのHTMLソースをコピペすればある程度楽に移行できます。ただ、既存のサイトがどのように作成されているかなどによっては、少し手間がかかる場合もあります。

      やり方は様々ですが、私ならこうするという方法を下記に簡単に記載します。

      ビルダー20には「ホームページビルダー20 SP」と「ホームページビルダー20 クラシック」という大きく分けて2つの機能があります。SPは超初心者でもサイトが作れるようにとテンプレートを必須で使わせ、ソースコードをバリバリ書くような使い方を想定されていません。そのため、従来の旧バージョンでソースを書いていたサイトの移行には不向きです。よって、クラシックの方を利用します。

      手順としては、

      １・クラシックを立ち上げる
      ２・ツールバーから「サイト」⇒「サイトの新規作成」を選ぶ
      ３・「サイト名」に任意のサイト名を入力し「次へ」ボタンを押す
      ４．「既存ページをトップページとして使用」を選択し、既存サイトのトップページのHTMLファイルを読み込まします。
      ５．「詳細設定」ボタンが出てくるので必要に応じて設定してください。その後、「次へ」ボタンを押し完了させます。

      これで、既存サイトのHTMLファイルは読み込めるはずです。あとは、画面左のナビメニューにある「ページの編集」ボタン
      などを押せば、HTMLファイルの編集ができるようになります。

      よろしくお願いします。

      ログインして返信する

      1. 管理人様
         とても分かりやすく、アドバイスを頂きありがとうございます。
         早速実行したところ、うまく移行できました。
         今のところ、動きなどに問題はなさそうなのでホッとしています。
         HPビルダーの使い方をきちんと勉強をしていかなくては！と思っていますが、
         どうしても分からない時、またこちらのお世話になるかもしれません。
         その時もどうぞ宜しくお願いいたします。
         本当にどうもありがとうございました。

         ログインして返信する

4. こんにちは。
   わからないことがあるのでぜひお教えください。
   私は現在ホームページビルダー１７にて作成しております。
   モバイルフレンドリーのページに変換したいのですが２０で変換できますでしょうか？もしくは最初から作り直したほうが早いでしょうか？
   （ページ数が結構あるので最初から作るとなるとちょっと・・・・知識的にはあまりありませんので難しいことはできません）

   よろしくお願いいたします。

   ログインして返信する

5. 何度もすみません。現在21がでているようですね。

   ログインして返信する

   1. avec様

      コメントありがとうございます。
      ホームページビルダー17とホームページビルダー20とは基本的に互換性がないと思って頂いた方がよいかと思います。(21も同様)

      ある程度知識がある方であれば、強引に既存のHTMLを読み込ませて、CSSを修正しモバイル対応することも可能なのですが、知識的に不足していると思われているのであれば、ホームページビルダー20もしくは21のテンプレートを使用し、最初から作り直す方がトラブルもなく結果的に早く変更できると思います。

      よろしくお願いします。

      ログインして返信する

6. ありがとうございます。
   ２１は10月発売ですね。
   それまで待ってる間、なんとか現状もやってみます。
   また困ったことがあったらよろしくお願いいたします。
   ありがとうございました。

   ログインして返信する

7. はじめまして。

   シンプルなページをスマホサイトにも対応したくビルダー12から最新のビルダー20を購入しました。「レスポンブルデザイン」ということを初めて知りましたが、結局どうしたらいいのかわかりません。改めてフルCSSテンプレートで作成となると、似たようなページが無いですし、更新の仕方がわかりません。タグの知識も乏しい私が、とにかくレスポンブルデザインを作るとなると標準ページからはできませんか？あるいは現状あるシンプルなサイトに何かタグを入れ込むだけとか。。。テンプレートを使った方が良いでしょうか？

   フルCSSテンプレートを試してみました。全リンクページが同じ形式になっているようです。（例えば、home/access/contactなどのリンク）トップページのリンクを変えても、リンク先のページのは自動的に変わらないんですよね？更新箇所があれば結局全部のページを変えなくてはならないですね？当方スタイルシードが全く分からず恐縮です。

   とにかく、現状シンプルページからレスポンブルデザインにするには、一番良い方法はなんでしょうか(>_<)。

   ログインして返信する

   1. うみぼん様

      コメントありがとうございます。
      少し回答が長くなるので、別途メールで回答を送らさせて頂きます。

      ログインして返信する

8. 初めまして。
   この度、会社のHPの作成を任されました。
   が、ブログしか触った事がないため、どのソフトを使えば良いのか・・から悩んでます。
   色々と探しているうちに、こちらのサイトに辿り着き、お知恵を拝借出来ればと書き込ませて頂きました。
   以前、ブログを作っていた時に、ホームページビルダーのウェブアートデザイナーを使っていましたので、ホームページビルダーを入れようかと思っています。

   ですが、SP版やらクラシック、WordPress、また10月からは新しいものも出る様で。

   当方、HTML、CSSは使えません。以前に少し触ったことがある程度です。
   現在、体験版を入れて練習してますが、テンプレートは反対に使いづらい？と感じました。

   こんな私が使うには、どれがお勧めでしょうか。
   ご教授頂ければ幸いです。

   長文失礼致しました。

   ログインして返信する

   1. アマテラス様

      コメントありがとうございます。
      全てにおいて一長一短があるため、アマテラスさんが何を重視するかというので選択肢は変わってきます。

      ホームページビルダーを過去あまり使用したことがなく、これから使い方も勉強しながらサイト作成をするというのであれば、SP版が良いかと思います。ただ、SP版はあらかじめ用意されているテンプレートを使用する必要があり、気に入ったものがない場合は、自分でCSSやHTMLを駆使しテンプレートをカスタムする必要があります。更に購入するパッケージのグレードによって、同梱されているテンプレートの種類は変わってきます。（ビルダー21では、用意されているテンプレートのデザイン配置をある程度自由に変更できるようになるみたいなので、CSSやHTMLの知識がなくても好きなようにカスタムはできるかもしれません）

      クラシックは、旧ホームページビルダーを使用していた人でも使用しやすく、サイトのデザイン修正などもある程度自由度があります。ただ、一定のCSSやHTML知識は求められます。

      WordPressは、ある程度のCSS、HTML知識に加えWordPressの知識も求められます。ただ、記事の追加は楽で、ホームページビルダーが無くても外出先のネット環境がある場所であれば記事追加ができるなど、便利な点は多々あります。

      もし、私がアマテラスさんの立場であれば、ビルダー21のSP版を使用するかと思います。

      ログインして返信する

      1. 管理人様

         早々のお返事、ありがとうございました。
         今回は、会社の宣伝？のようなもので、先々、業種も増やして行くための基礎のHPのつもりです。
         最初から立派なものが出来ないのは承知してますし・・・

         体験版でもかなり苦労してます（笑）
         白紙から作ってますので、そうですね、テンプレートも種類があれば問題ないのかも？

         ありがとうございました。
         ビルダー21のSP版を検討してみたいと思います。

         また、困りごとが出てきましたら、ご教授頂ければ幸甚です。

         ログインして返信する

9. 初めて拝見させていただいています。

   ホームページビルダー20を使用してホームページを制作し、ようやく公開したのですが、パソコン画面では作成した通りのページになるのですが、スマホ画面では横向けではパソコン同様に見ることができるのですが、タテ向けにすると文字の配列などがむちゃくちゃで読めたものではありません。

   そこで質問なのですが、ホームページビルダー20では、自動でスマホに対応するようですが、昔のようにパソコン画面のままの表示に意図的にすることはできるのでしょうか？
   また、タテ向けでもきれいなサイトにするためには、別でスマホ用のサイトを作るほかにないのでしょうか？

   無知なものでご教授いただければと思います。よろしくお願いいたします。

   ログインして返信する

   1. あさひ様

      コメントありがとうございます。
      文字の配列がどのように崩れているのかが分かりませんが、通常は、縦向きの
      スマホ画面でも文字は正しく表示されるはずです。もし、サイトのデザイン等
      で変更されている部分があれば、一度見直してみてはどうでしょうか。

      スマホでサイトを見たときにPCと同じように表示させる方法ですが、ビルダー
      の何を使用されているかにもよりますが、HTMLのヘッダ分部に記載されている
      下記の一行を消すのが最も簡単かもしれません。

      ＜META name=”viewport” content=”width=device-width, initial-scale=1″＞

      よろしくお願い致します。

      ログインして返信する

      1. ご回答ありがとうございます。

         パソコンにはあまり強くないもので、詳しいことはわからないのですが、既存のテンプレートのデザインからヘッダー画像を自分で作成したものに変えたのですが、スマホ用に縮小されず、左右が切れた状態で映ります。また、スタイリッシュエフェクト部品で画像と文章を入れる部品を使ったのですが、スマホで見ると、写真が大部分を占めて、文章が細い枠になり縦長に映ります。その他、パソコンで見るときにはない元のテンプレート画像が出てきたりしています。横に向けると正常に映ります。

         とりあえず教えていただいた一行を消してみます。

         ありがとうございます。

         ログインして返信する

10. 管理人様

    とても分かりやすいサイトに辿りつけて感激しております。
    1点ご教示頂ければと思います。

    ver14からver21クラシックへデータ移行まで完了しました。
    最大の目的は既存サイトのＵＲＬを変えずにレスポンシブWebデザインに変更することです。

    フルCSSテンプレートを使って1から作成し直すことと理解していますが
    既存サイトのＵＲＬを変えないで作成する手順が分かりません。

    当方、CSSやHTMLの知識はあまりありません。
    何卒、よろしくお願いいたします。

    ログインして返信する

    1. ジュンジュン様

       コメントありがとうございます。
       URLを変えずに同じドメイン名を使用したい場合は、Ver21で作成したサイトの
       データをVer14の時と同じ場所にアップロードするだけで構いません。
       CSSやHTMLで特に何かを記述しなければならないといったこともありません。

       アップロード方法やアップロード場所に関しては、使用されているサーバー
       によって変わってきますが、基本的にはVer14のときにされていた方法と同様の
       方法になると思います。

       ログインして返信する

       1. 管理人様

          お返事ありがとうございます。
          少し安心しました。
          トライしてみます。

          ありがとうございました。

          ログインして返信する

11. 初めまして。管理人様
    会社のHPの修正を任されました。
    古いHPを今年 他の社員Aが変更したもので当方も無知なため 全く方法がわかりません
    社員Aは個人所有の作成ソフトを使用して作成したため
    ソフトを購入するところからスタートです。
    使用したソフトは①Adobe社製のDreamweaverというソフトを使用して作成したようです。
    社内にあるソフトは ②ホームページビルダー7 しかなく
    ①で作成したものを②では読込めなかったようです。
    HTML編集ソフトなら編集可能と聞いているのですが
    ホームページビルダーの最新版で読込みと編集は対応可能でしょうか？
    また SP、クラシックどちらでなら素人でも編集できるでしょうか？
    かんたんに編集が可能なら 予算はある程度の準備は可能です。
    全くの素人ですのでよろしくお願いいたします。

    ログインして返信する

    1. 千手観音様

       コメントありがとうございます。
       ホームページビルダーは基本的には、「ホームページビルダーでサイトの新規作成」
       「ホームページビルダーで作成したサイトの編集」が前提となっています。

       クラシックの方を利用すれば、他のツールを使って作成したサイトでも読み込むこと
       ができますが、完全な読み込みができなかったり、CSSやHTMLの知識も求められます。

       CSSやHTMLの知識がなくても簡単にWebサイトが作成できるという本来のビルダーの
       特徴を活用するのであれば、やはりビルダーでの新規作成が必要になってきます。

       新規作成しない場合は、前述した通りビルダーを使用したとしてもCSSやHTMLの知識
       が必要となってくるので、それであれば、個人的には前任者が使用していた
       Dreamweaverを使用するのが良いかと思います。ただ、Dreamweaverは値段が高く
       ツール自体の使い方も難易度が高いため、まずは、フリーのHTML編集ソフトを使用
       するのでも良いと思います。

       よろしくお願いします。

       ログインして返信する

12. 管理人様

    早速のお返事ありがとうございます。
    フリーのHTML編集ソフトを使用して現状のHPを編集しながら
    ホームページビルダーで新規HPを作成したいと思います。
    　ありがとうございました。

    ログインして返信する