2022最新｜teachableでオンライン講座を作成・開設する方法

まず公式サイトの右上の『Start for free』（無料で始める）をクリックします。

このトップページの女性の画像は毎回変動するので、この画面と全く同じじゃなくても安心して操作を進めてください。

アカウント作成画面が表示されるので、必要事項を入力します。

• ①フルネームを入力
• ②メールアドレスを入力
• ③パスワードを入力
• ④パスワードを再入力
• ⑤利用規約とプライバシーポリシーを確認後チェックを入れる
• ⑥Create Accountをクリック

これでアカウント作成は完了です。

このように、自分のオンラインスクールが開設され、teachableの管理画面が表示されます。

ここで設定に入る前に、teachableから届いたメールを確認してメールアドレスの本登録を行いましょう。

メールボックスを確認し、teachableからのメールを開きましょう。

Confirm your emailをクリックします。

登録のメールアドレスの確認と、teachableのスクールに表示を許可する項目の確認が表示されます。

Authorize（承認する）をクリックします。

これでメールアドレスの本登録が完了しました。

続いてteachableの独自ドメインの設定を進めていきます。

teachableドメイン設定の前提知識

まず、teachableのドメインとは、teachableサイトの住所のことですね。

コース作成の前に、このドメインの設定をしていきます。

まず、編集画面のSiteをクリックします。

Domainをクリックします。

teachableでは、初期段階で自動的に『xxxxxx.teachable.com』というサブドメインが付与されています。

※ xxxxxの部分は個人で異なります。

このままteachableのサブドメインを使い続けても、もちろん構いません。

しかし、独自ドメインの設定を推奨するのには理由があります。

なぜ独自ドメインの取得が必要なのか

独自ドメインを推奨する理由は2つあります。

1. ユーザーへの信頼性を高めるため
2. 統一感を持たせるため

ドメインが『xxxxxx.teachable.com』のままでは、
ユーザーに『このサイトはteachableにドメインを借りているんだ』
という印象を持たれてしまいます。

独自でドメインを取得・設定しているサイトの方が信頼性は高まりますね。

サイトの統一感を持たせたい場合も独自ドメインは有効です。

例えば、本サイト『makest.co.jp』という本サイトからteachableのURLに飛んで、
『school.makest.co.jp』だったら統一感もありますし、ユーザーも安心して利用できますよね。

有料プランへの登録が必須

独自ドメインの設定には、teachbableの有料のベーシックプランへの登録が必要になります。

ドメインの反映には時間がかかる

独自ドメイン取得・連携する作業は1〜2時間程で完了しますが、
ドメインをteachableに反映するまで1時間〜1日程かかる場合があります。

それまでコース作成等ができないので、ドメインの設定は余裕を持って行いましょう。

コースごとのドメイン作成は不要

teachablに設定するドメインは1つだけで、コースごとにドメインを取得する必要はありません。

例えば、『xxxxxx.teachable.com』をteachableのドメインに設定し、
コースを複数作成する場合は、各コースのドメインは以下のようになります。

• コース１『xxxxxx.teachable.com/course番号』
• コース２『xxxxxx.teachable.com/course番号』

このcourse番号は7桁程の番号が自動的に設定されます。

それでは早速、独自ドメインを設定していきましょう！

独自ドメインの取得

まずはドメインの取得をしましょう。

ドメインの取得先はお名前.comやムームードメイン、エックスサーバードメインなどありますが
どこで取得してもOKです。

今回はエックスサーバードメインで取得していきます。

エックスサーバードメインを開いて、『ドメイン検索』で取得したいドメインを検索します。

あとはエックスサーバードメインの画面上の手順通り、購入手続きを済ませましょう。

ドメインをサーバーに追加

それでは、次に取得したドメインをサーバーに追加しましょう。

サーバーはエックスサーバーを使用します。

エックサーバーの①レンタルサーバー②ログイン③サーバーパネルを開きます。

会員登録が済んでいない方は、お申し込み欄から登録をしましょう。

登録時に設定したサーバーIDとサーバーパネルパスワードでログインします。

画面右上のドメイン欄のドメイン設定を選択します。

①ドメイン設定追加を選択し、②ドメイン名を入力します。

③チェック欄は基本的に入れたままでOKです。

• ※無料SSL…サイトをhttps化することができます
• ※Xアクセラレータ…サイトを高速化・安定化させることができます

④確認画面へ進むをクリックします。

反映待ちと表示されますが、30分〜1時間程で反映されます。

これでドメインの追加は完了です。

ネームサーバーの設定

続いてネームサーバーの設定をしていきます。

エックスドメインのマイページから、①ネームサーバー設定に入ります。

②Xserverレンタルサーバーを選択し、③確認画面へ進むをクリックします。

内容を確認し、設定を変更するをクリックします。

これで設定は完了です。

エックスドメイン以外のサイトでドメイン取得をした場合は、
取得したドメインサイトの設定画面でネームサーバー変更設定を行ってください。

ドメインのCNAME設定をする

続いて、ドメインをCNAME設定をしていきます。

エックスサーバーのサーバーパネルにログインします。

①設定対象ドメインデータを確認し、先ほど設定したドメインまたは本サイトのドメインになっているか確認してください。

間違いなければ②DNSレコード設定に進みます。

まずDNSレコード追加を選択し、①〜②の項目を入力していきます。

• ①サブドメインに設定する文字列を入力します。
  例）school/courses/online/offer/produc etc…
• ②CNAMEを選択
• ③teachableに初期設定されているドメインをコピー&ペースト※
• ④０のまま
• ⑤確認画面へ進むをクリック

※③のteachableに初期設定されているドメインは、teachableのsite>Domainsで確認ができます。
今回はこちらのことですね。

これで、サブドメインの作成が完了しました。

取得したドメインをteachableに追加

設定が完了したドメインを、teachableに追加します。

Site>Domainを開いて、右上のAdd Domainをクリックします。

ドメインを入力して、Add Domainをクリックします。

ここで、有料プランに加入していない方は、有料プランへの加入ページに移ります。

ベーシックプランに加入して次に進みましょう。

※自動化ツールzapiaを利用する場合は、プロフェッショナルコースへの加入が必要です。

プライマリー化する

ドメインの追加が終わったら、ドメインのプライマリー化をしましょう。

追加したドメインの横についている①マークをクリックして、②Make Primaryをクリックします。

ドメインの横に『PRIMARY』マークが付いたら、プライマリー化完了です。

①Siteから②Custom Textを開きます。

右側のCERRENT欄にDEFAULTのテキストの日本語訳を入力していきます。

現在CERRENT欄に表示されているテキストをコピーしてGoogle翻訳機にかけ、翻訳された日本語をコピーして貼り付けるという作業を繰り返し行います。

項目は100項目以上あるので気の遠くなる作業ですが、必須の作業なのでがんばりましょう。

すべての項目に日本語が入ったら、完了です。

この作業に大体1日〜3日程かかります。

これでteachable全体の日本語化設定が完了しますが、メールの日本語化設定は別で設定が必要になります。

メールの日本語化設定に関してはこちらの記事で解説しています。

ここまで終わったら、コースを作成していきます。

teachableのコースは、トップページにこのように表示されます。

コースをクリックすると、『Course Curriculum』が表示されます。

Curriculum（カリキュラム）とは、コース内の講義の系列のことを指します。

カリキュラムの中には、『セクション』と『レクチャー』があります。

講義の中のひとつひとつのコンテンツ（動画やテキスト）のことをレクチャー
それをひとまとめにしたものをセクションと言います。

前提用語が理解できたところで、早速コース作成の準備をしていきましょう。

コースの階層を準備する

まずは、コース内容の階層をGoogleドキュメントやWordに書き出しましょう。

階層を書き出すことで今後の作業がよりスムーズになります。

この階層に沿って、レクチャーとなるコンテンツ（動画やテキスト）を格納していきます。

コースの動画やテキストを格納する

コースのレクチャーとなるコンテンツ（動画やテキスト）をフォルダへ順番に格納します。

格納先は以下から選べます。

• My Computer
• Dropbox
• Google Drive
• OneDrive

Dropboxを使用すれば、チームでコンテンツを安全に共有することが可能です。

しかし、有料プランへの加入が必要になるので、今回はPCまたはハードディスクに格納する場合を解説します。

まずは、PCまたはハードディスクにコース名をつけたフォルダを作成します。

そのフォルダの中にセクションのフォルダを作成します。

この時、必ずセクションの順番にナンバリングをしておきましょう。

次に、各セクションフォルダの中にレクチャーとなるコンテンツ（動画やテキスト）を格納します。

レクチャーも必ず順番にナンバリングをしておきましょう。

このナンバリングがあると、teachableにアップロードした際に並べ替えの手間を大幅に短縮することができます。

DropboxやGoogledriveを使用する場合も同じようにフォルダを作って格納しましょう。

ここまで完了したら、teachableでコースの作成をしていきます。

まず、teachable編集画面の左サイドバーにある①『courses』をクリックします。

続いて、画面右上の②『New Course』をクリックします。

すると、コース名を設定する画面に移り変わります。

①〜③をそれぞれ入力しましょう。

• ①コース名を入力
• ②作成者のユーザー名を選択
• ③continueを押す

これでコースの作成が完了しました！

次に、コース内のカリキュラムを作成していきます。

teachableコース作成画面の左サイドメニューにある『curriculum』を選択して設定します。

続いて、カリキュラム内のセクションとレクチャーを作成していきますが、
その前に注意事項を説明しておきます。

カリキュラム作成時の注意事項

カリキュラムを効率的に作成するには、正しい手順があります。

レクチャーを入れる前にセクションを1〜3までまとめて作成してしまうと、
一括アップロードしたコンテンツが全て一番新しいセクションに入ってしまいます。

そうすると、レクチャーを手作業でセクションごとに分ける無駄な作業が発生してしまいます。

非常にタイムロスになるので、この注意事項を守って作業を進めてください。

コース作成の初期段階では、『First Section』と『First Lecture』という項目が自動で設定されています。

まずは、このFirst Sectionを自分で設定したセクション名に変更しましょう。

タイトル横のペンのマークをクリックすると編集可能です。

これでセクションの作成は完了です。

ここまで終わったら、『レクチャーの一括アップロードする』に進んでください。

セクションを増やす

セクションを増やす場合は、画面右上のNew Section をクリックします。

続いて、①セクション名を入力し、右上の②Saveボタンを押します。

これで新しいセクションが追加されます。

あとは、『レクチャーを一括アップロードする』の手順通りに進めていきます。

複数セクションがある場合はこれを繰り返します。

事前準備でコンテンツがきちんと格納できていれば、数分で全てのセクション・レクチャー作成が完了します。

セクションの順番を変更する

セクションは順番を変更することが可能です。

例えばセクション１とセクション２の順番を入れ替えたい場合、
セクションタイトルの頭についている ::: マークをクリックしながらドラッグすると移動できます。

これでセクションの移動が完了です。

レクチャーを一括アップロードする

レクチャーの一括アップロードの手順を説明します。

まずは、最初に設定されている『First lecture』を削除します。

• ①チェックボックスのチェックを入れる
• ②上に出てきたゴミ箱アイコンを押して削除

続いて、画面右上の『Bulk Upload』を押します。

するとアップロード元を選択する画面になります。

この中から、ファイルの格納元を選びます。

• My Computer
• Web Images
• Link(URL)
• Dropbox
• Google Drive
• OneDrive

今回はPC内に保存しているので、My computerを選択し、『Choose files』を押します。

格納元からコースのフォルダを選択します。

これから作成するセクションのフォルダを選択します。

ファイルを全て選択し、右下の『開く』を押します。

確認画面がでるので、『Upload』を押します。

そうすると、セクションの下に、選択したレクチャーが表示されます。

これでレクチャーの作成完了です。

レクチャーが順番通りに並んでいない場合があるので、その場合は番号順に並べ替えます。

lecture (レクチャー)を順番に並び替える

レクチャーを並び替えるには、レクチャータイトルの右横についている ::: をクリックしたまま、動かしたい場所までドラッグします。

このレクチャーの移動は、セクションを跨いでも可能です。

事前準備でレクチャータイトルの頭につけた番号は、順番管理のためなので順番通りに並べ終わったらタイトル編集で消しましょう。

※必要な方はつけたままでもOK

レクチャーを1つずつアップロードする

それでは、レクチャーを1つずつアップロードする方法も説明していきます。

初期設定画面で、『First lecture』となっているレクチャーのタイトルを編集しましょう。

ペンのマークをクリックすると編集可能です。

続いて、レクチャーに動画やテキストをアップロードします。

先ほど編集したタイトルをクリックします。

すると、以下のような画面に切り替わります。

グレー網掛け部分にコンテンツをそのままドラッグするか、クリックしてアップロード画面に進みます。

コンテンツのアップロード元を選択します。

今回は、PC内に格納しているので、My Deviceを選択して『Select Files to Upload』を押します。

コースのフォルダを開きます。

作成しようとしているセクションのフォルダを開きます。

アップロードしたいコンテンツを選択して、『開く』を押します。

アップロードするコンテンツを確認し、『Upload』を押します。

これで、レクチャーのアップロードが完了しました。

カリキュラム全体が完成したら、次にコースの価格を設定していきます。

コース編集画面の左サイドバーの『pricing』を選択します。

画面中央の『Add pricing Plan』をクリックします。

価格の形態を選びます。

• 無料
• 1回限りの購入
• 支払計画
• サブスクリプション

今回は１回買い切りを選択します。

必要事項を入力していきます。

• ①JPY（日本円）を選択
• ②金額を入力
• ③価格の名前を入力
• ④簡単な説明を記載
• ⑤詳細な説明を記載
• ⑥登録数に上限を設定する場合はON
• ⑦アクセス期限を設定する場合はON

これらを設定し、『Add Pricing Plan』を押します。

これで価格の設定は完了です。

coursesの中の①『Infomation』を選びます。

②『Upload 』をクリック。

画像を保存している場所を選び、アップロードします。

これでコースの画像設定が完了です。

コースを公開する場合は、コース編集画面の①『information』を選びます。

②『Publish Course』をクリック。

コースとレクチャーを全て公開しますか？と出るので、『Yes publish all』をクリック。

これで公開完了です。

コースを非公開にする場合は、②『UnPublish Course』をクリック。

コースとレクチャーを全て非公開にしますか？と出るので、『Yes unpublish all』をクリック。

これで非公開の設定は完了です。

バンドルを作成する

まずは、まとめたい複数のコースを選択しバンドルを作成します。

具体的な設定方法は以下の通りです。

teachableの左サイドメニューの①『Bundles』をクリック

右上の②『New Bundles』をクリックします。

バンドル名の設定画面に進むので、バンドル名を入力します。

次に、バンドルする商品を選択しましょう。

Coursesからバンドルしたいコースを選択します。

選んだコースは下に表示されます。

バンドルしたいコースが全て選択し終わったら、『Next』を押して次に進みます。

下記4つの中から、価格の形態を選択します。

• Free … 無料
• One-time-puchase … 1回限りの購入
• Payment Plan … 支払計画
• Subscription … サブスクリプション

選択したら『Next』をクリックして次の画面へ進みます。

今回は１回限りの購入を選択してみます。

①〜⑥の必要事項を入力していきます。

• ①JPYを選択
• ②価格を入力
• ③価格の名前を入力
• ④簡単な説明
• ⑤詳しい説明
• ⑥アクセスの期間を設定する場合はON

ここまで入力したら『Next』で次に進みます。

これでバンドルの価格設定が完成です。

まず、バンドル編集画面の『Information』を開きます。

『Thumbnail（サムネイル)』という項目の、『Upload image』をクリックします。

するとこのような画面が出るので、画像のアップロード元を選びます。

中心の『Select Files Upload』をクリックして、画像をアップロードします。

これで画像の設定は完了です。

バンドルのページの編集には、バンドル編集画面の①Pagesをクリックします。

次に、一番上のボックスの②編集マークをクリックします。

するとこのような編集画面になります。

ページ編集画面は、6つに分割されています。

• Banner
• Text
• Image with Text
• Pricing
• FAQ
• Bundle Contents

それぞれ、画像や文字、デザインが編集できます。

操作方法は、①編集したい場所をクリックします。

②Contentを選択すると、画像や文字の編集ができます。

③Designを選択すると、色やデザインの編集ができます。

これでバンドルのページ編集が完了しました。

まずはバンドルを公開する方法を解説します。

公開したいバンドルの『Information』を開きます。

次に画面右上の『Make visible』をクリックします。

バンドルを表示しますか？と出るので、『Make visible』をクリックします。

これで公開が完了しました。

続いて、バンドルを非公開にする方法を解説します。

手順は公開の時と同じで、非公開にしたいバンドルのページの『Information』を開きます。

画面右上の『Hide』をクリックします。

バンドルを非表示にしますか？と出るので、『Hide』をクリックします。

これでバンドルの非公開が完了しました。

画面上では非表示になりますが、すでに購入した受講生、またはURLを直接送信した受講生はバンドルにアクセスすることができます。

これでバンドルの作成・公開までの全行程が完了しました。

ロゴ&ブランディングの設定

まずはロゴ&ブランディングの設定です。

teachableサイトの左上のロゴ部分になります。

まず、①Siteから②Themeに入ります。

Logo &Brandingの欄のUploadを押し、画像をアップロードします。

※推奨フォーマットは250 x 60ピクセル（PNGまたはJPG）です。

これでロゴ&ブランディングの設定は完了です。

サムネイル画像の設定

続いて、サムネイル画像の設定をしていきます。

teachableサイトのこの部分ですね。

Site>Themeに入り、School ThumbnailのUploadをクリックして、画像をアップロードします。

推奨フォーマットは960 x 540ピクセル（PNGまたはJPG）です。

これでサムネイル画像の設定が完了しました。

ファビコンの設定

続いて、ファビコンの設定をしていきます。

ファビコンとは、サイトのブラウザタブに表示される小さな画像です。

Site>Themeを開き、Faviconの欄のUploadをクリックして画像をアップロードします。

これでファビコンの設定は完了です。

フォントの設定

続いて、サイト全体のフォントの設定をします。

Site>Themeを開いて、①Typographyの欄をクリックしてフォントを選択します。

②右側にフォントサンプルが表示されるので、確認をして良ければ③Saveをクリックします。

これでフォントの設定は完了です。

サイトカラーの設定

続いてサイトカラーの設定です。

サイトカラーの設定方法は2通りあって、カラーパレットから選んで一括設定する方法とすべてオリジナルでカスタマイズする方法です。

それぞれ解説します。

カラーパレットから選んで一括設定する

Site>Themeに入って、ColorPalette欄から好きなカラーの組み合わせを選択します。

下の①各設定のカラーが自動で切り替わるので、②Saveをクリックして、③Previewで確認します。

仕上がりはこんな感じ。

これでサイトカラーの一括設定が完了です。

オリジナルでカスタマイズ設定する方法

オリジナルでカスタマイズする方法は、各種設定のカラーナンバーをクリックして好きな色を選択します。

すべて設定終わったら、Saveを押して、Previewで確認しましょう。

これでサイトカラーのカスタマイズ設定は完了です。

その他のサイト表示画面の編集もできるので紹介します。

まずは①Siteから②Pagesを開いて、Homepageという項目の③Editをクリックします。

するとトップページ編集画面になります。

基本設定としてあるのが以下の6つの項目です。

• Banner…バナー
• Text…テキスト
• Image with Text…画像とテキスト
• Text with image Grid…画像グリッド付きのテキスト
• Featured Products…おすすめの商品
• Email Leads Form…メールリードフォーム

それぞれ内容を編集・デザインを編集・項目を削除・項目を追加・項目の順番を変えることができます。

①で内容を編集、②デザインを編集します。

続いて、項目を削除します。

削除したい項目の編集画面の一番下にあるDelete Blockをクリックします。

これで削除完了です。

続いて、項目を追加します。

Page Blocksの一番下のAdd New Blockをクリックします。

追加したい項目を選択すると、ADDというボタンが出てくるので、クリックします。

これで項目の追加が完了しました。

次に、項目の順番を変えます。

移動したい項目の頭についている:::をクリックしながら移動したい場所にドラッグします。

これで移動完了です。

このようにして自分だけのオリジナルデザインのスクールを作っていきましょう。

コースをクリックすると初期設定では以下のページに切り替わります。

• Banner…バナー
• Image with Text…画像とテキスト
• Text…テキスト
• Text with image Grid…画像グリッド付きのテキスト
• Pricing…価格
• Featured Products…おすすめの商品
• Email Leads Form…メールリードフォーム

それぞれ内容を編集・デザインを編集・項目を削除・項目を追加・項目の順番を変えることができます。

①で内容を編集、②デザインを編集します。

項目を削除する場合は、一番下のDelete Blockをクリックします。

確認の画面が出るので、Deleteをクリックします。

これで削除は完了です。

続いて、項目を追加する場合は、Page Blocksの一番下のAdd New Blockをクリックします。

①追加したい項目を選んぶと②ADDというボタンが出てくるので、クリックします。

これで項目の追加は完了です。

このバンドルコースをクリックすると、初期設定では以下のページに切り替わります。

このページの編集方法を解説します。

バンドルのページの編集には、バンドル編集画面の①Pagesをクリックします。

次に、一番上のボックスの②編集マークをクリックします。

するとこのような編集画面になります。

ページ編集画面は、6つに分割されています。

• Banner
• Text
• Image with Text
• Pricing
• FAQ
• Bundle Contents

それぞれ、画像や文字、デザインが編集できます。

操作方法は、①編集したい場所をクリックします。

②Contentを選択すると、画像や文字の編集ができます。

③Designを選択すると、色やデザインの編集ができます。

これでバンドルのページ編集が完了しました。