サポートに戻る コンテンツとメディア ブロック ストーリーブロック

ストーリーブロック

ストーリーブロックを使用すると、写真と動画を組み合わせて、見た人が心をつかまれるタップ可能なフルスクリーンのスライドショーを作成できます。サイトに投稿されたストーリーは、24時間後に消去されることはありません。投稿後にストーリーを編集したり、追加したりできます。

投稿に追加した場合、次のように表示されます。

要件

ストーリーブロックは、WordPress.com のサイト、および以下で動作するブロックエディターを使用しているインストール型の Jetpack サイトで利用できます。    

WordPress のストーリーについて

WordPress では、ストーリーはブログ投稿のブロックとして表示されます。最初のスライドがカバー画像になっているストーリーコンテンツのプレビューがストーリーブロックに表示されます。

ストーリーのプレビュー

サイトへの訪問者がストーリーのプレビューをクリックすると、ストーリーが自動的に全画面で表示されます。訪問者は、コメントを残したり、投稿をリンクしたりして、ストーリーに返信できます。

全画面でストーリーを表示

WordPress のストーリーは、いくつかの点で他のプラットフォームのストーリーとは異なります。 

サイトにおけるストーリーの使用方法

ストーリーに適した用途を次に示します。

WordPress アプリでストーリーを作成する

無料版の WordPress アプリをお持ちでない場合は、まず Google Play ストアあるいは Apple App Store からダウンロードし、WordPress.com のアカウントでログインします。 

新しいストーリー投稿を作成する

アプリのホーム画面から、タブバーの上にあるピンクの浮動ボタンをタップします。次にメニューから、「ストーリー投稿」を選択します。 

ピンクの浮動ボタンをタップし、「新規追加」メニューにアクセスします。
ピンクの浮動ボタンをタップし、「新規追加」メニューにアクセスします。
「ストーリー投稿」オプションを「新規追加」メニューから選択します。
「ストーリー投稿」オプションを「新規追加」メニューから選択します。
追加するメディアを選択する

Android 端末では、ピンクのカメラボタンをタップして写真を撮るか、端末のファイルまたはサイトのメディアライブラリから写真や動画を選択してストーリーに追加します。次にチェックアイコンをタップして、選択を確定します。

カメラボタンをタップして写真を撮るか、WordPress アイコンをタップしてメディアライブラリにアクセスします。
カメラボタンをタップして写真を撮るか、WordPress アイコンをタップしてメディアライブラリにアクセスします。
チェックマークアイコンをタップしてストーリーにメディアを追加します。
チェックマークアイコンをタップしてストーリーにメディアを追加します。
ストーリーを編集してプレビューします。
ストーリーを編集してプレビューします。

iOS 端末では、写真を撮るかポスター画像アイコンをタップして、端末のファイルまたはサイトのメディアライブラリから写真や動画を選択します。次に「追加」をタップし選択を確定します。

iOS では、サークルをタップして写真を撮るか、長押しして動画を録画します。ポスター画像アイコンをタップして、ライブラリから写真または動画を選択します。
サークルをタップして写真を撮るか、長押しして動画を録画します。ポスター画像アイコンをタップして、ライブラリから写真または動画を選択します。
メディアを選択したら、「追加」ボタンをタップしストーリーにメディアを追加します。
メディアを選択したら、「追加」ボタンをタップしストーリーにメディアを追加します。
ストーリーを編集してプレビューします。
ストーリーを編集してプレビューします。

これで、ストーリーを編集、カスタマイズ、プレビューする準備が整いました。 

テキストオーバーレイでストーリーをカスタマイズする

ストーリースライドにテキストオーバーレイを追加するには、「A」ボタンをタップします。テキストを入力後、テキストのスタイル、色、配置、サイズをカスタマイズできます。カスタマイズが終了したら、チェックマークボタンをタップしてテキストをスライドに適用します。

「A」ボタンをタップしてテキストオーバーレイを追加します。
「A」ボタンをタップしてテキストオーバーレイを追加します。
テキストの配置、スタイル、色、サイズをカスタマイズします。
テキストの配置、スタイル、色、サイズをカスタマイズします。

チェックアイコンをタップして、変更したテキストを適用します。
チェックアイコンをタップして、変更したテキストを適用します。

表示したい場所にテキストオーバーレイをピンチ、ズーム、ドラッグします。テキストオーバーレイを削除するには、ゴミ箱アイコンが表示されるまで長押しします。次に、それをゴミ箱アイコンまでドラッグします。

テキストをサイズ変更および削除する方法

スライドの追加、並べ替え、削除

プラスアイコンを使用してポスター画像をタップし、画像や動画を選択してスライドをストーリーに追加します。

ストーリーにスライドを追加する方法

スライドの順番を変更するには、ポスター画像を長押しして右側の位置に達するまでドラッグします。

スライドを並べ替える方法

Android 端末でスライドを削除するには、削除するスライドを長押しします。画面にゴミ箱アイコンが表示されます。ゴミ箱アイコンをタップすると、スライドを削除する確認が表示されます。

スライドを削除する方法

iOS でスライドを削除するには、削除するスライドを長押しして画面の中央までドラッグします。ゴミ箱アイコンが表示されるので、スライドをそこまでドラッグし削除します。

iOS でスライドを削除する方法
ストーリーを公開する

ストーリーを投稿する準備ができたら、画面の上部にある矢印ボタンをタップします。ストーリー投稿にタイトルを付け、投稿するか、後日の特定の時間に投稿を予約します。 

ストーリーを投稿する準備ができたら、矢印ボタンをタップします。
ストーリーを投稿する準備ができたら、矢印ボタンをタップします。
ストーリーにタイトルを付けて投稿します。
ストーリーにタイトルを付けて投稿します。

WordPress アプリでストーリーを編集する

WordPress のストーリーブロックは、投稿後に編集および更新できます。追加する新しい写真や動画を選択してストーリーに追加できます。ストーリースライドは並べ替えまたは削除できます。

WordPress モバイルアプリでは、ストーリーを作成した元の同じ端末を使用して、 ストーリーブロックを編集する場合、ストーリーのテキストを編集して再配置できます。

WordPress アプリでストーリーを編集するには、次の手順に従います。

  1. 「参加サイト」 → 「投稿」 (または 「固定ページ」) に移動します。
  2. 編集するストーリーがある「投稿」または「固定ページ」を開きます。
  3. ストーリープレビューの上部にあるペイントブラシアイコンをタップします。
  4. ストーリーを編集します。
  5. チェックマークアイコンをタップして変更を保存し、「投稿」または「固定ページ」に戻ります。
  6. 「更新」をタップし、更新した投稿をサイトに投稿します。
ストーリープレビューの上部にあるペイントブラシアイコンをタップし、ストーリーを編集します。
ストーリープレビューの上部にあるペイントブラシアイコンをタップし、ストーリーを編集します。
チェックマークアイコンをタップして変更を保存し、「投稿」に戻ります。
チェックマークアイコンをタップして変更を保存し、「投稿」に戻ります。
「更新」をタップして、更新した投稿をサイトに投稿します。
「更新」をタップして、更新した投稿をサイトに投稿します。

ウェブ上のブロックエディターからストーリーを作成する

ストーリーブロックを追加する

ストーリーブロックを追加するには、「ブロックを追加」ボタンを使うか、「/story」と入力して Enter キーを押します。

ブロックを追加する手順については、こちらを参照してください。

画像と動画を追加する

ストーリーブロックを追加する際、「アップロード」「メディアを選択」の2つのオプションがあります。

ストーリーブロックを使用して、メディアライブラリ、Google フォト、Pexels の無料の写真から画像や動画を追加する方法の例

「アップロード」 を使用すると、コンピューターから新規のメディアや複数のメディアファイルをサイトにアップロードできます。対応するメディアは画像と動画です。

「メディアを選択」を使用すると、以前アップロードされたメディアライブラリの画像から選択するか、Google フォトPexels 無料写真ギャラリー、または Openverse から画像を選べます。

ストーリーの画像の順番は、画像を選択した順番により決まります。

Copied to clipboard!