WordPress如何构建 Google Web Stories

Instagram故事、Facebook故事、Snapchat故事和Twitter舰队有什么共同点？它们都是同一故事理念的所谓社交媒体实现。一个故事是一系列的图像或其他类型的内容，属于一起，因此，讲一个故事。视觉故事讲述是巨大的，现在的网络有一个开放的故事格式以及。早在2018年推出的AMP Stories，谷歌的网络故事现在可以在WordPress上看到。

什么是网络故事

Web Stories是一种可切换的、丰富的可视讲故事格式，可在移动设备上使用。网络故事提供了一个全屏的体验，可以纳入各种类型的内容想象。与Instagram Stories等封闭格式不同，Web Stories是开放的，可以自由分发。你可以在自己的网站上制作和发布它们。你拥有你的故事。
更重要的是，网络故事在谷歌搜索结果中占据了自己的位置——就在最上面。这还不仅仅是因为故事也可以出现在Google图片、Discover和Google应用程序上。都非常显眼。
网络故事让你对你发布的内容和发布方式有了更多的控制。你可以自由决定故事的格式，在哪里发表，以及你想让一个故事“存活”多久。这些故事的速度极快，为你提供了一种快速且易于消化的内容类型。
请记住，虽然网络故事是为移动设备设计的，但每个故事都会自动获得一个简单的桌面查看器。这意味着你的移动内容是真正可以为每个人。

再见AMP Stories，你好Web Stories

2018年初，谷歌引入AMP Stories，利用开放技术快速构建网络视觉故事。2020年5月，AMP Stories成为Web Stories，到2020年10月，在全球排名第一的平台WordPress上推出。WordPress的webstories插件使得在你自己的平台上构建故事变得非常容易：你的网站。
谷歌继续改进网络故事，同时也在推动采用。像富结果测试工具和搜索控制台这样的工具现在可以识别Web故事。在WordPress插件的设置中，您可以为分析设置跟踪ID。这有助于你了解你的故事是如何表现的。

网络故事示例

你可以用网络故事做很多事情，我们已经看到很多大媒体品牌都这么做了。虽然它们似乎最适合小规模的内容，但你可以深入了解你的故事。如果你能编出一个引人入胜的故事，人们可能会趋之若鹜。这可能会让你的内容走红。
下面是一些很酷的Web故事（及其前身AMP故事）示例：

英国广播公司在网上做了一个关于月球的报道。

PCGamesN只通过视频制作了一个关于皇家战斗游戏的故事

作了一个关于南极洲的精彩网络报道。

这些都是相当高层次的网络故事，当然，你不必使用相同的新闻方法来创建它们-确保你的故事是高质量的，对你和你的读者有价值。

如何使用WordPress插件构建Web故事

如果你有一个WordPress网站，那么开始网络故事是很容易的。安装官方的googlewebstories插件-别忘了阅读Google的文档，让你的故事为搜索引擎做好准备。这个插件是由一个非常棒的Google开发团队在公开场合开发的，是一件艺术品。现在它已经正式推出，这样每个人都可以得到建筑故事。

WordPress插件的网络故事界面安装插件后，转到编辑器设置并填写所需的详细信息。那你就可以走了！如果你缺乏灵感或者想了解一个网络故事是什么，请浏览模板部分。看到你喜欢的了吗？单击“使用模板”，编辑器将打开该模板。现在，您可以使用各种工具根据自己的喜好改编故事。

当然，你可以自由地从头开始构建网络故事。让我们看看情况如何。

打开Web故事插件安装插件后，通过单击Web Stories仪表板中的Create new story开始一个新故事。您也可以将鼠标悬停在WordPress菜单上，开始一个新的故事&gt；故事&gt；添加新的。
介绍网络故事界面如果你做了一个新的故事，界面会打开一个空白的模板。你可以在左边看到资产管理器，上面有你上传的图片和你可以在故事中使用的材料。T图标打开文本选项卡，三角形打开形状。
添加图像以探索右侧点击蓝色的上传按钮，选择要上传的图片。双击图像以将其添加到画布。您会注意到右侧的设置发生了变化。在这里，您可以找到每个项目的属性和设计选项。这些类型不同，因此文本与图像有不同的选项。
熟悉界面如果你曾经使用过任何一种设计工具，你会在网页故事WordPress插件的界面上感到宾至如归。你可以对齐，旋转，分层，改变文本类型，颜色，几乎所有你需要的东西都在这里。你可以处理图像、插图、文本、视频等等。
现在尝试构建一个简单的网络故事我们要做一个简单的例子。打开一个新故事并上传一个图片开始。我选了一幅插图，因为我想发表一篇关于开店的帖子。点击图片，你会发现周围有蓝色的线条；这样可以缩放、旋转和缩放图像。双击图像以查看完整图像以及它现在的匹配情况。以一种看起来很好的方式来调整图像。
将文本添加到您的网络故事中单击左角的T转到“文本”选项卡。在这里，你会看到不同的尺寸。它们基于常规的HTML标题，所以最大的标题（标题1）是h1，而段落则是p。请在你的网络故事中正确使用这些。给你的标题加一个h1，副标题加一个h2或者别的什么。用这个段落来写你的段落。这样，您的web内容将遵循所有常规准则。
颜色、填充和对齐如果你的图像有一个像我这样的繁忙的背景，你可能需要给你的文本一个突出的颜色，甚至一个背景填充色。幸运的是，你可以。单击标题1可将标题添加到图像中。将其拖放到希望其显示的位置。
为您的网络故事创建新页面要向您的故事添加新页面，请单击屏幕按钮上的大+按钮。如果您想复制当前页面，因为您想使用它作为下一个屏幕的模板，请单击复制页面。用你需要的所有页面填满你的故事。
链接到您的网站网络故事最酷的一点是，你可以自由链接到自己的内容。单击一个元素并添加一个链接。请不要做得过火。保持链接数量有限。
填写元数据并发布一旦你完成了你的网络故事，点击预览来测试它。在点击Publish之前，您需要填写一些元数据来改进故事。根据Google的说法，你需要这个来提供一个有效的网络故事。单击文档并填写出版商徽标、封面图像、摘录，然后选择一个好的永久链接。准备好了吗？发表你的故事！网络故事插件会问你是否想为这个故事写一篇新文章。如果你这样做，点击按钮，一个新的职位将打开与你的故事嵌入其中。