昨今では、コーディングやデザインのスキルがなくても、素早くウェブサイトを構築できます。必要なのは、優れたウェブサイトビルダーを見つけ、理想のウェブサイトを作成しカスタマイズすることだけです。本日の疑問は、DreamHost Website Builderがそれを実現できるかどうかです。
質の高いウェブサイトビルダーを選ぶのは、特に機能や使いやすさの観点で何を重視すべきか分からない場合、非常に難しいかもしれません。本日は、意思決定をサポートするためにDreamHost Website Builderを検証します。
Note : 異なるウェブサイトビルダーを比較し始める前に、サイトで何を達成したいのかを明確にしましょう。たとえば、ブログセクション、問い合わせフォーム、予約システム、オンラインストア、優れたSEOなどが必要かもしれません。これらの質問に答えたうえで、DreamHostなどの各種サービスと要件を照らし合わせる準備が整います。
Tip : 何をサイトに求めるか分からない場合は、競合他社や参考になるウェブサイトをチェックすることから始めると良いでしょう。
ご覧のように、ほとんどのウェブサイトビルダーには直感的なドラッグ&ドロップ機能やトライアルアカウント、返金保証などがあります。しかし、ウェブサイトビルダーにはそれ以上の機能が求められます。DreamHost Website Builderは、ビジネスが成長するにつれてニーズに対応できるでしょうか?さっそく検証してみましょう。
DreamHost Website Builderプランの利用開始 DreamHostは、WordPressの導入、編集、サイト管理を簡素化するためのプレミアムツールとプラグインを提供しています。プロバイダは3つのWordPress+Website Builderプランを用意し、利用開始の流れを4ステップで案内しています。プランを選び、テーマを選択、コンテンツを更新し、そしてサイトを公開するだけです!
Note : DreamHostは3つすべてのプランにホスティングを含み、返金保証を提供しています。共有ホスティングプランは30日間、Managed WPプランも30日間の返金保証です。
ご存知の通り、DreamHostは3つの組み合わせプランを提供しています:Shared Starter、Shared Unlimited、Managed WordPressです。いずれのプランにもWP Website Builderが含まれています。さらに、全プランに無料ドメイン、Quick-Start Inspirations Wizard、Premium Starter Sites、Post & Page Builder、SEO Recommenderが付属しています。
Warning : 無料ドメインは、Shared Starter、Shared Unlimited、または年間プランのDreamPressをご契約の場合に1年分のみ提供されます(月額プランは対象外)。また、無料登録は契約開始から3か月以内に利用しないと権利が消失します。
Shared Starter、Shared Unlimited、Managed WordPressの違いはウェブサイト数とメール機能です。Shared Starterは1サイトのみ対応し、メール機能は付属しません。Shared Unlimitedは無制限のサイトとメール機能を備え、Managed WPは1つの管理サイトと無制限のメールを提供します。
Shared WordPressプランは価格が手頃で、ブログや小規模ビジネス、ポートフォリオに最適です。ただし、サーバーリソースを他のユーザーと共有するため、サイトが成長するとアップグレードが必要になる可能性があります。
Managed WordPressプランはこの問題を解決し、WordPressに特化したサービスとサポートを提供します。共有環境ではなく、高性能なクラウド上で最適なパフォーマンス、稼働率、セキュリティを確保できるのが特徴です。
サイトを少しスクロールすると、さらに2つのプランがあることに気付くでしょう。DreamHostはManagedプランをDreamPress Starter、DreamPress Plus、DreamPress Proの3つに細分化しています。
これらすべての5プランは月額または前払いで利用可能です。それでは、上述以外の違いも見ていきましょう。
ご覧のとおり、全5プランとも帯域幅無制限で、キャッシュ済み月間訪問者数も無制限です。ただし、2つの共有プランはキャッシュ未済の訪問制限が低めに設定されています。DreamPress StarterとPlusは中程度、DreamPress Proは大量の未キャッシュ訪問に対応可能です。
Note : 限度を超える訪問数に追加料金は発生しませんが、過度な未キャッシュトラフィックはサイトのパフォーマンスに影響を及ぼす可能性があります。
全プランでSSDストレージを採用しており、Managedプランには最大120GBまでの専用SSDストレージが割り当てられます。Sharedプランはリザーブされたリソースこそありませんが、同様にSSDを利用しています。
WordPress関連機能は全5プラン共通で、WordPressがプリインストールされており、自動移行、WP Website Builder、コアとセキュリティの自動アップデートが付属します。Managedプランには1クリックステージングと組み込みキャッシュも含まれます。
さらに、DreamPress PlusまたはProではJetpack Professionalが無料で利用できます。プレミアムテーマ、無制限CDN、ワンクリックバックアップと復元、マルウェアスキャンなどの機能が含まれます。
最後に、DreamHostは自動/オンデマンドバックアップとワンクリック復元、無料ドメイン、ドメインプライバシー、プロフェッショナルメールアカウント、独自コントロールパネル、SFTP、Shell Access、WP-CLIなどの高度な機能を提供します。
理論はこのくらいにして、実際に試してみましょう。まずは最安プランを契約して操作感を確認し、レポートします。今回はShared Starterを選びました。検証目的なのでコストを抑えたかったのと、最低プランの機能を確認したかったためです。もちろん、より上位プランはこれ以上の機能を備えています。
「Sign Up Now」をクリックすると、次の画面へ移動します。プラン選択後はドメインを選びます。言語変更やサポートへの連絡、プラン期間の変更も可能です。
Warning : 無料ドメインは年額プラン契約時のみ提供されます。
これまで見てきたホスティングプロバイダでは、長期契約ほど割引率が高くなるのが一般的です。しかしDreamHostではその逆で、月額プランより年額や3年契約の方が割高でした。逆に利用者側には有利ですが、長期契約者には少し残念ですね。
ドメインは後ほど選択することで登録作業を早めました。次にクレジットカード情報、請求先情報を入力しアカウントを設定します。
Note : まずクレジットカード情報を登録し、正常に追加された後でアカウント設定を進めます。
アカウント設定はメールアドレス登録、またはGoogleアカウントで行えます。画面右側には注文内容が表示され、自動でチェックされるオプションを解除し忘れると余計な料金が発生するので注意が必要です。
ページ下部ではDreamShield Protection、DreamHost Email、Google Workspaceなどの追加オプションが選べます。詳細は既に執筆したDreamHost WordPressレビューと同じなので、そちらをご覧ください。
「Submit Order」をクリックすれば、数秒で完了します。
DreamHost Website Builderプランの設定 「Whoop, whoop, welcome to DreamHost」
注文完了後、コントロールパネルに進めます。ここで言語変更やサポートへの連絡も可能です。
DreamHostがホスティングサービスの設定を自動で開始します。
その間、DreamHostから届くメールをチェックしましょう。FTPやSFTPアカウント情報などが送られてきます。
数分後に次の画面が表示されました。
Note : ドメインは後で選択したため、ここでは仮ドメイン「tesmir.dreamhosters.com」が割り当てられています。
再びメールを確認すると…
ここからメールアドレスでWordPressにログインできます。ただし、初回はメール内リンクを経由してください。
Tip : リンクが期限切れの場合は、再度リセットリンクをメールでリクエストできます。
次にサイトデザインを開始します。DreamHostは「BoldGrid Inspirations」ツールからの開始を推奨しているので、まずはその手順を見ていきましょう。先に他のステップをお見せします。
DreamHostはパフォーマンス向上のためWP Super Cacheプラグインを自動有効化します。
Note : キャッシュ技術により新規公開した記事がすぐに反映されないことがありますが、「Settings > WP Super Cache」から「Delete cache」をクリックすれば即時反映できます。
また、DreamHost Academyやサポートチームへのリンクがメールで送られ、WordPressの使い方を画像や動画付きで学べます。
それでは、WP Website Builderでウェブサイトを作成する手順を見ていきましょう。
Note : WP Website Builderを使うには既存のWordPressサイトが必要です。
DreamHostが自動化してくれるので、コントロールパネルをスクロールして「Log In to WordPress」を探し、「Open WordPress Editor」をクリックするだけです。
すぐにBoldGrid Inspirationsが表示されます。
ここで2つのオプションが表示されます。 1. テーマのリポジトリから選び、デモコンテンツを活用するか、自分でデザインツールを使って作成し、プラグイン機能を追加して公開する 2. Total Upkeepを使って既存サイトを移行する
今回は前者を選び、オレンジの「Let’s Get Started」をクリックすると、以下の画面が表示されます。サイトのタイプごとにテーマカテゴリが並んでいます。フィルターはAll、Default、General、Consulting、Marketing、Design、Photography、Fitness、Fashion、Music、Restaurant、Real Estate、Home Repairです。
好みのテーマが見つかったら「Select」をクリックします。
Note : テーマはレイアウト、フォント、カラーの基本を設定しますが、後ほどデザインを自在にカスタマイズできます。
次にContentセクションで基本ページと機能を選択します。PAGESETメニューではBase(3ページ)、Five Page(5ページ)、Kitchen Sink(8ページ)から選べます。ブログ機能を追加する場合はAdd FunctionalityのBlogボタンをオンにします。また、画面下部のアイコンで異なるデバイスでの表示をプレビューできます。
たとえば3ページではHome、Portfolio、Contact Usが自動生成され、Five PageではClientsとInfoが追加されます。
さらにKitchen SinkではTestimonials、Resume、Servicesが追加されます。
最後にブログ機能の概要はこちらです。
すべてを設定したら、青い「Next」をクリックします。
次は「Essentials」です。こちらでは連絡先情報やSNSアイコンなど、サイト全体で表示する任意の情報を入力できます。後から編集可能なので、省略して「Finish and Install」をクリックしても構いません。
あとは待つだけです!
インストールが完了すると、InspirationsタブのWordPressダッシュボードに移動します。ここでさらにサイトをカスタマイズできます。
まずどのエディタを使うかを選びます。
Tip : DreamHostでは複数のWordPressエディタを選択できますが、BoldGridでサイト作成するならPost & Page Builderが最適です。
左ペインのInspirationsタブで編集したいページの右側にある鉛筆アイコンをクリックします。
ここでセットアップをスキップするか、提案された3ステップを完了できます。今回は後者を選びます。
「Okay, let’s go!」をクリックすると、希望のエディタを選択できます。
Note : 投稿にも固定ページにも個別にエディタを選択できます。
Post & Page Builder、WordPress Editor、Classic Editor、Default for posts and pagesの4種類から選べます。
おすすめはPost & Page Builderです。WordPress Editorは「Pages > All Pages」にある標準エディタ、Classic Editorはより多くのオプションを表示する従来エディタです。「Default」を選ぶと自動的にPost & Page Builderになります。
次のステップをクリックすると完了です。
後からエディタを変更したくなった場合も、ドロップダウンから別のエディタを選ぶだけで切り替え可能です。
例えばWordPress editorに切り替えると、数秒で移動します。
WordPressエディタでは左にブロック追加、右に詳細オプションが配置されています。
もう一度もどってClassic editorを試すには、右上の三点リーダーからプラグインメニューを開きます。
Classic editorはWordPress editorと似ていますが、デフォルトでより多くのオプションを表示します。
さて、大本命のPost & Page Builderに戻って、実際の編集方法を見てみましょう。
Note : Post & Page BuilderはCtrl+Shift+Fでフルスクリーン表示を切り替えられます。
ページにブロックを追加するには、青い「Add Blocks」ボタンをクリックします。画面が左右に分割され、左にページプレビュー、右に利用可能なブロックが表示されます。
右上のカテゴリからブロックタイプを選択すると、新しいブロックが右側に表示されます。追加したいブロックにカーソルを合わせ、「Add to Page」をクリックします。
すると左側にブロックがインストールされます。
インストール後はドラッグで位置を調整したり、削除したりできます。
最後に右上のチェックマークをクリックして変更を保存します。
以上が基本的な操作です。WP Website Builder内の他のオプションもぜひ探してみてください!
使いやすさとカスタマーサポート ウェブサイトビルダーをレビューするときは、初心者でも直感的に操作できるかどうかを重視します。特に技術に不慣れなユーザー向けのツールですから、誰でも使いやすいことが求められます。
Note : ウェブサイトビルダーの目的は、サイト構築を簡単かつ迅速にすることです。
DreamHostの魅力はQuick-Start Inspirations Wizardです。デザイン選択、機能追加、重要情報入力までをガイドし、数分でサイト立ち上げをサポートします。
ドラッグ&ドロップ編集とデザインブロックの組み合わせにより、初心者はもちろんプロもスピーディにサイトを構築・編集できます。Post & Page Builderは基本機能に加え高度なオプションも備え、アイデアを数クリックで実現できます。
また、ワンクリックステージングは新しいプラグインやテーマ、コードを本番に反映する前に安全にテストできるため非常に便利です。
次にサポート体制を確認しましょう。機能や使い方をまとめたリソースは十分か、トラブル時に24時間対応のサポートがあるかどうかをチェックします。
DreamHostの弱点は、24時間対応のライブチャットがない点です。非契約者はチャットウィジェットかメールで問い合わせますが、その場での即時対応は期待できません。契約者向けのカスタマーサポートチャットは営業時間内のみです。
チャットウィジェットにはKnowledge Base、Discussion Forums、System Status、Tech Supportがあり、問い合わせ先(Sales、Billing、Tech Support、Other、ログイン不可)を選択できます。
オプション選択後はフォームに記入して送信しますが、即時応答はありません。
既存ユーザー向けのWebsite Builderサポートはプランによって異なります。
Shared StarterとShared Unlimitedは標準サポートで、24時間チケット、ライブチャット、電話コールバックが利用できますが優先対応はありません。
ManagedプランではWordPress専門のチケット、ライブチャット、電話サポートがあり、DreamPress Proでは優先対応が付属します。
カスタマイズオプションとレスポンシブ対応 ご覧の通り、DreamHost Website Builderでは最初にテンプレートを選びます。テンプレートはサイトビルダーの要です。プロバイダごとの選択肢を比較すべきポイントです。
DreamHostは200以上の業種別プレミアムテーマを提供しています。写真、リゾート、不動産、レストラン、音楽、フィットネス、デザイン、ファッションなど豊富です。
Tip : サイトの構造やデザインの出発点として、理想に近いテンプレートを選ぶと、後からのカスタマイズが容易になります。
次にレスポンシブ対応です。デスクトップだけでなくモバイルやタブレットでも見栄えよく表示されることが重要です。DreamHostは100%モバイルレスポンシブを謳っており、デバイスごとに別バージョンを用意する必要はありません。
Note : レスポンシブサイトは、どの画面サイズでも同じ要素とコンテンツを持ち、常に最適な表示を自動調整します。
テンプレート選択は出発点に過ぎません。色、フォント、ページ、画像、ボタン、アイコンなど自由にカスタマイズできますか?その手軽さはどうでしょうか?
DreamHostは100以上のデザインブロックを提供しており、クリック一つで追加・編集が可能です。コーディング不要で、競合サイトと差別化できる独自サイトを手軽に作成できます。
Tip : テンプレートを十分にカスタマイズできるビルダーを選ぶと、独自性の高いサイト構築が可能になります。
その他の機能と拡張性 最後に、ウェブサイトビルダーを選ぶ際の決め手となるのは追加機能の豊富さです。Google Analytics、CRM、サードパーティのマーケティングツールなど、柔軟に連携できるかを確認しましょう。
DreamHostの大きな特徴はリアルタイムSEO Recommenderです。WP Website Builder内にオンページSEOのヒントを直接表示し、コンテンツを最適化して検索エンジンでの可視性を高めます。
Note : 無料ドメイン、無料SSL、ビジネスメール、eコマース機能などの有無を確認し、追加コストを事前に把握しましょう。DreamHostは無料ドメイン、ドメインプライバシー、プロフェッショナルメールアカウントを提供し、SFTP、Shell Access、WP-CLIなどの高度な機能も備えています。自動移行、毎日のバックアップ、SSDストレージ、カスタムコントロールパネルなど、数多くの無料特典でコストパフォーマンスが高いと言えます。
DreamHost Website Builderの特徴 まとめ:DreamHost Website Builderの優位性は何でしょうか?なぜ他のビルダーではなくこれを選ぶべきでしょうか?
WordPressベース 全プランにWordPressプリインストール Quick-Start Inspirations Wizard 200以上のPremium Starter Sites Post & Page Builder リアルタイムSEO Recommender BoldGrid搭載 完全カスタマイズ可能なユーザー体験 プロフェッショナルデザインとテーマギャラリー ドラッグ&ドロップカスタマイザー フルWYSIWYGページエディタとGridBlocks WooCommerce対応のビルダーテーマ SSDストレージ、組み込みキャッシュ、ワンクリックステージング 無料自動WordPress移行とアップデート 無料SSL、ドメイン、ドメインプライバシー、メールアカウント 自動毎日バックアップ、オンデマンドバックアップ&ワンクリック復元 30日間および97日間の返金保証 DreamHost Website Builderの長所と短所 Pros:
使いやすさとナビゲーションのしやすさ 完全カスタマイズ可能 豊富なテーマ ドラッグ&ドロップ機能 ステージングサイトによるテスト環境 優れた返金ポリシー Cons:
まとめ WordPressとウェブサイトビルダーのどちらを選ぶか迷うユーザーは多いですが、DreamHostはその両方を融合しています。まさに両者の良いとこ取りと言えるでしょう。
DreamHostではギャラリーからテーマを選び、ドラッグ&ドロップで自由自在にカスタマイズ可能です。プレビュー画面のアイテムをクリックしてプロパティを編集し、カラー、フォント、レイアウト、ナビゲーションメニュー、ウィジェットを簡単に変更できます。変更はすべてステージングサイト上でテストでき、本番公開前に確認できます。
さらにWYSIWYGページエディタとGridBlocksにより、見たまま編集とレイアウト作成が可能です。これらの機能により、カスタムドメイン、ブログ機能、強力なSEO・SNS機能、eコマース機能など、多彩なサイトを構築できます。
デメリットとしては、DreamHost Website Builderが無料ではない点が挙げられます。無料のウェブサイトビルダーも存在しますが、本サービスは有料です。また、カスタマーサポートの対応時間が24時間ではない点も留意が必要です。さらに、WordPressベースのため、利用にはWordPressサイトが必要です。