動画会員サイトを立ち上げたとき、私たちは初心者向けの動画ガイドを通じてWordPressの学習を支援するというシンプルな目標を掲げていました。しかし、私たちは、あなたが今直面しているのと同じ課題、つまり、実際に機能するオンライン学習プラットフォームの作成に取り組みました。
あなたは、より多くの生徒を獲得したい教師かもしれませんし、オンラインで知識を共有したい専門家かもしれません。どのような目的であれ、eラーニングサイトの作成は思ったより簡単です。
私たちは、料理インストラクターから技術トレーナーまで、すべての人がWordPressを使って教育プラットフォームを構築し、成功しているのを見てきました。
一番の魅力は?超技術に詳しくなくても、莫大な予算がなくても大丈夫。私たちは、WordPressと厳選されたツールを使ってすべてをセットアップする、本当に実用的な方法を発見しました。
このガイドでは、私たちがeラーニングサイトを成功させるために使った(そして今も使っている)正確な手順をご紹介します。分かりにくい技術的な話は一切なく、あなたのコースをオンライン化するための明確で実践的なステップを、すべて順を追って説明します。

なぜeラーニングサイトを作るべきなのか?
eラーニングサイトを作成することで、知識を共有し、より多くの聴衆を獲得し、さらにはオンラインでお金を稼ぐ機会が無限に広がります。あなたが教師であれ、企業経営者であれ、コンテンツ制作者であれ、オンライン学習プラットフォームを利用すれば、世界中の学習者とつながることができます。
また、貴重なリソースをプロバイダーとして提供する費用対効果の高い方法でもあります。教室のスペースを借りたり、教材を印刷したりする代わりに、24時間いつでもアクセスできるオンラインコースを作ることができます。
さらに、ラーニング・ハブのデザイン、ブランディング、コンテンツを完全にコントロールできるため、貴社のビジョンを反映したサイトを簡単に構築できます。
💡指一本動かすことなく、魅力的で高性能なeラーニングサイトを手に入れましょう!WordPressデザインのエキスパートが、専任のプロジェクトマネージャー、カスタマイザー、迅速な納品で、あなたのアイデアを形にします。WordPressデザインプランをご覧ください!
WordPressを使ったeラーニングサイトの作り方
TeachableやSkillshareのようなサードパーティのプラットフォームでオンラインコースを提供したくなるかもしれません。しかし、私たちは代わりにWordPressを使用することを強くお勧めします。
WordPressは、独自のeラーニング・プラットフォームを超簡単に作成できる人気のサイト・ビルダーです。収益やコンテンツの所有権を完全にコントロールすることができます。
さらに、WordPressには柔軟な学習管理システム(LMS)プラグインと 教育テーマがあり、教育者と生徒の両方に役立つプロフェッショナルなサイトを簡単に立ち上げることができます。

さらに、WordPressを使うのに技術の専門家である必要はありません。コードを学ばなくても、サイトを構築するのに必要なツールはすべて揃っている。
WordPressとは、WordPress.orgのことである。WordPress.orgはオープンソースのプラットフォームで、あなたのサイトを完全にコントロールし、好きなようにカスタマイズして機能を拡張することができます。
より詳細な情報については、WordPress.comとWordPress.orgの徹底比較をご覧ください。
その前に、WordPressを始めるために必要なものについて説明しましょう。
eラーニングサイトの立ち上げ
WordPressサイトを開設するには、ドメイン名とホスティングサービスの2つが必要です。
ドメイン名とは、learnsphere.comやgrowacademy.comのような、インターネット上であなたのサイトに固有のアドレスです。カスタマイザーがあなたのサイトを見つけるためにブラウザーに入力するものです。
ウェブホスティングサービスは、あなたのサイトが存在するオンラインストレージスペースです。eラーニング・プラットフォームの場合、ホスティングサービス・プロバイダーが、あなたのプラットフォームに必要なツールをサポートしていることを確認する必要があります。これには、ウェビナー・ホスティング、安全なログイン、受講者数の増加に対応するための拡張性などが含まれます。
それを容易にするために、利用可能な最高のWordPressホスティングオプションの私たちの厳選されたリストをチェックすることができます。
WordPress自体は無料だが、ドメイン名とホスティングサービスの費用がかさむことがある。ドメイン名は通常年間約14.99ドル、ホスティングサービスは月額7.99ドルから。これは大きな投資だ。
ありがたいことに、Bluehostは読者のために素晴らしいオファーを用意しています。世界最大のホスティングサービスの1つであり、WordPressが推奨するホスティングパートナーであるBluehostは、非常に信頼性の高い選択肢です。
優れたホスティングサービスに加え、無料のドメイン名とSSL証明書を月額わずか1.99ドルでご利用いただけます。

SSL証明書は、サイトと訪問者の間で共有されるデータを暗号化することで、eラーニングサイトの安全性を保ちます。特に、支払いを受け付けている場合や、ログイン情報のような機密情報を扱っている場合には重要です。
あなたがBluehostのプランを購入すると、セットアップウィザードが購入手続きを案内します。これは、ドメイン名を選択し、アカウントの詳細を作成し、パッケージの追加(あなたがそれらをしたい場合)が含まれています。
次のセクションでは、WordPressを使用して完全に機能するeラーニングサイトを作成する方法を紹介します。ここでは、これから説明するすべてのステップの概要を簡単に説明します:
- Step 1. Install WordPress
- Step 2. Find a Good eLearning Website Theme
- Step 3. Create Your eLearning Home Page
- Step 4. Install and Set Up MemberPress LMS
- Step 5. Build Your First Online Learning Materials
- Step 6. Restrict Access to eLearning Materials
- Step 7. Display an Online Contact Us Form
- Step 8. Add and Adjust the Navigation Menu
さあ、始めよう!
ステップ1.WordPressのインストール
最初のステップは、eラーニングサイトを作成できるようにWordPressをインストールすることです。ホスティングサービスにもよりますが、ほとんどのプロセスは自動的に行われます。
たとえば、BluehostでWebホスティングプランにサインアップした後、コントロールパネルに移動し、WordPressが自動的にドメイン名にインストールされます。

ステップバイステップの手順については、WordPressのインストール方法に関する包括的なガイドをチェックすることができます。それはBluehostを含む最も人気のあるWordPressホスティングサービスのいくつかの詳細なインストール手順が含まれています。
ステップ2.良いeラーニングサイトのテーマを見つける
ウェブサイトのテーマは、レイアウトやテンプレートと呼ばれることもあり、サイトのルック&フィールをコントロールします。eラーニングサイトには、見栄えだけでなく、コース、レッスン、受講者の参加に必要な機能をサポートするWordPressテーマが必要です。
あなたのサイトにぴったりのテーマを見つける方法をご紹介します。
WordPressテーマディレクトリを探る
WordPressテーマディレクトリは、予算に余裕がある場合に始めるのに最適な場所です。WordPressダッシュボードから直接簡単にインストールできる無料のテーマが満載だ。
外観 ” テーマ を開き、「新規追加」をクリックするだけです。ここから「テーマの検索」機能を使って、プロフェッショナルなデザインと教育サイトに合わせた機能を持つテーマを探すことができます。

厳選したテーマについては、教師のための最高のWordPress教育テーマの投稿日をご覧ください。
プレミアムテーママーケットプレイスをチェックする
より高度な機能やユニークなデザインを求めるなら、ThemeIsleや Themifyのようなプレミアムテーママーケットプレイスが幅広いオプションを提供している。
これらのテーマには通常、より優れたカスタマイザー、高度なサポート、eラーニングサイト専用のビルトインレイアウトなどの特典が含まれています。
トータル・カスタマイザーのためのSeedProdの使用
ウェブページのデザインに究極の柔軟性を求めるのであれば、SeedProdの使用をお勧めします。
ドラッグ&ドロップでサイトを一からデザインしたり、既成のテンプレートを使ったりできるウェブサイトビルダーです。フォントからレイアウトまで、コードを一行も書かずにすべてをカスタマイズできます。

私たちのパートナーブランドのいくつかは、自社のソフトウェアを販売するサイト全体を作成するためにこのページビルダーを使用し、優れた経験を持っています。読者からSeedProdの使用についてよく質問を受けるので、我々自身も定期的にテストしています。詳しくは、SeedProdのレビューをご覧ください。
さらに、SeedProdはWordPressとシームレスに連動するため、コース登録や支払いフォームなどの機能を追加するのも簡単です。
しかし、私たちの意見では、SeedProdのAIテーマビルダーを使用すると、60秒以内にサイト全体を生成できることが最大の特徴です。
手順については、WordPressカスタムテーマの作り方ガイドをご覧ください。
それぞれの設定には特典があります。無料テーマはクイックスタートに最適で、プレミアムテーマは洗練されたデザインを提供し、SeedProdはあなたが本当にユニークなものを構築することができます。
eラーニングテーマを選んだら、WordPressテーマのインストール方法のガイドに従ってください。
覚えておいてほしいのは、WordPressのテーマはいつでも完全に変更できるということだ。
ステップ3.eラーニングホームページの作成
選んだテーマをインストーラしたら、eラーニングサイトのホームページを作成する準備ができました。
WordPressのブロックエディターを使って行うことができます。ページのタイトルとキャッチフレーズを追加することからホームページを作り始めるとよいでしょう。関連するブロックをクリックしてタイプするだけです。

それから、ヒーロー画像を追加するのもいいだろう。
ヒーロー画像とは、ホームページの上部に表示される大きくて目を引く画像のことです。WordPressサイトを訪れた人が最初に目にする場所なので、サイトのすべてをアピールするには絶好の場所です。
オンラインコースのサイトの場合、ヒーロー画像は、学習している学生、一緒に作業している学生、コンテンツに参加している学生を示すことができます。
ヒントヒーロー画像は、あなたのサイトが何を提供しているかを訪問者に伝える見出しや、行動を促すコールトゥアクションボタンと組み合わせることがよくあります。例えば、コースをチェックするよう伝えることができます。ヒーロー画像を追加することで、サイトをより魅力的なものにし、人々がすぐに参加できるよう促します。
ヒーロー画像の追加とカスタマイザーの詳細については、ヒーロー画像の追加方法の投稿をご覧ください。
次に、テキスト要素を追加する必要があります。ここでは、eラーニング・ホームページの必須要素をいくつかご紹介します:
- コースハイライト:トップコースや人気コースを画像、説明、登録ボタンで紹介します。
- セクションについてあなた自身やあなたのeラーニング・プラットフォームについて簡単に紹介しましょう。そうすることで、訪問者はなぜあなたが信頼できるのかを知ることができます。
- 受講者の声受講生のレビューやフィードバックを掲載することで、潜在的な学習者との信頼関係を築き、ブランドの信頼性を高めることができます。詳しくは、回転体験談の追加方法をご覧ください。
影響力のある人物の言葉も、加えてみると楽しい要素です。訪問者にインスピレーションを与えたり、やる気を起こさせたり、感情的なレベルで訪問者とつながることができます。

レイアウトに満足したら、ブロックエディターの「公開する」ボタンをクリックします。
カスタマイザーのホームページはこんな感じです:

詳しくは、WordPressでカスタマイザーホームページを作成する方法をご覧ください。
ステップ4.MemberPress LMSのインストールとセットアップ
まもなく、教育コンテンツの作成を開始する準備が整います。しかし、その前に学習管理システム(LMS)をセットアップする必要があります。そうすれば、会員制のペイウォールの向こう側で独占的なレッスンやコースを提供することができ、あなたの知識を収入源に変えることができます。
会員制サイトは、ユーザーが交流し、質問し、アイデアを共有できるコミュニティの構築にも役立ちます。これにより、誰もが学習経験を高めることができる。
私たちがテストしたすべてのLMSプラグインの中で、MemberPressはそのクラスルームモードで際立っています。このプラグインは、コース課題、成績表、小テストなどの便利なアドオンも提供しています。さらに、WordPressダッシュボードから直接生徒の学習状況を追跡することができます。

このすべてが印象的に聞こえることは承知しているが、設定が複雑なのではないかと思われるかもしれない。実は、見た目よりも簡単なのです。私たちは、WordPressコースを提供するための無料会員サイトを構築するなど、このようなプロジェクトを数多く手がけてきました。
MemberPressは、スムーズな学習体験を簡単に実現します。詳しくはMemberPressのレビューをご覧ください。
まずは、MemberPressプラグインをインストールして有効化してください。ヘルプが必要な場合は、WordPressプラグインのインストール方法のガイドをお読みください。
有効化した後、ダッシュボードにMemberPressメニューが表示されます。それをクリックすると、一連のセットアップ手順が表示されます。
次に、支払い方法を設定する必要があります。これを行うには、MemberPress ” 設定に移動し、’支払い’タブに切り替えましょう。
その後、「+支払い方法の追加」ボタンをクリックし、支払いゲートウェイの設定を開始することができます。

支払いに関する詳細をすべて入力したら、最初のオンラインコースを作成する準備が整いました。
先に進む前に、MemberPressはeラーニングサイトの作成に最適なプラグインですが、他にも代替となるプラグインがいくつかあることに注意してください:
- Thrive Apprenticeは、詳細なレポートやパーソナライズされたコンテンツに重点を置く必要があるコース作成者に最適な設定です。このツールの詳細については、Thriveテーマスイートのレビューをご覧ください。
- WishList Memberは、ゲーミフィケーション機能でコースのエンゲージメントを向上させる素晴らしい方法を提供します。WishList Memberのテストの詳細については、WishList Memberのレビューをご覧ください。
- AccessAllyでは、WordPressグループ学習、オンライン学習コミュニティなど、強力なオンラインコースや会員限定コンテンツを構築することができます。
- CoursesforMemberMouseは、会員登録とコースをすべて1つにまとめたソリューションを必要とする先生方に最適です。このプラットフォームについての詳細は、MemberMouseのレビューをご覧ください。
関連より多くのオプションについては、専門家が選ぶ最高のWordPress LMSプラグインや、MemberPress CoursesとLearnDashの比較をご覧ください。
ステップ5.最初のオンライン学習教材を作る
さあ、オンライン学習教材の作成開始です。MemberPressには、あなたのコースを際立たせるために必要なツールがすべて揃っています。
レッスンの作成、小テストの追加、修了証書の授与まで簡単に行えます。必要な機能はすでに用意されているので、設定に手間取ることなく授業に集中できます。
開始するには、MemberPress Coursesアドオンを有効化する必要があります。MemberPress ” Coursesページにアクセスすると、アドオンをインストールして有効化するためのボタンがあります。

有効化すると、WordPressダッシュボードに「MP Courses」という新しいメニュー項目が表示されます。
新規コースの追加」ボタンをクリックしてください。

メンバープレスのコースビルダーが開きます。
MemberPressコースビルダーは初期設定のWordPressブロックエディターを使用しています。ドラッグアンドドロップのインターフェースにより、コーディングのスキルを必要とせずに、魅力的なコースレイアウトを作成するためのブロックを簡単に追加およびカスタマイズすることができます。
ここから、最初のコースを作成するためにビルダーを探索することができます。詳しい説明はWordPressでオンラインコースを作成・販売する方法をご覧ください。
オンラインコーチングを提供している場合は、代わりにCoachKit™アドオンを使用することをお勧めします。
CoachKitを使えば、好きなだけコーチングプログラムを作成できます。また、クライアントのモチベーションを維持するためにマイルストーンを設定したり、サイトとCalendlyを同期して対面コーチングセッションのスケジュールを立てることもできます。
まずは、MemberPress ” CoachKit™に移動してインストールし、有効化してください。

これにより、WordPressダッシュボードに「MP CoachKit™」メニューが作成されます。しかし、プログラムを作成する前に、いくつかの設定を行う必要があります。
初期設定では、MemberPressはあなたのクライアントを管理し、進捗状況を追跡するための「コーチング」ページを作成します。MemberPress ” 設定 を開き、’ページ’ タブに切り替えることで確認できます。
MemberPress Coaching Page*」フィールドで、ドロップダウンメニューから「Auto Create New Page」が選択されていることが確認できます。

次のステップでは、「CoachKit™」タブに移動します。
顧客と直接対話できるように、eラーニングサイトでライブチャットの「メッセージング」機能を有効化することをお勧めします。

これで、最初のオンライン・コーチング・プログラムの作成に取りかかることができる。
MP CoachKit™」にナビゲーションして、「新規プログラムを追加」ボタンをクリックしましょう。

詳しくは、オンライン・コーチング・ビジネスの始め方をご覧ください。
ステップ6.eラーニング教材へのアクセスを制限する
コースの設定が完了したら、次は教育コンテンツにアクセスできるユーザーをコントロールするルールを作成します。ここがMemberPressの真骨頂です。
このプラグインでは、異なるユーザーメンバーシップレベルを設定し、そのレベルに基づいて特定のレッスンや教材へのアクセスを制限することができます。また、特定のカテゴリー、タグ、または個々のレッスンへのアクセスを制限することもできます。
会員レベルの作成
まず始めに、会員レベルを作成する必要があります。MemberPress ” 会員ページで「新規追加」ボタンをクリックしてください。

エディターが開き、会員登録に必要な設定をすべて選択できます。
例えば、名前を選び、説明を加え、価格や課金間隔などの会員キーワードを設定することができる。

入力が終わったら、「公開する」ボタンを押して新しい会員プランを保存します。その後、必要な数の会員レベルを作成するために、このプロセスを繰り返すことができます。
会員規則の追加
その後、MemberPress ” Rulesにアクセスしてください。そして、「新規追加」ボタンをクリックします。
次の画面では、「保護するコンテンツ」で保護したいコンテンツを選択できます。次に、アクセス条件を設定します。
例えば、プレミアムコンテンツに分類された投稿は、エリート購読者のみが閲覧できるように設定しています。

Save Rule(ルールを保存)」ボタンをクリックして、設定を保存することをお忘れなく。
ユーザーログインフォームの作成
メンバーシップとルールの設定が完了したら、学生がポータルにログインしたりログアウトしたりする方法を提供する必要があります。
これを行うには、MemberPressのあらかじめ用意されているショートコードを使用するだけで、必要な要素をすべて備えたログインフォームが生成されます。
ブロックエディターで新規ページを作成するか、ログインフォームを追加したい既存のページを開いてください。

次に、エディターの下部にある「MemberPress設定」エリアまでスクロールダウンします。
ここで、’Manually placed the login form on the page’の隣にあるボックスにチェックを入れます。これでログインショートコードが表示されます。

あとはすべて、ショートコードをコピー&ペーストして上のエディターに貼り付けるだけだ。
以下は、メンバープレスのログインページがライブサイトでどのように表示されるかの例です:

会員レベルの設定、コンテンツへのアクセス制限、ログインフォームの追加などの詳細については、会員制サイトの作成方法に関する究極のガイドをご覧ください。
ステップ7.オンラインお問い合わせフォームを表示する
eラーニングサイトに「お問い合わせフォーム」を設置することは非常に重要です。質問、フィードバック、サポートが必要な場合に、訪問者に簡単に連絡する方法を提供します。そこで、次のステップとして追加することをお勧めします。
お問い合わせフォームの作成は簡単で、コーディングのスキルも必須ではありません。これに最適なツールはWPFormsです。初心者でも使いやすく、スパム対策やフォームフィールドのカスタマイズなど便利な機能がたくさんあります。
WPFormsは私たちのお気に入りのツールです。お問い合わせフォーム、サイト移行フォーム、年次ユーザーアンケートなどに使用しています。さらに詳しくはWPFormsのレビューをご覧ください。
WPFormsを使えば数分でお問い合わせフォームを作成することができます。

WPFormsプラグインをインストールして有効化しましょう。ヘルプが必要な場合は、WordPressプラグインのインストール方法のガイドを参照してください。
次に、お問い合わせフォームの作成方法をステップバイステップで説明します。
注意: WPForms無料版でも簡単なお問い合わせフォームは作成できます。しかし、WPFormsプレミアムバージョンにアップグレードすることで、スマートな条件ロジックを含む、より高度な機能がアンロックされます。
ステップ8.ナビゲーションメニューの追加と調整
さあ、eラーニングサイトの完成まであと少しです。
この最後のステップでは、訪問者があなたのプラットフォームで自分の道を見つけるのを助けるために、わかりやすいナビゲーションメニューを設定します。また、カスタマイザーのホームページを作成した場合、ナビゲーションバーはまだないかもしれません。
明確でシンプルなメニューは、オンラインコース、コーチングプログラム、お問い合わせページなど、訪問者が探しているものを見つけやすくします。

幸いなことに、WordPressではどのテーマを使っていても、メニューやサブメニューを簡単に作成することができる。
ステップバイステップのガイダンスについては、WordPressでナビゲーションメニューを追加する方法についての初心者ガイドをご覧ください。
ボーナスヒント:新規eラーニングサイトを成長させる方法
eラーニングサイトの構築は、最初の一歩にすぎません。あとは、受講生を惹きつけ、オンラインでの存在感を高めていくだけです。ここでは、実践的なヒントをいくつかご紹介します:
- ニッチ分野についてブログを書き始める:eラーニングのニッチ分野に関連するトピックについてブログ投稿をすることで、投稿者のオーソリティを向上させることができます。ブログを書くことは、読者とのつながりを深め、検索エンジンにおけるあなたのサイトの可視性を高めるのに役立ちます。何から始めたらよいか本当に〜してもよいですか?ブログの始め方ガイドをご覧ください。
- SEOのためにサイトを最適化する: オーガニックなトラフィックを集めるには、サイトが検索エンジンに最適化されていることを確認しましょう。All In One SEOのようなツールを使えば、これはとても簡単です。さらに、究極のWordPress SEOガイドには、初心者でもSEOを始めるために必要な情報がすべて掲載されています。
- eBookをシェアしてメールリストを増やす: eBookのような無料のリードマグネットを提供することは、リードを生み出す賢い方法です。ポップアップやフォームを作成し、訪問者にeBookのダウンロードを促し、それと引き換えにEメールアドレスを提供することができます。eBookでお金を稼ぎたい方は、eBookの販売方法についてのガイドもご覧ください。
- メールマーケティングを始めよう: すべてにおいて、メールマーケティングで受講生とのつながりを保ちましょう。ニュースレターやコースの更新情報、限定キャンペーンなどを配信することで、生徒の興味を惹きつけることができます。メールマーケティング101のステップバイステップの説明をお見逃しなく。
これらのヒントに従えば、eラーニング・サイトを成長させ、何度も訪れてくれる忠実な視聴者を作ることができる。
eラーニングサイトの作り方 よくある質問
以下に、eラーニングサイトの作り方に関するよくある質問にお答えしますので、ぜひ参考にしてください。
オンラインコースの作成は簡単ですか?
オンラインコースの作成は簡単ですが、コンテンツと目標次第です。適切なツールとプラットフォームがあれば、魅力的で教育的なコースを構築することができます。最良のオプションの一つは、CoursesとCoachKit™アドオンを備えたMemberPressです。
eラーニング・ポータルの構築に最適なプラットフォームは?
eラーニングポータルを構築するのに最適なプラットフォームには、WordPressとMemberPress、AccessAlly、LearnDashなどのLMSプラグインがあります。これらのプラットフォームは、コースの作成と管理に役立つ様々な機能を提供しています。
Wixを使って学習管理システムを作成できますか?
Wixは主にサイトビルダーですので、基本的なeラーニングサイトを作成するためのテンプレートキットが見つかるかもしれません。しかし、オンラインコースにもっと高度な機能が必要な場合は、MemberPress Coursesや CoachKit™と統合されたWordPressのようなプラットフォームの方が良いかもしれません。
eラーニングサイトの制作費用は?
eラーニングサイトの作成費用は様々です。基本的なセットアップであれば、プラットフォーム費用のみで、月額$0-$50から可能です。より高度な機能を利用する場合は、ホスティングサービス、プレミアムプラグイン、コース開発などに費用がかかり、合計で年間200~500ドル以上かかる可能性があります。
このガイドが、eラーニングサイトの作り方の参考になれば幸いです。次は、WordPressを使ってオンラインでバーチャルクラスルームを運営する方法と、WordPress LMSプラグインのエキスパートが選ぶベストなプラグインを比較したガイドをご覧ください。
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Have a question or suggestion? Please leave a comment to start the discussion.