WordPress中的Google Web故事:如何創建它們?

[ad_1]

我們都喜歡不時嘗試不同類型的內容。 講故事就是其中之一。 對於我們,創作者和我們的讀者來說,這很有趣,因為講故事是最吸引人的內容格式之一[1],尤其是視覺效果。 好消息是,適用於WordPress的Google Web Stories也使您有機會成為講故事的人。

在這篇文章中,我們將向您展示有關如何將Google Web Stories與WordPress集成在一起的分步指南,以便為您的博客創建美觀而引人入勝的故事。

讓我們潛入吧!

什麼是網路故事?

作為一種內容創建選項,「故事」吸引了諸如Facebook,Instagram或Snapchat之類的社交媒體渠道的歡迎。 它們是視覺文章,通常被視為幻燈片,可以講述一個簡短的故事或介紹一些內容。 網路故事由結合了動畫,文本和各種效果的圖像組成。

如果您活躍在至少一個流行的社交媒體網路上,那麼您當然熟悉Stories概念。 這些年來,您甚至可能創建了自己的故事。

藉助適用於WordPress的Google Web Stories,您可以通過WordPress儀錶板創建視覺故事,並將其嵌入博客文章中。 對於喜歡通過言語交流的講故事者來說,這是一個很好的補充。

行動中的故事

如何為WordPress創建Google網路故事

現在您已經了解了什麼是Google Web Stories,我們將向您展示有關如何在WordPress網站上創建和發布故事的完整教程。

  1. 安裝Web Stories插件
  2. 創建你的第一個故事
  3. 添加背景
  4. 包含文字
  5. 添加形狀和布局
  6. 創建多個頁面
  7. 發布您的網路故事
  8. 在WordPress上哪裡可以使用您的故事?

使用Google Web Stories在您的#WordPress #blog上創建可視化的#stories?️

點擊鳴叫

1.安裝Google Web Stories插件

您需要做的第一件事是 安裝 網路故事 插入 通過您的WordPress儀錶板。 該插件是免費的。

Google Web Stories WordPress插件

激活插件後,您將在WordPress儀錶板菜單中看到一個名為Stories的新條目。

在創建第一個故事之前,請轉到故事→設置,然後根據要通過網路故事實現的目標配置所需的選項。 您可以設置Google Analytics(分析)跟蹤,自定義徽標,視頻優化和獲利。

2.創建您的第一個故事

要創建新故事,請轉到故事→添加新故事,然後在您面前會看到一個黑色的編輯器。

適用於WordPress插件的Google Web Stories-編輯器界面

該編輯器具有一個易於掌握的簡單界面:

  • 在左側,您具有故事中可以使用的所有元素(主要是媒體元素和布局)。
  • 在中間,您需要在畫布上拖動和編輯元素。
  • 在右側,您將看到一個邊欄,其中包含添加到畫布上的每個元素的自定義選項以及發布前的文檔設置。

在Google Web Stories編輯器中,您可以上傳 您自己的媒體文件,但您也可以訪問該插件隨附的免費圖片,視頻和GIF的大型庫。

關於WordPress的Google Web Stories的另一個很酷的事情是預製的布局,您可以使用它們快速創建互動式故事。

3.添加背景

要為故事添加背景,您需要單擊白色畫布,然後從右側欄中選擇自己喜歡的顏色。

WordPress中的網路故事-更改背景

如果您希望背景完全被圖像填充,則可以上傳自己的圖像或從插件的照片庫中選擇。 您可以通過左側的邊欄同時進行操作。

要使圖像填充整個畫布,請單擊下面的屏幕快照中的「填充」。

用圖像填充故事畫布

4.添加文字

要將文本添加到故事中,您可以單擊左側邊欄中的T符號並選擇一種預設的字體和樣式。 單擊它之後,文本元素將顯示在背景上。 文本預設樣式多種多樣,如果您沒有創意,則非常有用。

要調整文本,請拖動文本框的角(使其變小或變大)。 要自定義顏色,字體,不透明度,位置和動畫,請單擊文本,然後從右側欄中選擇您喜歡的樣式。

向網路故事添加文本

5.添加形狀和布局

除了圖像和文本,適用於WordPress的Google Web Stories還提供了不錯的形狀和動畫布局庫,使您的故事更具吸引力,如果您沒有時間從頭開始創建故事,則可以使用它們。

您可以瀏覽漂亮的預製模板,將它們添加到故事頁面,以及自定義文本和顏色。

WordPress網站故事布局

如果您的內容需要它,您還可以插入可以設置動畫和自定義的形狀。

Google網路故事-插入形狀

6.將多個頁面添加到您的網路故事

熟悉編輯器的元素和界面後,就可以為故事創建多個頁面了。 插件發布前的清單(您可以在右側邊欄頂部的位置中找到)實際上建議您的故事包含4至30張幻燈片。

在畫布的正下方,您可以使用一些選項來刪除或複製當前正在查看的頁面,添加新頁面,重做/撤消操作以及播放故事。

適用於WordPress的Google網路故事-頁面選項

您可以通過單擊「新建頁面」並像第一個頁面一樣進行設計來添加任意數量的頁面。 如果要在所有頁面上使用相同的布局,則只需 複製頁面 然後更改文本/顏色。

如果您不喜歡頁面的結果,或者只是改變了對頁面設計的想法,則可以刪除它,並在其位置添加另一個。 要更改故事中頁面的順序,請如下圖所示將其拖放:

適用於WordPress的Google網路故事-更改頁面順序

7.發布網路故事

當故事的設計準備就緒時,發布前還有一些事情要注意。

單擊右側欄中的「文檔」,並確保在發布前填寫所有建議的設置。 與發布WordPress博客文章之前遵循的步驟基本上相同。

發布故事的清單

你可以 安排發布日期 對於故事,請上傳封面圖像和徽標(如果您不代表公司發布故事,則可以是您的個人資料圖片),編寫故事說明,設置其內容,使故事幻燈片顯示自動或手動,並鍵入幻燈片之間的持續時間。

發布之前的最後一步是查閱清單,該清單為整個故事以及僅在每個頁面上提供建議。 有些是高優先順序的指示,而另一些只是建議(取決於您)。

準備好每個細節之後,您可以在不同類型的屏幕上預覽故事並將其發布。

在WordPress上哪裡可以使用您的Google網路故事?

您可以在網站上的任何地方插入一個故事 帖子或頁面。 轉到要在其中插入故事的帖子或頁面,添加新的阻止,然後選擇「 Web故事」。

網路故事塊

在這裡,您有一些選擇:要麼顯示所有最新故事,要麼僅選擇一些故事,要麼輸入要嵌入的單個故事的URL。

要獲取您要嵌入的故事的URL,請轉到WordPress儀錶板上的故事→我的故事。 接下來,單擊故事名稱旁邊的三個點,然後單擊「複製故事URL」。

複製故事網址

返回該帖子,然後將故事URL複製粘貼到Web Stories塊中,然後進行嵌入。

嵌入式Web故事示例

如果要展示多個故事,則可以選擇以下幾種布局:

  • 盒式傳送帶
  • 圓盤傳送帶
  • 網格
  • 列表

網路故事示例

您還可以將網路故事用作 小部件 在網站的頁腳或側邊欄中。 轉到WordPress儀錶板上的外觀→小部件,然後單擊Web Stories→添加小部件。

在主題的窗口小部件區域中,您可以通過拖放選擇窗口小部件的順序,還可以通過設置布局,故事數量,其順序和其他選項來自定義Web Stories窗口小部件。

這是帶有Web故事的小部件在頁腳中的顯示方式。

網路故事WordPress小部件

關於WordPress的Google網路故事的結論

如果您喜歡講故事,那麼您可能會喜歡為您的博客創建網路故事。

另一方面,如果您想知道為什麼要在您的網站上發布網路故事,我們將為您提供一些理由:

使用Google Web Stories在您的#WordPress #blog上創建可視化的#stories?️

點擊鳴叫

  1. 他們 使您的內容引人入勝 (您可以組合圖像,動畫,視頻,形狀,精美的字體和醒目的布局)。
  2. 您可以使博客內容多樣化。
  3. 它們是帖子的不錯替代品(當您不知道要寫什麼時)。
  4. 您可以通過以下方式獲利 會員鏈接
  5. 您可以將多個故事變成精美的講故事的文章。
  6. 它們將被Google識別並出現在搜索結果中。
  7. 通過Google Analytics(分析)功能,您可以了解有關故事查看者的更多信息。
  8. 它們在移動設備上看起來很棒(並且由於 AMP整合)。

您如何在您的網站上分享網路故事? 您是否嘗試過適用於WordPress的Google Web Stories? 在下面的評論部分讓我們知道。

參考

[1] https://www.quantified.ai/blog/storytelling-22-times-more-memorable

相關文章