TOPホームページビルダー20ホームページビルダー20でサイト作成前に知っておくべきことホームページビルダー20でサイト作成前に知っておくべきこと2015年11月13日ホームページビルダー20ホームページビルダーを旧バージョンから利用している人であれば、現時点での最新版であるホームページビルダー20を利用した場合でも特に戸惑う事なく利用できると思います。ここ最近のホームページビルダーは様々な人に対応できるように『SP』、『クラシック』、『フルCSS』、『WordPress』、『かんたんスタイル』、『スタンダードスタイル』、『どこでも配置モード』などなどホームページを作成開始する段階から選択肢がたくさんあります。言っていい程、迷うことになります。そこで、本ページでは複数ある選択肢の中から自分に一番適している使い方はどれなのかを選ぶ方法を記載していきます。どの機能を使えばいいのか迷われている方は参考にして下さい。機能構成ホームページビルダー20の各機能の構成について記載します。クラシック』の2つに分かれます。この2つは、機能と言うよりも別々の2つのアプリケーションだと思ってください。実際に別アプリで、起動も別々のショートカットをクリックして起動します。この2つのアプリケーションには更に下記の様な機能に分かれません。全部で29通りもあります。これをホームページを作成する前にどの組み合わせ行うのかを決める必要があります。「かんたん」スタイル、「スタンダード」スタイル、「エディターズ」スタイルはホームページ作成の途中でも変更することができますが、その他は、ホームページ作成を一旦開始すると変更ができません。それぞれの特徴を記載しているので、自分に合った組み合わせを選ぶようにして下さい。2つのアプリケーションホームページビルダー19から『ホームページビルダーSP』が登場し、従来のホームページビルダーは『ホームページビルダークラシック』と名称変更され2つのアプリケーションに分離されました。それぞれのアプリケーションがどういったものか、下記に概要を記載します。ホームページビルダーSPホームページビルダーSPは、ホームページビルダー19から新たに追加されたアプリケーション。ホームページビルダー18までは、ホームページビルダーと言えば、ホームページビルダー1つしかなかったのですが、ホームページビルダー19からは、『ホームページビルダーSP』と『ホームページビルダークラシック』の2つに分類されるようになりました。『ホームページビルダークラシック』が従来のホームページビルダーだと思って頂いて結構です。今後は、ホームページビルダーSPの方がメインになっていくように思います。ホームページビルダーSPは、ドラッグ&ドロップで簡単にホームページが作成できるようになっています。従来のホームページビルダー(現在の名前:ホームページビルダークラシック)の『どこでも配置モード』を更に使い易く機能拡張した様なイメージです。ホームページビルダークラシック従来の機能が搭載されています。ホームページビルダーSPが登場したので、名前を明確に分けるために従来のホームページビルダーを名称変更し『ホームページビルダークラシック』となりました。旧バージョンから利用している方や、HTMLやCSSにある程度知識があり自分でも書き替えたい場合は、SPではなくクラシックがおすすめです。2つ編集モードホームページ作成者の好みに合わせて『標準モード』と『どこでも配置モード』の2つの編集モードが用意されています。※注意事項ホームページ作成中、作成後で、編集モードを変更することはできません。どこでも配置モード画像や文字をページ上の好きな場所に簡単に配置できます。HTMLやCSSが全く分からないという方はこのモードを利用した方がホームページを作り易いと思います。機能に制限があったり、実際にブラウザやスマホで見ると表示が崩れる場合があったりと、個人的にはあまりおすすめできません。標準モードHTMLやCSSを少しは使えると言う方におすすめ。[どこでも配置モード]よりは、ホームページを作る難易度はあがりますが、自由度も高く使いこなせば見た目が綺麗なホームページも作成できます。個人的にはこちらのモードがおすすめ。3つ編集スタイルホームページビルダー20には、「かんたんスタイル」、「スタンダードスタイル」、「エディターズスタイル」という3つの編集スタイルがあります。このスタイルは、ホームページ作成途中でも変更できるのであまり難しく考える必要はありません。自分がどういったスタイルでホームページを作成するかによって、このスタイルを変更します。要は、ツールバーにあるアイコンなどを多用してホームページを作成する人は、ツールバーを強化した画面構成、HTMLやCSSコードをバリバリ書く方はツールバーなど不要なものを非表示にしてエディターをメインとした画面構成といったように作業画面の構成が変わるだけと思って頂いて結構です。[かんたん]スタイルグラフィカルで大き目なツールバーやボタンで画面が構成されており、初めてホームページビルダーを使う方でも直感的に分かるような機能配置がされています。ツールバーのボタンは一などをカスタマイズすることはできません。([スタンダード]スタイルでは可能)。このスタイルでは、HTMLの編集もできません。HTMLの編集をしたい場合は、[スタンダード]スタイルか、[エディターズ]スタイルに変更する必要があります。[スタンダード]スタイルメニューバーやツールバーのカスタム配置が可能。HTMLの編集もできるので万能なスタイルです。個人的には、このスタイルの使用がおすすめです。[エディターズ]スタイルHTMLのソースコードを直接書きたい方におすすめのスタイルです。不要なボタンなどは非表示にされていますが、機能自体が使えなくなっているわけではなく、表示させて使用することも可能です。[スタンダード]スタイルと同様にツールバーやメニューバーをカスタム配置することもできます。※ホームページビルダーSPは、HTML、CSSを直接編集できないのでHTML、CSSを直接編集したい方は、ホームページビルダークラシックを使用する必要がある。※ホームページビルダーSPは、HTML、CSSを直接編集できないのでHTML、CSSを直接編集したい方は、ホームページビルダークラシックを使用する必要がある。※ホームページ作成後は、WordPressで記事投稿等を行う為、WordPressの知識も少なからず必要になります。※ホームページを作成する最初の段階で公開サーバーの用意をしなければならない。公開サーバーは後から用意したい方は、開始モード『かんたんホームページデビュー』以外を選択してください。※ホームページを作成する最初の段階で公開サーバーの用意をしなければならない。公開サーバーは後から用意したい方は、開始モード『かんたんホームページデビュー』以外を選択してください。※ホームページを作成する最初の段階で公開サーバーの用意をしなければならない。公開サーバーは後から用意したい方は、開始モード『かんたんホームページデビュー』以外を選択してください。用意されているテンプレートを使用したい人ホームページ作成初心者向き※WordPressサイト作成後は、WordPressの管理画面で記事作成&投稿するので、WordPressの機能に関する知識も求められます。用意されているテンプレートを使用したい人ホームページ作成初心者~中級者向き※WordPressサイト作成後は、WordPressの管理画面で記事作成&投稿するので、WordPressの機能に関する知識も求められます。用意されているテンプレートを使用したい人ホームページ作成中級者向き※WordPressサイト作成後は、WordPressの管理画面で記事作成&投稿するので、WordPressの機能に関する知識も求められます。用意されているテンプレートを使用したい人ホームページ作成初心者向き※WordPressサイト作成後は、WordPressの管理画面で記事作成&投稿するので、WordPressの機能に関する知識も求められます。用意されているテンプレートを使用したい人ホームページ作成初心者~中級者向き※WordPressサイト作成後は、WordPressの管理画面で記事作成&投稿するので、WordPressの機能に関する知識も求められます。用意されているテンプレートを使用したい人ホームページ作成中級者向き※WordPressサイト作成後は、WordPressの管理画面で記事作成&投稿するので、WordPressの機能に関する知識も求められます。かんたんHTML、CSSの知識が全く無い人テンプレートを使用せず、白紙状態から作成したい人ホームページ作成中級者向き※はっきり言ってこの組み合わせは使用しない方がいい。[かんたん]スタイルはHTML、CSSの直書きができません。白紙状態からの作成で、HTML、CSSの直書きができないのは致命的です。PM初めて書き込ませていただきます。分かりやすい、ビルダーの使い方の説明をありがとうございます。せん、PCの知識はあまりなく、自分の場合どのように使うとよいのかが分からず、厚かましいご相談ですが、ダメ元で相談させていただいております。私は、上記のサイトを8年前から「ビルダー11」で作成し、時々更新してまいりました。昨今のスマホ・タブレットの普及により、拙サイトは、モバイルフレンドリーではなく、変更の必要に駆られ、「ビルダー20」に乗り換えました。本当は、WordPressの様式にて、サイトを一から作り直せばいいのですが、できましたら以前のファイルをできるだけ変更せずに、モバイルフレンドリーなサイトに作り直せないかと考え、丁寧なご教示と、個別の質問にも良心的に答えておられる貴サイトを見つけ、厚かましい相談をさせていただいている次第です。すみませんが、そのような方法があるのか、やはり作り直さなければならないのか、できましたら、お教えください。調べる中で「スマホ追加・同期」の機能を見つけましたが、これを用いると、拙サイトの中にスマホ用のボタンができ、スマホが見やすくはなるが、サイト全体としてはモバイルフレンドリー(の評価)にはならないの認識でよいのでしょうか?それもできましたら、お教えください。申し訳ありませんでした。様コメントありがとうございます。ビルダー11とビルダー20とでは互換性がないため、基本的には新規で作り直すことが前提になります。HTMLやCSSの知識があれば、ビルダー11で作成したサイトのHTML、CSSコードをビルダー20にコピーして復元する方法もありますが、必ずなんらかの壁に一度はぶつかることになると思います。その際、問題解決にある程度のスキルが要求されます。個人的には、手間はかかりますが、ビルダー20で新規に作り直される方が結果的に早いように思います。「スマホ追加・同期」に関してですが、この機能を利用すると、パソコン向けのサイトを元に自動的にスマホ用のサイトも自動生成してくれる機能です。よって、正しく生成されればモバイルフレンドリーになるはずです。私の認識では、ビルダー15以降で作成したサイトにしか対応していなかったと思います。正確には未確認です)よろしくお願いします。PM管理人さん、早速のご返事をありがとうございました。お教えくださっていたのに、お礼を申し上げるのが遅くなりすみませんでした。ビルダー11のファイルを20に変換するには、HTML、CSSコードの知識が必要だということですので、私にはちょっと無理だと思います。よって、手間はかかりますが、「20のSPの通常」の形式にて、作り直して行こう思います。11の時は、時間をかけて教えてもらい何とかできましたが、いまはそういう状況じゃないので、自分でしなくてはならず、20のいろいろなスタイルの中で、どれを選んだらよいのかなど、暗中模索状態でしたが、このサイトのおかげで、なんとか方向性は見えてきました。ありがとうございました。あつかましいのですが、また、お伺いすることがあるかもしれません。その時はよろしくお願いいたします。