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

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

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

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

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

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

• added beginsDrupal：コンテンツの追加 > インタラクティブコンテンツadded ends
• added beginsWordPress：H5Pコンテンツ > 新規追加added ends
• added beginsMoodle：活動またはリソースを追加する > インタラクティブコンテンツ added ends

added begins新しいH5Pコンテンツを作成するadded ends

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

• added beginsDrupal：コンテンツの追加 > インタラクティブコンテンツadded ends
• added beginsWordPress：H5Pコンテンツ > 新規追加added ends
• added beginsMoodle：活動またはリソースを追加する > インタラクティブコンテンツ added ends

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

added beginsサイトのH5Pコンテンツを編集するadded ends

added begins既存のH5Pコンテンツをアップロードした後、内蔵のエディタを使用して編集できます。 added ends

• added beginsDrupal：H5PノードのEditボタンを押します。added ends
• added beginsWordPress：H5Pインスタンスの編集ボタンを押します。added ends
• added beginsMoodle：H5Pインスタンスの横にあるEdit / Edit Settingsリンクを押します。added ends

added beginsEditを押すと、次のようなエディタが表示されます。added ends

added begins[ added endsadded beginsコンテンツタイプの選択added endsadded begins]をクリックして、added endsadded beginsH5Pハブadded endsadded beginsを開きます。added ends

added begins「added endsadded beginsすべてadded endsadded begins」の下には、インストール可能なすべてのコンテンツタイプのリストが表示されます。added endsadded beginsコンテンツタイプの詳細added endsadded beginsページに進むには、任意のコンテンツタイプで[ added endsadded begins取得]をadded endsadded beginsクリックします。added ends

added begins上のadded endsadded beginsコンテンツの種類の詳細added endsadded beginsページあなたは、各コンテンツタイプの詳細を読みスクリーンショットとサンプルコンテンツを見ることができます。[ added endsadded beginsインストールadded endsadded begins ]をクリックして、選択したコンテンツタイプをインストールします。added ends

added beginsコンテンツタイプがインストールされ、使用できるようになりました。[ added endsadded begins使用added endsadded begins ]をクリックしてエディタを開き、コンテンツの作成を開始します。added ends

added begins選択できるコンテンツタイプには、「added endsadded beginsすべてadded endsadded begins」と「added endsadded beginsコンテンツタイプ」のadded endsadded begins 2つのリストがあります。added ends

added begins 「added endsadded begins自分のコンテンツタイプadded endsadded begins」では、サイトにインストールしたすべてのコンテンツタイプのリストが表示されます。新しいコンテンツタイプをインストールすると、ここに表示されます。added ends

added begins「added endsadded beginsすべてadded endsadded begins」を選択すると、利用可能なすべてのH5Pコンテンツタイプのリストが表示されます。私たちがリリースする新しいコンテンツタイプはすべて、ここでインストール可能です。added ends
added begins added ends

added beginsサイトのH5Pコンテンツを編集するadded ends

added begins既存のH5Pコンテンツをアップロードした後、内蔵のエディタを使用して編集できます。 added ends

• added beginsDrupal：H5PノードのEditボタンを押します。added ends
• added beginsWordPress：H5Pインスタンスの編集ボタンを押します。added ends
• added beginsMoodle：H5Pインスタンスの横にあるEdit / Edit Settingsリンクを押します。added ends

added beginsEditを押すと、次のようなエディタが表示されます。added ends

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

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

added beginsH5Pコンテンツの作成についてもっと知りたいですか？added ends added begins、コンテンツ作成者ガイドadded endsadded beginsのadded endsadded beginsチュートリアルadded endsadded beginsをみてみましょう。added ends

added beginsH5Pコンテンツを埋め込むadded ends

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

added begins以下は、WordPressのブログ記事にH5Pコンテンツを埋め込む方法の例です：added ends

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