みなさんこんにちは!おさかなです!
今回は「Web Stories」について、書いていこうと思います!
それでは、レッツゴー!!!!!
・ストーリー機能を実装したい方
・WordPressでもストーリーを投稿したい方
・WrodPressでサイトを運営している方
ついに、ブログにも「ストーリー機能」が?!
![おさかな](https://osakanav.com/wp-content/uploads/2019/08/osakana.jpg)
ブログにストーリー投稿できたら、楽しそうだよなあ…。
![ナビまる](https://osakanav.com/wp-content/uploads/2019/09/navmaru-2.jpg)
できるよ!
「Web Stories」を使えば!
![おさかな](https://osakanav.com/wp-content/uploads/2019/08/osakana.jpg)
なん、だと?!
![](https://osakanav.com/wp-content/uploads/2021/03/wp-auto-update-top-160x90.jpg)
「Web Stories」って何?
「Web Stories」とはGoogleが開発した、ブログやWebサイト上でも「ストーリー」を投稿することができる「WordPressプラグイン」のことです。(すごい!)
投稿のカスタマイズも、パソコンで出来るから高機能となっております!
![](https://osakanav.com/wp-content/uploads/2021/11/opensea-top-160x90.png)
実際につかってみよう!
プラグインを追加しよう!
それでは早速プラグインを追加していきましょう!
まずはWordPressのダッシュボードから「プラグイン」>「新規追加」へ移動します。
![](https://osakanav.com/wp-content/uploads/2021/11/wp-plugin-new.png)
次に右上の検索ボックスに「Web Stories」と入力しましょう!(よいしょ!)
![](https://osakanav.com/wp-content/uploads/2021/11/web-stories-box.png)
するとプラグインがヒットしました!(インスタっぽいカラー!!)
![](https://osakanav.com/wp-content/uploads/2021/11/web-stories-icon.png)
「今すぐインストール」というボタンを押しましょう!(ポチッと!)
![](https://osakanav.com/wp-content/uploads/2021/11/web-stories-install-1.png)
インストールが完了すると「有効化する」ボタンに切り替わるので、クリックします!
![](https://osakanav.com/wp-content/uploads/2021/11/web-stories-activate.png)
「設定が完了しました」というページが表示されればOKです!(わ〜!)
![](https://osakanav.com/wp-content/uploads/2021/11/web-stories-starts.png)
(あともう少し…🍫)
ストーリーを投稿しよう!
無事にプラグインを追加することができたので、いよいよ「ストーリー機能」を使っていきたいと思います!(おー!)
まずは「Storiesダッシュボードへ移動」を押しましょう。
![](https://osakanav.com/wp-content/uploads/2021/11/web-stories-btn.png)
ちなみにダッシュボードのメニューには「ストーリー」という項目が追加されているので、こちらを押してもページを移動することができます!(ふむふむ…。)
![](https://osakanav.com/wp-content/uploads/2021/11/web-stories-menu.png)
すると…?
このような画面が表示されました!(おお!)
![](https://osakanav.com/wp-content/uploads/2021/11/web-stories-page.png)
ページをスクロールしてみると、ストーリーの「テンプレート」を見ることができます!
(どれもデザイン性があって、とってもオシャレ✨)
![](https://osakanav.com/wp-content/uploads/2021/11/web-stories.gif)
気になるテンプレートを見つけたら、「詳細を表示」ボタンを押してみましょう!(えいやあ!)
![](https://osakanav.com/wp-content/uploads/2021/11/web-stories-temp.png)
選択したテンプレートの「カラー」や「カテゴリ」「作者」など、詳しく見ることができます!
![](https://osakanav.com/wp-content/uploads/2021/11/web-stories-temp-syousai.png)
ここでスクロールすると「関連テンプレート」が出てくるので、自分のイメージに合うものを探していきましょう!(なんかお腹空いてきた…🍖)
![](https://osakanav.com/wp-content/uploads/2021/11/web-stories-temp-kanren.png)
使用するものが決まったら「テンプレートを使用」ボタンを押します!(ポチッと)
![](https://osakanav.com/wp-content/uploads/2021/11/web-stories-use-temp.png)
すると…?
何やら色々と編集する画面が?!(なんかすごそう)
![](https://osakanav.com/wp-content/uploads/2021/11/web-stories-edit.png)
右上の「目玉マーク」を押すと…?
![](https://osakanav.com/wp-content/uploads/2021/11/web-stories-prev.png)
こんな感じでプレビューを見ることができます!
(スマホで見る時のイメージが湧きやすくて、いいね!)
![](https://osakanav.com/wp-content/uploads/2021/11/web-stories-prev.gif)
真ん中のボタンから「下書きを保存」することができます!
![](https://osakanav.com/wp-content/uploads/2021/11/web-stories-save.png)
右上の「公開」ボタンを押して、ストーリーを投稿しましょう!(おりゃー!)
※今回はめんどくさいので、とりあえず編集せずにデフォルトのまま公開してみます。
![](https://osakanav.com/wp-content/uploads/2021/11/web-stories-upload.png)
「Continue to publish」の方を選択すればOKです!(ふむふむ…。)
![](https://osakanav.com/wp-content/uploads/2021/11/web-stories-publish.png)
最後にストーリーを新規投稿に含めますか?と聞かれるので、ご自身のサイトに合わせて選択しましょう!
![](https://osakanav.com/wp-content/uploads/2021/11/web-stories-up.png)
音声付きで見ると、より良い感じです!(飯テロだ〜🍚)
![](https://osakanav.com/wp-content/uploads/2021/11/web-stories-toukou.png)
![おさかな](https://osakanav.com/wp-content/uploads/2019/08/osakana.jpg)
「ストーリー機能」でサイトを盛り上げよう!
これで全ての操作は完了です。(やった~!)
お疲れ様でした☕
ここまで読んでくださり、ありがとうございました!
![](https://osakanav.com/wp-content/uploads/2021/03/recaptcha-top-160x90.jpg)