網路故事是由 AMP 提供支持的全屏可點擊頁面。它們使您可以創建非常適合視覺信息的互動式視覺敘述。故事是沉浸式的、可共享的和可跟蹤的。藉助 Google 的插件，它們現在可以添加到您的 WordPress 網站。在這個插件概述和評論中，我們將看看 Google Web Stories WordPress 插件，看看它可以做什麼。
什麼是網路故事？
Web Stories 正式稱為 AMP Stories，是具有雜誌風格布局的移動屏幕大小的頁面。內容包括帶有較長內容鏈接的大文本、帶有標題的縱向模式的 15 秒視頻以及帶有標題的圖像。Web Stories 是一個開源系統，它是免費的。
它們適用於移動設備。它們通常包含 4 到 30 頁，每頁 10 個單詞。這非常適合以較小的片段製作內容。它們是提供互動式內容的好方法，在午餐、坐在地鐵等時單手即可輕鬆使用。
為什麼在 WordPress 中使用網路故事？
網路故事內容和設計非常適合 WordPress 網站上的博客內容。該插件將它們集成到您的 WordPress 網站中，並通過網路故事格式幫助引入流量。
它們甚至有助於改善您的 SEO 並在 Google 搜索、Google 圖片、Google Discover 和 Google 應用程序中排名靠前，使 Web Stories 成為改善 WordPress 流量的好方法。
安裝 Google 網路故事插件
下載免費的測試版插件。這是一個公測插件，所以大部分主要功能都在那裡。完整版將於今年夏天晚些時候發布。它將具有更好的穩定性、性能和錯誤修復，並包括動畫和頁面附件支持。
由於它是測試版，您必須按照以下步驟下載文件並手動安裝：
- 前往Stories Github 頁面並下載 beta 插件
- 在 WordPress 儀錶板中，轉到插件 > 添加新的
- 點擊上傳插件
- 從您的計算機中選擇壓縮文件
- 點擊立即安裝
- 當您看到「插件安裝成功」時，單擊激活插件
網路故事菜單
一個新的菜單項被添加到名為 Stories 的儀錶板中。在這裡，您可以查看所有故事、添加新故事和探索模板。您的故事將出現在這裡，您可以在編輯器中打開、重命名、複製或刪除它們。
這是一種故事帖子類型，可以顯示為故事帖子，並且可以將指向這些帖子的鏈接添加到常規頁面和帖子中。
創建一個故事
單擊創建新故事會打開編輯器，您可以在其中訪問可視化工具。沒有選項可以更改它們的大小或摺疊它們。如果這讓您想起了 Canva，那麼您並不孤單。它的工作方式大致相同，而且同樣直觀。
左側是您可以添加到頁面創建者的內容。它包括圖像、文本和形狀。圖像還包括視頻。中間是頁面創建者。它包括編輯和發布故事的工具。右側是設計和文檔工具。您添加到頁面的每個元素都是一個單獨的層。
內容
圖像和其他內容來自您的媒體文件夾。將滑鼠懸停在一個上會顯示三個點。單擊這些點可打開編輯或刪除圖像的選項。您還可以對圖像或視頻進行排序、搜索和上傳。單擊內容會將其添加到故事頁面。
您可以雙擊添加內容或將內容拖放到故事頁面上。在此示例中，我將圖像拖到頁面上。
文本
文本選項卡包括用於添加標題、副標題和正文文本的預設按鈕。單擊一個或單擊添加新文本以將預設文本添加到頁面。
單擊文本以打開調整大小工具。拖動以調整大小或抓住中間並將文本移動到新位置。這也會在右側打開其工具，您可以在其中更改對齊方式、顏色、大小、位置、圖層、樣式等。
您還可以一次選擇多個項目來調整內容大小或重新定位內容。
形狀
形狀選項卡包括正方形、圓形、三角形、心形、星形、五邊形、六邊形和斑點。將它們拖放到頁面上，更改它們的顏色、不透明度、大小等。
頁
畫布區域包括標題、發布選項、回收站、複製、添加新頁面、撤消、重做、預覽和一次查看多個頁面的網格視圖。單擊內容會為您提供一些拖放工具來調整內容大小和移動內容。它還在右側打開了設計工具的選項。
拖動內容以查看對齊選項。
雙擊內容以查看整個圖像並打開工具以調整縮放和對齊方式。您可以調整內容的大小並移動它以獲得您想要的確切圖像。
設計
設計調整顯示您單擊的元素的控制項。我已經選擇了頁面的背景，然後單擊了顏色。這將打開一個顏色選擇器，以便您可以設置背景顏色。
對於圖像，這包括對齊方式、大小和位置、不透明度、鏈接、可訪問性和圖層。
對於文本，這包括字體系列、樣式、對齊方式、顏色、背景顏色、填充和鏈接。
對於形狀，這包括對齊方式、大小和位置以及顏色。
文檔選項卡包括標準的 WordPress 發布選項並添加了更多選項。另存為草稿或發布為公共或私人。調整日期、出版商的標誌和封面圖片。調整永久鏈接和頁面前進。在自動和手動之間進行選擇，並設置自動推進時間。
模板
探索模板選項卡顯示您可以在故事中使用的模板。目前有 8 個模板可幫助您入門。模板包括多個頁面，因此有很多設計可以提供幫助。
單擊一個會打開模板，您可以在其中看到模板中的所有頁面。
所有頁面都是可選擇和可調整的。選擇任何元素進行更改。
發布故事
當您單擊發布故事時，您將看到查看故事或將其添加到新帖子的選項。
查看故事
查看故事會打開前端的頁面。每一頁都是可見的，但只有中間的那一頁是完全可讀的。該頁面顯示了兩側帶有箭頭的滑塊控制項、頁面下方的條形導航、右上角的播放或暫停按鈕以及一個共享按鈕，使訪問者可以輕鬆地分享您的網路故事。單擊該按鈕允許訪問者複製 URL。
添加到新帖子
選擇添加到新帖子會自動創建一個標準博客帖子，其中包含已放置在帖子中的故事代碼。這是一篇標準博客文章，因此它出現在博客流中。這是打開故事頁面的鏈接。將任何其他內容添加到您想要的帖子中。此代碼可以放置在任何帖子或頁面中，因此您可以將其用於博客帖子、Divi 布局等。我使用的是經典編輯器，但它在 Gutenberg 中的工作方式類似。
使用 Gutenberg，它要求將代碼轉換為 HTML。故事在這種模式下工作，因此您可以在撰寫帖子時看到頁面翻轉。
更多使用故事帖子類型的方法
您還可以將帖子類型添加到導航菜單中，將它們與 Divi 博客模塊、Divi 主題生成器等一起使用。
Google 網路故事中的廣告
獲利僅限於 Google 平台和聯屬網路營銷。故事廣告由 Google Ad Manager 和 Google DV360（目前處於測試階段）提供。將來會添加額外的廣告伺服器支持。它們可以包括贊助故事和附屬機構。
谷歌廣告是整頁的，並出現在網路故事中。它們可以包括指向網頁、AMP 頁面或應用程序的鏈接。它們可以包括文本、圖像、按鈕、視頻、動畫和任何組合。廣告在左上角標記為廣告。廣告的目標是擁有一個與 Web Stories UX 融合的有凝聚力的設計。
文檔顯示了如何編碼和製作廣告的詳細信息。有幾個模板可以幫助您入門。上面的示例中顯示了一些。
結束的想法
網路故事是為您的 WordPress 網站發布內容的一種有趣方式。故事看起來像雜誌頁面，用作滑塊。它們甚至與 WordPress 導航結構以及 Divi 的布局和模塊很好地集成在一起。它們適用於移動設備。
Google 的 Web Stories WordPress 插件在外觀和感覺上都類似於 Canva 等圖形編輯工具。它簡單易用。如果您對創建看起來很棒的簡單內容並改善您的 SEO 的簡單方法感興趣，我建議您查看 Web Stories WordPress 插件。
我們希望收到你的來信。您是否嘗試過 Google Web Stories WordPress 插件？請在下面的評論中告訴我們您的體驗。