Google Web StoriesWordPressプラグインの概要とレビュー

Webストーリーは、AMPを利用したフルスクリーンのタップ可能なページです。 視覚的な情報に最適なインタラクティブな視覚的な物語を作成できます。 ストーリーは没入型、共有可能、追跡可能です。 Googleのプラグインのおかげで、WordPressWebサイトに追加できるようになりました。 このプラグインの概要とレビューでは、Google Web Stories WordPressプラグインを見て、何ができるかを確認します。

Webストーリーとは何ですか？

正式にはAMPストーリーとして知られているWebストーリーは、雑誌スタイルのレイアウトを備えたモバイル画面のサイズのページです。 コンテンツには、長いコンテンツへのリンクを含む大きなテキスト、キャプション付きのポートレートモードの15秒の動画、キャプション付きの画像が含まれます。 Web Storiesはオープンソースシステムであり、無料です。

これらは、モバイルデバイスでの使用を目的としています。 通常、4〜30ページで、1ページあたり10語です。 これは、小さなバイトでコンテンツを作成するのに理想的です。 昼食時や地下鉄に座っているときなど、片手で簡単に使えるインタラクティブなコンテンツを提供するのに最適な方法です。

WordPressでWebストーリーを使用する理由

Webストーリーのコンテンツとデザインは、WordPressWebサイトのブログコンテンツに最適です。 プラグインはそれらをWordPressWebサイトに統合し、Webストーリー形式でトラフィックを取り込むのに役立ちます。

これらは、SEOを改善し、Google検索、Google画像、Google Discover、およびGoogleアプリで上位にランク付けするのにも役立ち、WebストーリーをWordPressトラフィックを改善するための優れた方法にします。

Google WebStoriesプラグインのインストール

無料のベータプラグインをダウンロードします。 これはパブリックベータプラグインであるため、主な機能のほとんどがそこにあります。 フルバージョンはこの夏の後半にリリースされます。 安定性、パフォーマンス、バグ修正が改善され、アニメーションとページ添付ファイルのサポートが含まれます。

ベータ版であるため、ファイルをダウンロードして、次の手順に従って手動でインストールする必要があります。

1. Stories Githubページに移動し、ベータプラグインをダウンロードします
2. WordPressダッシュボードで、[プラグイン] > [新規追加]に移動します
3. プラグインのアップロードをクリックします
4. コンピューターからzipファイルを選択します
5. [今すぐインストール]をクリックします
6. 「プラグインが正常にインストールされました」と表示されたら、[プラグインのアクティブ化]をクリックします

Webストーリーメニュー

ストーリーと呼ばれる新しいメニュー項目がダッシュボードに追加されます。 ここでは、すべてのストーリーを表示したり、新しいストーリーを追加したり、テンプレートを調べたりできます。 ストーリーがここに表示され、エディターで開いたり、名前を変更したり、複製したり、削除したりできます。

これはストーリー投稿として表示できるストーリー投稿タイプであり、これらの投稿へのリンクを通常のページや投稿に追加できます。

ストーリーを作成する

[新しいストーリーの作成]をクリックすると、ビジュアルツールにアクセスできるエディターが開きます。 サイズを変更したり、折りたたんだりするオプションはありません。 これがCanvaを思い出させるなら、あなたは一人ではありません。 それはほぼ同じように機能し、同じように直感的です。

左側は、ページ作成者に追加できるコンテンツです。 画像、テキスト、図形が含まれます。 画像にはビデオも含まれます。 真ん中にはページ作成者がいます。 ストーリーを編集および公開するためのツールが含まれています。 右側には、デザインツールとドキュメントツールがあります。 ページに追加する各要素は個別のレイヤーです。

コンテンツ

画像やその他のコンテンツは、メディアフォルダからのものです。 1つにカーソルを合わせると、3つのドットが表示されます。 ドットをクリックすると、画像を編集または削除するためのオプションが開きます。 画像や動画を並べ替え、検索、アップロードすることもできます。 コンテンツをクリックすると、ストーリーページに追加されます。

ダブルクリックしてコンテンツを追加するか、ストーリーページにコンテンツをドラッグアンドドロップできます。 この例では、画像をページにドラッグしています。

文章

テキストタブには、見出し、小見出し、本文を追加するためのプリセットボタンが含まれています。 いずれかをクリックするか、[新しいテキストの追加]をクリックして、プリセットテキストをページに追加します。

テキストをクリックして、サイズ変更ツールを開きます。 ドラッグしてサイズを変更するか、中央をつかんで、テキストを新しい場所に移動します。 これにより、右側にツールが開き、配置、色、サイズ、位置、レイヤー、スタイルなどを変更できます。

複数のアイテムを一度に選択して、コンテンツのサイズ変更や再配置を行うこともできます。

形

[形状]タブには、正方形、円、三角形、ハート、星、五角形、六角形、およびブロブが含まれます。 それらをページにドラッグアンドドロップし、色、不透明度、サイズなどを変更します。

ページ

キャンバス領域には、タイトル、公開オプション、ゴミ箱、コピー、新しいページの追加、元に戻す、やり直し、プレビュー、および複数のページを一度に表示するためのグリッドビューが含まれています。 コンテンツをクリックすると、コンテンツのサイズを変更したり移動したりするためのドラッグアンドドロップツールがいくつか表示されます。 また、右側のデザインツールのオプションも開きます。

コンテンツをドラッグして、配置オプションを表示します。

コンテンツをダブルクリックして画像全体を表示し、ツールを開いてズームと配置を調整します。 コンテンツのサイズを変更したり移動したりして、必要な画像を正確に取得できます。

設計

デザイン調整では、クリックした要素のコントロールが表示されます。 ページの背景を選択して、色をクリックしました。 これによりカラーピッカーが開き、背景の色を設定できます。

画像の場合、これには、配置、サイズと位置、不透明度、リンク、アクセシビリティ、およびレイヤーが含まれます。

テキストの場合、これにはフォントファミリ、スタイル、配置、色、背景色、パディング、およびリンクが含まれます。

形状の場合、これには配置、サイズと位置、および色が含まれます。

[ドキュメント]タブには、標準のWordPress公開オプションが含まれており、さらにいくつか追加されています。 下書きとして保存するか、パブリックまたはプライベートとして公開します。 日付、出版社のロゴ、表紙の画像を調整します。 パーマリンクとページ送りを調整します。 自動と手動のどちらかを選択し、自動前進のタイミングを設定します。

テンプレート

[テンプレートの探索]タブには、ストーリーで使用できるテンプレートが表示されます。 現在、開始に役立つ8つのテンプレートがあります。 テンプレートには複数のページが含まれているため、役立つデザインがたくさんあります。

いずれかをクリックするとテンプレートが開き、テンプレート内のすべてのページが表示されます。

すべてのページは選択可能で調整可能です。 変更する要素を選択します。

ストーリーの公開

クリックしてストーリーを公開すると、ストーリーを表示したり、新しい投稿に追加したりするためのオプションが表示されます。

ストーリーを見る

ストーリーを表示すると、フロントエンドのページが開きます。 各ページは表示されていますが、完全に読み取れるのは中央のページだけです。 このページには、側面に矢印が付いたスライダーコントロール、ページの下のバーナビゲーション、右上隅に再生または一時停止ボタン、訪問者がWebストーリーを簡単に共有できるようにする共有ボタンが表示されます。 ボタンをクリックすると、訪問者はURLをコピーできます。

新しい投稿に追加

[新しい投稿に追加]を選択すると、投稿内に既に配置されているストーリーのコードを含む標準のブログ投稿が自動的に作成されます。 これは標準のブログ投稿であるため、ブログストリームに表示されます。 これは、ストーリーのページを開くリンクです。 必要な投稿に他のコンテンツを追加します。 このコードは任意の投稿またはページ内に配置できるため、ブログ投稿、Diviレイアウトなどで使用できます。クラシックエディターを使用していますが、グーテンベルクでも同様に機能します。

グーテンベルクでは、コードをHTMLに変換するように求められます。 ストーリーはこのモードで機能するため、投稿を書くときにページがめくるのを見ることができます。

ストーリー投稿タイプを使用するその他の方法

ナビゲーションメニューに投稿タイプを追加したり、DiviブログモジュールやDiviテーマビルダーなどで使用したりすることもできます。

GoogleWebストーリーでの広告

現金化は、Googleプラットフォームとアフィリエイト販売に限定されています。 ストーリー広告は、GoogleアドマネージャーとGoogle DV360（現在ベータ版）によって提供されます。 将来的には、広告サーバーのサポートが追加される予定です。 スポンサー記事やアフィリエイトを含めることができます。

Google広告はフルページであり、Webストーリー内に表示されます。 Webページ、AMPページ、またはアプリへのリンクを含めることができます。 それらには、テキスト、画像、ボタン、ビデオ、アニメーション、および任意の組み合わせを含めることができます。 広告は左上隅に広告としてマークされています。 広告の目標は、Web StoriesUXと調和するまとまりのあるデザインにすることです。

ドキュメントには、広告のコーディングと作成方法の詳細が示されています。 始めるためのいくつかのテンプレートがあります。 上記の例にいくつか示します。

終わりの考え

Webストーリーは、WordPressWebサイトのコンテンツを公開するための興味深い方法です。 ストーリーは雑誌のページのように見え、スライダーとして機能します。 それらは、WordPressのナビゲーション構造やDiviのレイアウトやモジュールともうまく統合できます。 これらはモバイルデバイスでうまく機能します。

GoogleのWebストーリーWordPressプラグインは、Canvaのようなグラフィック編集ツールのように見えます。 シンプルで使いやすいです。 見栄えが良く、SEOを向上させるシンプルなコンテンツを簡単に作成する方法に興味がある場合は、Web StoriesWordPressプラグインを確認することをお勧めします。

我々はあなたから聞きたい。 Google Web Stories WordPressプラグインを試しましたか？ 以下のコメントであなたの経験について教えてください。

Jemastock /shutterstock.com経由の注目の画像