Google Web Stories WordPress 插件概述和评论

网络故事是由 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 网络故事插件

google-web-stories-wordpress-plugin-overview-and-review 谷歌网络故事 WordPress 插件概述和审查

下载免费的测试版插件。这是一个公测插件,所以大部分主要功能都在那里。完整版将于今年夏天晚些时候发布。它将具有更好的稳定性、性能和错误修复,并包括动画和页面附件支持。

由于它是测试版,您必须按照以下步骤下载文件并手动安装:

  1. 前往Stories Github 页面并下载 beta 插件
  2. 在 WordPress 仪表板中,转到插件 > 添加新的
  3. 点击上传插件
  4. 从您的计算机中选择压缩文件
  5. 点击立即安装
  6. 当您看到“插件安装成功”时,单击激活插件

网络故事菜单

google-web-stories-wordpress-plugin-overview-and-review-1 Google Web Stories WordPress 插件概述和评论

一个新的菜单项被添加到名为 Stories 的仪表板中。在这里,您可以查看所有故事、添加新故事和探索模板。您的故事将出现在这里,您可以在编辑器中打开、重命名、复制或删除它们。

这是一种故事帖子类型,可以显示为故事帖子,并且可以将指向这些帖子的链接添加到常规页面和帖子中。

创建一个故事

google-web-stories-wordpress-plugin-overview-and-review-2 Google Web Stories WordPress 插件概述和评论

单击创建新故事会打开编辑器,您可以在其中访问可视化工具。没有选项可以更改它们的大小或折叠它们。如果这让您想起了 Canva,那么您并不孤单。它的工作方式大致相同,而且同样直观。

左侧是您可以添加到页面创建者的内容。它包括图像、文本和形状。图像还包括视频。中间是页面创建者。它包括编辑和发布故事的工具。右侧是设计和文档工具。您添加到页面的每个元素都是一个单独的层。

内容

google-web-stories-wordpress-plugin-overview-and-review-3 Google Web Stories WordPress 插件概述和评论

图像和其他内容来自您的媒体文件夹。将鼠标悬停在一个上会显示三个点。单击这些点可打开编辑或删除图像的选项。您还可以对图像或视频进行排序、搜索和上传。单击内容会将其添加到故事页面。

google-web-stories-wordpress-plugin-overview-and-review-4 Google Web Stories WordPress 插件概述和评论

您可以双击添加内容或将内容拖放到故事页面上。在此示例中,我将图像拖到页面上。

文本

google-web-stories-wordpress-plugin-overview-and-review-5 Google Web Stories WordPress 插件概述和评论

文本选项卡包括用于添加标题、副标题和正文文本的预设按钮。单击一个或单击添加新文本以将预设文本添加到页面。

google-web-stories-wordpress-plugin-overview-and-review-6 Google Web Stories WordPress 插件概述和评论

单击文本以打开调整大小工具。拖动以调整大小或抓住中间并将文本移动到新位置。这也会在右侧打开其工具,您可以在其中更改对齐方式、颜色、大小、位置、图层、样式等。

google-web-stories-wordpress-plugin-overview-and-review-7 Google Web Stories WordPress 插件概述和评论

您还可以一次选择多个项目来调整内容大小或重新定位内容。

形状

google-web-stories-wordpress-plugin-overview-and-review-8 Google Web Stories WordPress 插件概述和评论

形状选项卡包括正方形、圆形、三角形、心形、星形、五边形、六边形和斑点。将它们拖放到页面上,更改它们的颜色、不透明度、大小等。

google-web-stories-wordpress-plugin-overview-and-review-9 Google Web Stories WordPress 插件概述和评论

画布区域包括标题、发布选项、回收站、复制、添加新页面、撤消、重做、预览和一次查看多个页面的网格视图。单击内容会为您提供一些拖放工具来调整内容大小和移动内容。它还在右侧打开了设计工具的选项。

google-web-stories-wordpress-plugin-overview-and-review-10 Google Web Stories WordPress 插件概述和评论

拖动内容以查看对齐选项。

google-web-stories-wordpress-plugin-overview-and-review-11 Google Web Stories WordPress 插件概述和评论

双击内容以查看整个图像并打开工具以调整缩放和对齐方式。您可以调整内容的大小并移动它以获得您想要的确切图像。

设计

google-web-stories-wordpress-plugin-overview-and-review-12 Google Web Stories WordPress 插件概述和评论

设计调整显示您单击的元素的控件。我已经选择了页面的背景,然后单击了颜色。这将打开一个颜色选择器,以便您可以设置背景颜色。

google-web-stories-wordpress-plugin-overview-and-review-13 Google Web Stories WordPress 插件概述和评论

对于图像,这包括对齐方式、大小和位置、不透明度、链接、可访问性和图层。

google-web-stories-wordpress-plugin-overview-and-review-14 Google Web Stories WordPress 插件概述和评论

对于文本,这包括字体系列、样式、对齐方式、颜色、背景颜色、填充和链接。

google-web-stories-wordpress-plugin-overview-and-review-15 Google Web Stories WordPress 插件概述和评论

对于形状,这包括对齐方式、大小和位置以及颜色。

google-web-stories-wordpress-plugin-overview-and-review-16 Google Web Stories WordPress 插件概述和评论

文档选项卡包括标准的 WordPress 发布选项并添加了更多选项。另存为草稿或发布为公共或私人。调整日期、出版商的标志和封面图片。调整永久链接和页面前进。在自动和手动之间进行选择,并设置自动推进时间。

模板

google-web-stories-wordpress-plugin-overview-and-review-17 Google Web Stories WordPress 插件概述和评论

探索模板选项卡显示您可以在故事中使用的模板。目前有 8 个模板可帮助您入门。模板包括多个页面,因此有很多设计可以提供帮助。

google-web-stories-wordpress-plugin-overview-and-review-18 Google Web Stories WordPress 插件概述和评论

单击一个会打开模板,您可以在其中看到模板中的所有页面。

google-web-stories-wordpress-plugin-overview-and-review-19 Google Web Stories WordPress 插件概述和评论

所有页面都是可选择和可调整的。选择任何元素进行更改。

发布故事

google-web-stories-wordpress-plugin-overview-and-review-20 Google Web Stories WordPress 插件概述和评论

当您单击发布故事时,您将看到查看故事或将其添加到新帖子的选项。

查看故事

google-web-stories-wordpress-plugin-overview-and-review-21 Google Web Stories WordPress 插件概述和评论

查看故事会打开前端的页面。每一页都是可见的,但只有中间的那一页是完全可读的。该页面显示了两侧带有箭头的滑块控件、页面下方的条形导航、右上角的播放或暂停按钮以及一个共享按钮,使访问者可以轻松地分享您的网络故事。单击该按钮允许访问者复制 URL。

添加到新帖子

google-web-stories-wordpress-plugin-overview-and-review-22 Google Web Stories WordPress 插件概述和评论

选择添加到新帖子会自动创建一个标准博客帖子,其中包含已放置在帖子中的故事代码。这是一篇标准博客文章,因此它出现在博客流中。这是打开故事页面的链接。将任何其他内容添加到您想要的帖子中。此代码可以放置在任何帖子或页面中,因此您可以将其用于博客帖子、Divi 布局等。我使用的是经典编辑器,但它在 Gutenberg 中的工作方式类似。

google-web-stories-wordpress-plugin-overview-and-review-23 Google Web Stories WordPress 插件概述和评论

使用 Gutenberg,它要求将代码转换为 HTML。故事在这种模式下工作,因此您可以在撰写帖子时看到页面翻转。

更多使用故事帖子类型的方法

google-web-stories-wordpress-plugin-overview-and-review-24 Google Web Stories WordPress 插件概述和评论

您还可以将帖子类型添加到导航菜单中,将它们与 Divi 博客模块、Divi 主题生成器等一起使用。

Google 网络故事中的广告

获利仅限于 Google 平台和联属网络营销。故事广告由 Google Ad Manager 和 Google DV360(目前处于测试阶段)提供。将来会添加额外的广告服务器支持。它们可以包括赞助故事和附属机构。

google-web-stories-wordpress-plugin-overview-and-review-25 Google Web Stories WordPress 插件概述和评论

谷歌广告是整页的,并出现在网络故事中。它们可以包括指向网页、AMP 页面或应用程序的链接。它们可以包括文本、图像、按钮、视频、动画和任何组合。广告在左上角标记为广告。广告的目标是拥有一个与 Web Stories UX 融合的有凝聚力的设计。

文档显示了如何编码和制作广告的详细信息。有几个模板可以帮助您入门。上面的示例中显示了一些。

结束的想法

网络故事是为您的 WordPress 网站发布内容的一种有趣方式。故事看起来像杂志页面,用作滑块。它们甚至与 WordPress 导航结构以及 Divi 的布局和模块很好地集成在一起。它们适用于移动设备。

Google 的 Web Stories WordPress 插件在外观和感觉上都类似于 Canva 等图形编辑工具。它简单易用。如果您对创建看起来很棒的简单内容并改善您的 SEO 的简单方法感兴趣,我建议您查看 Web Stories WordPress 插件。

我们希望收到你的来信。您是否尝试过 Google Web Stories WordPress 插件?请在下面的评论中告诉我们您的体验。

相关文章