WordPressで1ページウェブサイトを作成する方法（ステップバイステップ）

開発者を雇わずにWordPressでモダンな1ページウェブサイトを作成したいですか？

1ページウェブサイトは、ランディングページ、ポートフォリオ、中小企業サイトに最適です。なぜなら、魅力的で、モバイルフレンドリーで、訪問者が行動を起こすように誘導するからです。

しかし、適切なアプローチなしでは、構築はフラストレーションの原因となる可能性があります。読み込み速度の低下、モバイルでの応答性の悪さ、訪問者をサイトから遠ざける混乱したユーザーエクスペリエンスにつながる可能性があります。

このステップバイステップガイドでは、初心者の方でも、WordPressでプロフェッショナルな1ページウェブサイトを正確に作成する方法を説明します。

なぜ1ページウェブサイトを作成するのか？

ほとんどのビジネスや組織はウェブサイトを必要としています。対面式のビジネスを運営している場合でも、ウェブサイトは新しい人々があなたのブランドを発見し、次のステップを踏み出すのに役立ちます。それは、予約のリクエストから連絡先情報の取得、実店舗への旅行の計画まで、何でもあり得ます。

しかし、本格的なブログやウェブサイトを構築するのは大変な作業です。複数のページをデザインし、それらのコンテンツをすべて永遠に最新の状態に保つための時間、予算、または専門知識がないかもしれません。

ワンページウェブサイトは、それほど要求の少ないオプションです。

さらに、場合によっては、複数ページのウェブサイトは必要ありません。物理的な店舗やビジネスがある場合、ウェブサイトは単なるデジタル名刺として機能するかもしれません。Googleであなたを見つけやすくし、電話番号や営業時間などの基本的な情報を提供できます。

その場合、1ページのビジネスウェブサイトは、より少ない時間と労力で目標を達成するのに役立ちます。

また、1ページのサイトをオンラインポートフォリオやリンクインバイオページとして使用している多くのフリーランサーや起業家とも協力してきました。

1ページウェブサイトは、会議やワークショップのような短期イベントにも最適です。

通常、訪問者は単一の特定の目標を念頭に置いているため、使用されない複雑なマルチページサイトを作成する必要はありません。

そして一番良いところは？イベントが終了したら、サイトを簡単に削除できます。もう必要のないものを維持する心配はありません。

要するに、オンラインプレゼンスを迅速、簡単、かつ手頃な価格で作成する必要があるなら、1ページウェブサイトが最適なソリューションになる可能性があります。 

それでは、シングルページウェブサイトを作成する方法を見ていきましょう。

ステップ1：ウェブサイトビルダーを選択する

1ページのサイトを作成するために使用できるウェブサイトビルダーはたくさんありますが、WordPressをお勧めします。

まず、オープンソースで無料なので、使用料はかかりません。ほとんどのプレミアムビルダーはマルチページウェブサイト専用に設計されているため、1ページのデザインには必要のない機能にお金を払うことになる可能性があります。

WordPressを選択することで、高額な費用なしで強力で信頼性の高いプラットフォームを入手できます。このトピックの詳細については、WordPressが無料である理由に関する記事をご覧ください。

しかし、さらに良い点があります。私たちのブログ統計によると、WordPressは世界で最も人気のあるウェブサイトプラットフォームであり、すべてのウェブサイトの約43％を支えています。これは、高額な費用なしで、1ページのウェブサイトに最適なプラットフォームを手に入れることができることを意味します。まさにウィンウィンです。

ただし、WordPressソフトウェアには2種類ありますので、正しい方を選ぶことが重要です。

まず、ブログホスティングプラットフォームであるWordPress.comがあります。次に、セルフホスト型WordPressとしても知られるWordPress.orgがあります。1ページのウェブサイトには、ページビルダーを含むサードパーティのプラグインをインストールできるため、WordPress.orgを使用することをお勧めします。

優れたデザインは、あらゆるWordPressウェブサイトにとって重要ですが、1ページのサイトにとっては絶対に不可欠です。印象を強く与えるためのスペースが限られているため、すべてのピクセルが重要になります。

そのため、強力なページビルダープラグインは必須です。これにより、ページデザインを完全に制御でき、各要素がページ上のどこに表示されるかを正確に微調整できます。このように、ページビルダーは最小限のスペースで最大限の効果を発揮するのに役立ちます。

私たちがすべての読者にWordPressを推奨する理由の詳細については、完全なWordPressレビューをご覧ください。

ステップ 2: 1 ページ ウェブサイトのホスティングを設定する

1ページウェブサイトを作成するには、ドメイン名とウェブホスティングが必要です。

ドメイン名は、インターネット上でのウェブサイトのアドレスです。これは、顧客がブラウザに入力して、aioseo.comやoptinmonster.comのようなあなたのワンページサイトにアクセスするために使用するものです。

ウェブホスティングは、あなたのウェブサイトがオンラインで存在する場所です。お手伝いするために、新しいサイトで購入できる最高のWordPressホスティングをいくつか厳選しました。

WordPressソフトウェアは無料ですが、ホスティングとドメイン名で費用が実際にかさみ始める可能性があります。 

通常、ドメイン名は年間14.99ドル、ホスティング費用は月額7.99ドルからかかります。特に単一ページのサイトを作成している場合、これはかなりの金額です。

幸いなことに、Bluehost は無料のドメイン名を提供しており、読者の皆様はウェブホスティングの大きな割引を受けることができます。Bluehost は世界最大のホスティング会社の一つであり、WordPress が公式に推奨するホスティングパートナーです。

月額わずか2.99ドルから始められる下のボタンをクリックできます。これは、軽量な1ページサイトに最適です。

それが完了したら、新しいタブでBluehostのウェブサイトにアクセスし、黄色の「今すぐ開始」ボタンをクリックしてください。

これにより、価格ページに移動し、ウェブサイトのホスティングプランを選択できます。

成功するシングルページサイトを作成するために必要なすべてが含まれているため、「スターター」または「ビジネス」プランを選択することをお勧めします。

プランを選択するには、「プランを選択」ボタンをクリックするだけです。

次に、1ページウェブサイトのドメイン名を選択する時間です。

ドメイン名は、強力なオンラインブランドを構築するために不可欠なので、完璧なドメイン名を選ぶのに時間をかける価値は十分にあります。

理想的には、ドメインは発音やスペルが簡単で、覚えやすく、ブランドに関連している必要があります。インスピレーションが足りない場合は、ブログ名ジェネレーターを使用することもできます。

希望のドメイン名が利用できない場合は、その隣に地名を追加してみてください。これは対面式のビジネスに特に効果的で、ローカル検索結果でのドメインの可視性を高めます。 

1ページのウェブサイトのドメイン名の選択に役立ちますか？それなら、最適なドメイン名の選び方に関するガイドをご覧ください。

ドメイン名を選択すると、カートページに移動します。そこから「チェックアウトに進む」をクリックします。

Bluehostでは、お客様の名前やメールアドレスなどのアカウント情報が求められます。

これが完了したら、支払い情報を入力して購入を完了してください。

完了すると、ウェブホスティングコントロールパネルにログインする方法についての指示が記載されたメールが届きます。これは、メール通知の設定やWordPressサポートの依頼など、1ページサイトを管理できるダッシュボードです。

ステップ3.ウェブホスティングにWordPressをインストールする

当社のリンクを使用してBluehostにサインアップすると、Bluehostが自動的にドメイン名にWordPressをインストールします。

数分待って読み込みが完了したら、「サイトを編集」ボタンをクリックしてください。これにより、新しいウェブサイトの設定画面に移動します。

この時点で、新しいウィンドウが表示され、WordPressサイトを移行するか、新規セットアップを開始するかを尋ねられます。

新しいウェブサイトを作成するので、「セットアップ開始」ボタンをクリックします。

セットアップウィザードで、ウェブサイトの種類、ブログ、または作成中のオンラインマーケットプレイスなどの基本的な情報を入力するように求められます。

1ページウェブサイトに最も適したカテゴリを選択し、「セットアップの続行」をクリックします。

Bluehost WordPressセットアップウィザード全体を完了したら、「セットアップを完了」をクリックします。

Bluehost が WordPress 管理画面に移動します。

WordPressダッシュボードには、ウェブブラウザで直接 yoursite.com/wp-admin/ にアクセスしてログインすることもできます。

SiteGround、Hostinger、HostGator、またはWP Engineなどの他のWordPressウェブサイトホストを使用している場合は、すべての主要ホスティングプロバイダー向けのWordPressのインストール方法に関する完全なガイドをご覧ください。

これで、WordPressで1ページウェブサイトの構築を開始する準備が整いました。

ステップ4：ページビルダープラグインをインストールする

魅力的な1ページサイトを作成する最も簡単な方法をお探しですか？それなら、SeedProdを強くお勧めします。この人気のページビルダープラグインにはドラッグアンドドロップインターフェイスが付属しているため、各要素がページ上のどこに表示されるかを正確に制御できます。

各レイアウトに独自のレイアウトを持つ無制限の行を作成することもできます。これは、散らかっているように感じさせることなく、1 ページ Web サイトに多くのコンテンツを含めることができることを意味します。

詳細については、SeedProdの完全レビューをご覧ください。ここでは、ランディングページ、カスタムテーマ、さらにはウェブサイト全体を構築するために使用した際の学習内容を共有しています。

このチュートリアルでは、美しい1ページサイトを作成するために必要なすべてを備えているSeedProdの無料版を使用します。サイトが確立され、多くのトラフィックとコンバージョンを生み出すようになったら、いつでもプレミアムプラグインにアップグレードできます。

プレミアムプラグインには、追加のブロック、Eメールマーケティング連携、および動的テキストのサポートが付属しているため、単一ページサイトにパーソナライズされたコンテンツを表示できます。とはいえ、1ページサイトを次のレベルに引き上げる時期が来たら、SeedProdプレミアムが最適です。

開始するには、SeedProdプラグインをインストールして有効化するだけです。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。

ステップ5：新しいページを作成する

さて、いよいよ1ページウェブサイトを作成する時が来ました！始めるには、SeedProd » Landing Pages にアクセスし、「新しいランディングページを追加」をクリックしてください。

SeedProdには、近日公開や404ページなどのさまざまなキャンペーンタイプに整理された多くのデザインがあります。画面上部のタブをクリックして、キャンペーンタイプに基づいてテンプレートをフィルタリングできます。

1ページウェブサイトを作成する場合、通常は白紙の状態から始めるのが理にかなっています。単一のページをゼロからデザインするには、マウスを「空白テンプレート」にホバーし、表示されたらオレンジ色のチェックマークをクリックします。

次に、1ページウェブサイトの名前を入力します。SeedProdはページのタイトルに基づいてURLを自動的に作成しますが、好きなものに変更できます。

説明的なURLは、検索エンジンがあなたのサイトが何についてのものであるかを理解するのに役立ち、それによってあなたのサイトのようなコンテンツを探している人々に表示できるようになります。

入力した情報に満足したら、「保存してページの編集を開始」ボタンをクリックします。

ステップ6：ブランディングを追加する

SeedProdは、空白のテンプレートをドラッグ＆ドロップエディターで開きます。左側にさまざまな設定が表示され、右側にライブプレビューが表示されます。

1ページウェブサイトは、ブランディングを確立するための最初（そして唯一）のチャンスなので、正しく行うことが重要です。そうは言っても、まずグローバル設定を変更して、ページデザイン全体で一貫性を保つことから始めましょう。 

これを行うには、左下のメニューにある歯車のアイコンをクリックします。

ヘッダーと本文のテキストを微調整するには、「フォント」セクションをクリックして展開します。

ドロップダウンメニューを使用して、デフォルトのフォントとテキストスタイルを変更できるようになりました。

次に、ヘッダー、テキスト、ボタン、リンク、背景のカラー スキームを作成できます。

個々の要素に対してこれらの設定を上書きできますが、事前に定義しておくと、一貫したデザインを作成しやすくなります。さらに、長期的には時間を節約できます。

この変更を行うには、「色」セクションをクリックして展開します。ここで、変更したい色の上にカーソルを合わせ、スウォッチをクリックするだけです。これにより、使用したい正確な色合いを選択できるピッカーが開きます。

探索できるグローバル設定は他にもいくつかありますが、ほとんどの1ページウェブサイトにとってこれは良い出発点です。

ステップ7：レイアウトを選択する

次にレイアウトを選択します。ワンページサイトには無制限に行を追加でき、各行は独自のレイアウトを持つことができます。

ただし、ナビゲーションを容易にするために、通常は各行で1列または2列のレイアウトにすることをお勧めします。これは、スマートフォンやタブレットなどの小さなデバイスでは特に当てはまります。

レイアウトを選択するには、使用したいオプションにマウスカーソルを合わせるだけです。その後、クリックしてください。

これにより、新しい行が作成されます。 

まず、行にカーソルを合わせ、行の背景を変更したい場合が多いでしょう。次に、表示される小さな歯車のアイコンをクリックします。 

この時点で、左側のメニューの設定を使用して背景スタイルと色を変更できます。

ブランドを確立するために、先に設定したグローバルカラーから選択することをお勧めしますが、好きな色合いを使用することもできます。 

ステップ 8: コンテンツブロックを追加する

ブロックはSeedProdのコアパーツであり、あらゆる種類の1ページデザインを作成できます。テキスト、画像、お問い合わせフォームなどを追加するためのブロックがあります。

SeedProdの左側メニューにブロックが表示されない場合は、点線のアイコンをクリックしてください。

その後、「ブロック」タブが選択されていない場合は選択できます。1 ページサイトにブロックを追加するには、デザインにドラッグアンドドロップするだけです。

ブロックをカスタマイズするには、ページプレビューでクリックして選択し、左側のメニューで変更を行います。 

インスピレーションが足りない、または単に1ページサイトを迅速に構築したいですか？SeedProdには、見出し、キャプション、行動喚起などのテキストを簡単に生成できる強力なAI機能が付属しています。

通常通りデザインにテキストブロックを追加し、「AIテキストを生成」ボタンをクリックします。使用したいプロンプトを入力し、「テキストを生成」をクリックします。

SeedProdは、お客様の指示に基づいてテキストを生成します。

トーン、長さ、さらには言語を変更することで、テキストを微調整できます。

ワンページウェブサイトにユニークな画像やグラフィックを作成したいですか？

次に、SeedProdはDALL-Eと統合されているため、数秒でオリジナルの画像を生成し、ワンクリックで1ページサイトに追加できます。

これらの機能により、専門的なコピーライティングやグラフィックデザインのスキルがなくても、プロフェッショナルで美しくデザインされた1ページウェブサイトを迅速に構築できます。

左側のメニューの設定を使用して、ブロックをページにドラッグして編集し続けます。ドラッグアンドドロップを使用して、レイアウト内のブロックを移動することもできます。 

ステップ9：無制限に行を追加する

コンテンツを整理するために、新しい行を作成したい場合があります。これを行うには、レイアウトの最後の行にカーソルを合わせ、表示された小さな「+」ボタンをクリックします。

これで新しい行が追加されます。

この行内で、「列を追加」アイコンにカーソルを合わせ、クリックします。

これにより、新しい「レイアウトを選択」セクションが追加され、1列または複数列のレイアウトを選択できます。

これらの手順を繰り返すだけで、好きなだけ行を追加できます。

ステップ 10: 「お問い合わせ」フォームを作成する

リードを生成したい場合でも、見積もりリクエストを受け付けたい場合でも、単にオーディエンスとつながりたい場合でも、連絡フォームが必要です。これにより、人々があなたに連絡する方法が提供されるため、事実上すべての1ページウェブサイトに必須の機能となります。

良いニュースは、SeedProdがWPFormsフォームビルダーとシームレスに統合されていることです。私たちはWPBeginnerウェブサイト全体で、すべてのフォームにWPFormsを使用しており、信頼性が高く使いやすいソリューションであると考えています。

詳細については、WPFormsの詳細レビューをご覧ください。

開始するには、フォームを追加したいページのSeedProdエディターを開きます。次に、左側のメニューで「お問い合わせフォーム」ブロックを見つけます。

次に、このブロックをライブSeedProdプレビューにドラッグします。

SeedProdは、WPFormsのインストールを求めます。 

WPFormsは無料のプラグインなので、「WPFormsをインストール」をクリックしてください。SeedProdがWPFormsをインストールして有効化します。シームレスな統合であるとお伝えしました！

インストールが完了したら、左側のメニューの「新規フォーム」ボタンをクリックします。

WPFormsウィンドウが画面に表示されます。

空のフォームから開始するか、テンプレートを選択できます。この場合、すべての種類の連絡フォームの優れた出発点となるため、「シンプルな連絡フォーム」テンプレートを使用することをお勧めします。

このデザインを使用するには、ホバーして、表示されたら「テンプレートを使用」をクリックしてください。 

SeedProdと同様に、WPFormsエディタは右側にライブプレビュー、左側に多くの既製のフィールドを表示します。

テンプレートにフィールドを追加するには、左側のメニューからドラッグしてライブプレビューにドロップするだけです。 

フィールドを編集するには、右側のプレビューでクリックして選択するだけです。

次に、左側のメニューの設定を使用して変更を加えます。

より詳細なチュートリアルについては、WordPressで連絡フォームを作成する方法に関するガイドをご覧ください。

フォームの設定が完了したら、「保存」ボタンをクリックして変更を保存します。次に、「x」をクリックしてWPFormsウィンドウを閉じ、メインのSeedProdエディターに戻ります。

SeedProdは、お問い合わせフォームをページに自動的に追加するはずです。 

ただし、表示されない場合は、単に「フォームを選択」ドロップダウンを開き、作成したばかりのフォームを選択してください。 

ステップ 11: 1 ページ ウェブサイトを公開する

この時点で、ウェブサイトのすべての必須要素が準備完了になっているはずです。

しかし、さらに多くの機能がありますので、さまざまなSeedProdブロックや設定を試して、どのようなデザインを作成できるかを確認するために時間をかけることを強くお勧めします。

1ページサイトの外観に満足したら、「保存」ボタンをクリックしてウェブサイトを公開する時間です。次に、「公開」を選択します。

おめでとうございます。あなたの1ページウェブサイトが公開されました！

ボーナスのヒント：1ページウェブサイトを成長させる方法

これまでお読みいただいていれば、プロフェッショナルな見た目の1ページウェブサイトが完成しているはずです。それは素晴らしいスタートですが、最初のステップにすぎません。次に、人々をあなたのサイトに誘導し、リード、さらには顧客に転換させる必要があります。

ワンページサイトを大成功させるために、推奨する次のステップは次のとおりです: 

• WordPress用All in One SEOを使用して、ウェブサイトのSEOランキングを向上させ、より多くの人々があなたの1ページウェブサイトを見つけられるようにしましょう。予算に関係なく検索エンジンのランキングを向上させることができるAIOSEOの無料版もあります。
• 新しいウェブサイトを関連する検索エンジンの結果に表示させるためのヒントやコツについては、究極のWordPress SEOガイドに従ってください。
• 1ページウェブサイトは多くのコンテンツを含むことが多く、読み込みが遅くなる可能性があります。しかし、訪問者は遅いサイトにほとんど我慢しません。それを念頭に置いて、WordPressの速度とパフォーマンスを向上させる方法に関する究極のガイドを確認できます。
• 会社の電話番号とプロフェッショナルなメールアドレスを作成して、サイトをよりプロフェッショナルに見せましょう。これはすべてのウェブサイトにとって重要ですが、特にすべての要素がブランディングを強化し、優れた第一印象を与える必要があるシングルページサイトにとっては非常に重要です。
• WPMLなどの翻訳プラグインを使用して多言語サイトを作成し、世界中の人々をターゲットにしましょう。SeedProdを使用している場合は、ページビルダーの強力なAI機能を使用して1ページウェブサイトを翻訳することもできます。

この記事がWordPressで1ページウェブサイトを作成する方法を学ぶのに役立ったことを願っています。また、必須のWordPressプラグインの専門家による厳選リストを確認したり、オンラインポートフォリオを作成する方法に関するガイドを参照したりすることもできます。

この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterやFacebookでも私たちを見つけることができます。