Gutenberg を使用して小さな WordPress ビジネス Web サイトを構築する方法

公開: 2022-04-01

ビジネスが純粋にオンラインに基づいているか現実の世界にあるかに関係なく、ビジネスのオンラインプレゼンスを構築することは、どんなに小規模であっても必要不可欠になっています。このブログでは、Gutenberg を使用して WordPress のビジネス Web サイトを構築する方法を見ていきます。 e コマースの一貫した増加のおかげで、2020 年のわずか 12 億 4000 万人のデジタル購入者と比較して、2021 年には記録的な 21 億 4000 万人がオンラインで買い物をしました。オンラインショッピングが定着することは明らかです。

ビジネス Web サイトを構築する最も簡単で高速な方法の 1 つを探している場合は、 WordPress を検討することをお勧めします。以前は、このプラットフォームではエレガントなデザインを作成するためにサードパーティのページビルダーが必要でしたが、新しい Gutenberg ブロックエディターの登場により、WordPress ではほとんどすべてのタイプの Web サイトを箱から出してすぐにすばやく構築できるようになりました. 新しい Gutenberg の構築オプションを使用すると、「ブロック」を使用して、プロフェッショナルで見事な外観のビジネスサイトをわずか数時間でまとめることができます。このブログでは、Gutenberg を使用して小規模な WordPress ビジネスサイトをゼロから構築するプロセス全体について説明します。また、デフォルトの WordPress エディターに関する最も重要な質問のいくつかに回答するよう努めます.

始めましょう！

中小企業向けの WordPress サイトを構築する理由

優れた Web サイトは、ビジネスの成功に大きな影響を与える可能性があります。あなたのビジネスはウェブサイトがなくてもすでにうまくいっているかもしれませんが、顧客に製品やサービスをオンラインで提供することで、さらに多くの売り上げを達成し、顧客エンゲージメントを改善し、ブランドの認知度を高めることができます。

いくつかの統計

ビジネスサイトを所有することの威力と重要性を示すいくつかの数字を見てみましょう。

消費者の 84% は、Web サイトを持つビジネスの方が信頼できると考えています。実際、質問された人の 56% は、ビジネスがなければ信頼できないと答えています。（出典：ベリサイン）
世界中の買い物客の 81% は、ビジネス、製品、またはサービスをオンラインで調べた後にのみ購入を決定します。（出典：アドウィーク）
携帯電話で特定の業種を検索したユーザーの 88% は、1 週間以内に関連する店舗に来店または電話をかけています。 (出典: Google Mobile Movement Study )
ユーザーの 79% は、オンラインで読んだレビューを信じています。 (出典:セールスフォース)

これらの数字を考慮すると、オンラインプレゼンスを確立し、ウェブサイトを通じてビジネスを行うことは、間違いなく正しい方向への一歩です。中小企業が専用の WordPress サイトから利益を得ることができる最大の方法のいくつかを次に示します。

より多くの新規顧客を引き付け、わずかなコストで売り上げを生み出す
有機的および無機的なトラフィックを通じてリードを獲得することは、Web サイトを所有することの主な利点の 1 つです。 SEO に最適化されたサイトは、従来のマーケティングの費用のほんの一部で、Google を通じて多くのトラフィックを得ることができます。
人々が必要なすべての情報を簡単に見つけられるようにする
あなたのサイトでは、ビジネスが提供するすべての製品とサービスを紹介することができます。また、連絡先情報、営業時間、製品保証の詳細、Google マップ経由で実店舗への道順を含めることもできます。
一日中いつでもビジネスを行う
午後 5 時に仕事を終えたとしても、顧客は 24 時間年中無休で購入したり、ビジネスとやり取りしたりできます。
ビジネスの信頼性を高める
潜在的な顧客は、2022 年にあなたのビジネスが専用のウェブサイトを持つことを期待するでしょう。優れたウェブサイトのデザインは、堅実な第一印象を生み出し、競合他社との差別化を図ることができます。
ブランドのストーリーを設定する
サイトのホームページで最高の証言やレビューを紹介し、最善を尽くしてブランドを宣伝することができます.

グーテンベルクとは何ですか?なぜそれを使用する必要があるのですか?

WordPress がその謙虚なブログの始まりから成長し続けるにつれて、サードパーティの開発者は、より動的なコンテンツを追加できるようにするプラグインを追加しました. WordPress の関連性を維持し、ユーザーの期待に応えるために、Gutenberg が追加されました。

Gutenberg はコンテンツブロックに依存しており、ユーザーはほぼすべての種類のコンテンツをサイトに追加できます。すっきりとしたインターフェースを備えており、ユーザーは対応するブロックを選択することで新しいコンテンツをサイトに追加できます.

ただし、Gutenberg は書式設定ボタンが限られている単なるテキストエディターではありません。このブロックベースのシステムを使用すると、ボタン、ビデオ、ショートコード、または連絡先フォームをサイトのどこにでも簡単に追加できます.

2018 年 12 月に Automattic が WordPress 5.0 で Gutenberg をデフォルトのエディターにしたときから、プラットフォームはブロックエディターの機能を継続的に改善してきました。他の WordPress 開発者もプラグイン機能の一部を Gutenberg に統合しており、ブロックエディター内で他のカスタムコンテンツタイプをサイトに直接追加できるようになっています。

ビジネスWordPressサイトを構築するために必要なもの

ビジネスの性質に応じて、ウェブサイトのデザインや機能はさまざまです。中小企業のサイトは、ブランドの認知度、e コマース、またはコンテンツの公開に重点を置いている場合があります。どの業界に属していても、WordPress で構築されたビジネスサイトには、次の共通リソースが必要です。

ドメイン名 – 平均費用 $10/年 (拡張子による)
ドメイン名は、ユーザーがサイトにアクセスしたときにブラウザの URL バーに入力するアドレスです。キャッチーで覚えやすいドメインは、より多くのトラフィックを生成する可能性を高めるのに役立ちます.
ウェブサイトのホスティング – 月額 $0.99 から
Web ホストは、Web サイトのファイルとリソースをサーバーに保存して、サイトの訪問者がそれらにアクセスできるようにするのに役立ちます。 Web ホストにはさまざまな種類があり、最適なプロバイダーの選択はさまざまな要因によって異なります。
SSL証明書
SSL 証明書は、サイトファイルとユーザーの情報を安全に保つのに役立ちます。最も人気のある WordPress ホスティングプロバイダーのプランには、無料の SSL 証明書が含まれています。作成すると、サイトの URL バーに「 https:// 」プレフィックスが表示されます。
テーマとプラグイン
WordPress を使用する利点の 1 つは、無料またはプレミアムのWordPress テーマとプラグインを使用して、特定の機能を追加し、サイトのデザインを数分で設定できることです。

Gutenberg を使用して WordPress ビジネスサイトを構築する方法

ステップ 1: Web ホスティングを取得し、WordPress ソフトウェアをインストールする

WordPress ホスティングを選択すると、ワンクリックでソフトウェアを簡単にインストールできます。サーバーリソースも、Web サイトのパフォーマンスに合わせて最適化されます。さまざまなソースから WordPress ホスティングを購入できます。共有ホスティングプランは月額 2.95 ドルからです。

プランを選択したら、新しいドメイン名を登録するか、すでにセットアップ済みの既存のドメイン名を入力できます。新しいドメイン名を登録する場合は、まずそれが利用可能であることを確認する必要があります。次に、アカウント情報と必要なすべての支払い情報を入力します。購入が完了すると、WordPress をワンクリックでインストールできるようになります。

アカウントのログイン情報を設定すると、すぐに WordPress 管理ダッシュボードにリダイレクトされます。

WordPress サイトを使用する準備が整いました。それを設定し、あなたのビジネスに合わせて特別に設計する時が来ました.

ステップ 2: WordPress テーマでサイトをカスタマイズする

Gutenberg を使用して WordPress のビジネス Web サイトを構築する方法に取り組む場合、次のステップはサイトのデザインをカスタマイズすることです。これを行う最も簡単な方法は、プロのデザインテンプレートを含む WordPress テーマを使用することです。 Astraテーマは最速の WordPress テーマであり、Gutenberg 用に調整された多数のテンプレートが含まれているため、使用することをお勧めします。 Astra を入手するには、WordPress ダッシュボードで[外観] > [テーマ] > [新規追加] に移動し、「 Astra 」を検索します。

テーマを選択し、[インストール]をクリックしてから [アクティブ化] をクリックします。

既製のデザインテンプレートをセットアップして使用するには、 [外観] タブの [ Astra オプション] に移動します。

次に、 Install Importer Pluginをクリックします。

インポータープラグインをインストールしたら、ページビルダーとしてGutenbergを選択します。

構築するサイトの種類を選択することで、表示されるテンプレートオプションを簡素化できます。

ビジネス Web サイトの作成方法を示しているので、ここではBusinessを選択します。

Guttenberg を使用すると、コミットする前に、新しいタブで各テンプレートをプレビューして、ニーズに合っていること、およびスタイルが気に入っていることを確認することもできます.

気に入ったデザインが見つかったら、 [完全なサイトをインポート]をクリックします。

WordPress はこのテンプレートを適用し、サイトのデザインを変更します。デザインをさらに微調整するには、デフォルトの WordPress カスタマイザーを使用できます。これを行うには、 [外観] > [カスタマイズ]に移動します。

もちろん、ページはビジネス Web サイトのデザインの主要コンポーネントの 1 つです。 Gutenberg を使用して重要な Web ページをデザインする方法を見てみましょう。

ステップ 3: Gutenberg ブロックを使用して重要なページを作成する

最大の SEO スコア、顧客の信頼、プロフェッショナリズムを実現するには、すべてのビジネス Web サイトに必要な最も重要なページに、ホーム、概要、連絡先、およびプライバシーポリシーのページを含める必要があります。追加したスターターテンプレートによって、デフォルトでこれらのページがすでに作成されているはずです。

営業時間専用のページなど、別の情報を表示する新しいページを作成する場合は、 [ページ] > [新規追加]に移動して新しいページを作成できます。

既存のページを編集するには、[ページ] に移動します。 次に、編集するページにカーソルを合わせて [編集] をクリックします。

Gutenberg ブロックを使用して、段落、ショートコード、画像、ドキュメント、ビデオなどのメディアなど、あらゆる種類のコンテンツを Web ページに追加できます。これを行うには、ページエディターの+アイコンをクリックします。

ページの作成を高速化するには、WordPress ブロックプラグインをインストールすると役立ちます。 Gutenberg の Ultimate Addonsをお勧めします。サイトにクリエイティブブロックを追加するだけでなく、プラグインにはさらに多くのスターターテンプレートが付属しています。チェックアウトする興味深いブロックには、価格表、チーム、および証言のブロックが含まれます。

これらの既製のブロックを使用すると、必要な数のページを短時間で作成できることがわかります。

ステップ 4: WordPress プラグインを使用して Web サイトの機能を拡張する

WordPress プラグインを使用して、サイトの速度、パフォーマンス、機能、機能を向上させることができます。以下は、サイトに組み込みたい一般的なオプションの一部です。

WPフォーム

WPFormsは、魅力的なフォームを作成して Web サイトのどこにでも実装できる優れたフォームプラグインです。ほとんどの Web サイトでは、訪問者のみが連絡を取ることができるフォームを使用していますが、ビジネス Web サイトでは、顧客に連絡したり、質問したり、ビジネスに関与したりする機会を提供することで、利用可能な機能をさらに活用する必要があります。

代替プラグインには、 Contact Form 7とFormidable Formsが含まれます

アップドラフトプラス

UpdraftPlusは、世界をリードする最高評価の WordPress バックアッププラグインであり、Web サイトをバックアップして安全に保つのに役立ちます。 WordPress サイトのセットアップにこれだけの時間と労力を費やした後、それを保護し、安全なバックアップを作成することは、実行できる最も重要なタスクの 1 つです。そのため、最悪の事態が発生した場合でも、復元するサイトの最新のバックアップコピーが常に手元にあるので安心できます。

WP-最適化

速度は、SEO スコアと顧客維持の両方の点で、ビジネスサイトにとって非常に重要な要素です。 WP-Optimizeは WordPress 最適化プラグインで、サイトの調整とフォーマットに使用できるため、できるだけ早くロードされます. サイトの読み込み速度の重要性は、いくら強調してもしすぎることはありません。読み込みが速い Web サイトは、読み込みに時間がかかるサイトよりもパフォーマンスが大幅に向上します。したがって、パフォーマンスを向上させるためにできることは何でも良いことです。

オールインワン WP セキュリティとファイアウォール

サイトのバックアップと最適化だけでなく、 All in One WP Security and Firewallなどのセキュリティプラグインでサイトを保護することも忘れないでください。 Web サイトでファイアウォールを使用する理由は、コンピューターやブラウザーでウイルス対策ソフトウェアを使用するのと同じ理由です。つまり、悪者を締め出すためです。 All in One WP Security and Firewall は、サイトを安全に保つのに役立つ幅広い包括的なセキュリティツールのリストを提供し、セットアップと使用が簡単です。

プレストプレーヤー

動画は非常に重要なコミュニケーションおよびマーケティングツールであり、すべての企業が製品やサービスを宣伝するためにサイトで使用する必要があります。 Presto Playerはそれを助けることができます。このプラグインは、動画の見た目や再生方法を制御するのに役立ち、動画を収益化したり、行動を促すフレーズを追加したりすることもできます. ビジネスで動画を使用する場合に最適です。

Presto Player の代替には、 VideopackやYouTube Embedなどがあります。

Gutenberg を利用したビジネス向け WordPress サイトの構築

うまくまとめられたプロフェッショナルなビジネス Web サイトは、成功するマーケティング戦略の不可欠な要素です。すばらしいことに、Gutenbergwith を使用して WordPress のビジネス Web サイトを構築する方法を理解しようとするとき、コーディングの専門家になる必要も、中小企業向けの Web サイトを構築するために銀行を壊す必要もありません。このブログで概説されているヒントとプロセスが、ビジネスを成功に導くために大いに役立つことを願っています。ご不明な点がございましたら、下のコメント欄でお知らせください。

著者名 :スジェイ・パワル

Sujay は、Astra の背後にある企業である Brainstorm Force の CEO 兼共同創設者です。 Twitter @sujaypawar で彼とつながることができます

投稿 Gutenberg を使用して小さな WordPress ビジネス Web サイトを構築する方法は、UpdraftPlus に最初に掲載されました。 UpdraftPlus – WordPress のバックアップ、復元、移行プラグイン。