H5Pを使用すると、Webページ上でリッチなインタラクティブコンテンツを簡単かつ迅速に作成できます。
このドキュメントでは、以下の方法について説明します。

• 既存のH5Pコンテンツをアップロードする
• H5Pコンテンツの編集
• 新しいH5Pコンテンツを作成する

既存のH5Pコンテンツをアップロードする

開始する方法の1つは、h5p.orgのサンプルとダウンロードページからH5Pコンテンツタイプを選択することです。コンテンツの左下にあるダウンロードアイコンをクリックして、サンプルコンテンツのいずれかをダウンロードします。

追加開始これで、このファイルをH5Pハブ経由でサイトにアップロードできます。以下は、これを行う方法に関する説明です：追加終了

プラットフォームの管理メニューで次の項目を選択します。

• 追加開始Drupal：コンテンツの追加 > インタラクティブコンテンツ追加終了
• 追加開始WordPress：H5Pコンテンツ > 新規追加追加終了
• 追加開始Moodle：活動またはリソースを追加する > インタラクティブコンテンツ 追加終了

追加開始新しいH5Pコンテンツを作成する追加終了

追加開始プラットフォームの管理メニューで次の項目を選択します。 追加終了

• 追加開始Drupal：コンテンツの追加>インタラクティブコンテンツ追加終了
• 追加開始ワードプレス：H5Pコンテンツ>新規追加追加終了
• 追加開始Moodle：アクティビティまたはリソースを追加する>インタラクティブコンテンツ 追加終了

追加開始新しいH5Pコンテンツを作成するには、最初にコンテンツタイプをインストールする必要があります。以下は、H5Pハブを使ってこれを行う方法の説明です：追加終了

追加開始サイトのH5Pコンテンツを編集する追加終了

追加開始既存のH5Pコンテンツをアップロードした後、内蔵のエディタを使用して編集できます。 追加終了

• 追加開始Drupal：H5PノードのEditボタンを押します。追加終了
• 追加開始WordPress：H5Pインスタンスの編集ボタンを押します。追加終了
• 追加開始Moodle：H5Pインスタンスの横にあるEdit / Edit Settingsリンクを押します。追加終了

追加開始Editを押すと、次のようなエディタが表示されます。追加終了

追加開始編集追加終了

追加開始ここでは、H5Pのすべてのフィールドを編集できます。保存するとH5Pも更新されます。上部にある「チュートリアル」リンクと「例」リンクを使用して、このコンテンツタイプの詳細と使用法の例をご覧ください。追加終了

追加開始標準エディタでは、すべてのフィールドが順番に表示されます。高度なコンテンツの場合、これはすぐに維持することが困難になります。エディタを拡張することは、標準的な機能を拡張する（つまり、リストのタブ付きビューを提供するなど）エディタライブラリを介してサポートされるか、完全なWysiwyg編集エクスペリエンスを提供することができます。以下は、プレゼンテーションエディタとインタラクティブビデオエディタの簡単な例です。 追加終了

追加開始インタラクティブビデオエディタ追加終了

追加開始コースプレゼンテーションエディタ追加終了

追加開始H5Pコンテンツの作成についてもっと知りたいですか？見てみましょう  追加終了追加開始チュートリアル 追加終了追加開始では  追加終了追加開始、コンテンツ作成者ガイドを追加終了追加開始。追加終了

追加開始H5Pコンテンツを埋め込む追加終了

追加開始h5p.org（または他のサイト）で作成されたH5Pコンテンツは、あなたのサイトに埋め込むことができます。コンテンツの下にある[埋め込み]ボタンを押してコードをサイトにコピーするだけです。追加終了

追加開始以下は、WordPressのブログ記事にH5Pコンテンツを埋め込む方法の例です：追加終了

1. 追加開始埋め込みたいコンテンツの下にある[埋め込み]リンクをクリックします。 追加終了
   
2. 追加開始コードをコピーします。 追加終了
   
3. 追加開始WordPressのブログのポストエディタswith to Textualのエディタとコードを貼り付けてください。 追加終了
   
4. 追加開始ビジュアルエディタに戻り、埋め込んだコンテンツを表示します。 追加終了
   
5. 追加開始ブログ投稿の編集を続け、いつものように保存してください。追加終了