Обзор и обзор плагина Google Web Stories WordPress

Веб-истории - это полноэкранные страницы, поддерживаемые AMP. Они позволяют создавать интерактивные визуальные повествования, которые отлично подходят для визуальной информации. Истории захватывающие, ими можно делиться и отслеживать. Теперь их можно добавить на ваш сайт WordPress с помощью плагина от Google. В этом обзоре и обзоре плагина мы взглянем на плагин Google Web Stories WordPress и посмотрим, на что он способен.

Что такое веб-истории?

Веб-истории, официально известные как AMP-истории, представляют собой страницы размером с экран мобильного телефона с макетами в журнальном стиле. Контент включает крупный текст со ссылками на более длинный контент, 15-секундные видеоролики в портретном режиме с подписями и изображения с подписями. Web Stories - это бесплатная система с открытым исходным кодом.

Они предназначены для использования с мобильными устройствами. Обычно они содержат от 4 до 30 страниц по 10 слов на странице. Это идеально подходит для создания контента небольшими порциями. Это отличный способ предоставить интерактивный контент, которым легко пользоваться одной рукой во время обеда, сидя в метро и т. Д.

Зачем использовать веб-истории с WordPress?

Содержание и дизайн веб-историй хорошо подходят для содержания блога на сайтах WordPress. Плагин интегрирует их в ваш сайт WordPress и помогает привлечь трафик через формат Web Story.

Они даже помогают улучшить ваше SEO и занять высокие позиции в поиске Google, изображениях Google, Google Discover и приложении Google, что делает веб-истории отличным способом улучшить трафик WordPress.

Установка подключаемого модуля Google Web Stories

Загрузите бесплатный плагин для бета-тестирования. Это общедоступный бета-плагин, поэтому в нем есть большинство основных функций. Полная версия выйдет позже этим летом. Он будет иметь лучшую стабилизацию, производительность и исправления ошибок, а также включать поддержку анимации и вложений страниц.

Поскольку это бета-версия, вам нужно будет загрузить файл и установить его вручную, выполнив следующие действия:

1. Перейдите на страницу Stories Github и загрузите бета-плагин
2. На панели инструментов WordPress перейдите в Плагины > Добавить новый.
3. Нажмите Загрузить плагин.
4. Выберите заархивированный файл на вашем компьютере
5. Нажмите Установить сейчас
6. Когда вы увидите «Плагин успешно установлен», нажмите « Активировать плагин».

Меню веб-историй

На панель управления добавлен новый пункт меню под названием Истории. Здесь вы можете увидеть все свои истории, добавить новую историю и изучить шаблоны. Ваши истории появятся здесь, где вы сможете открывать их в редакторе, переименовывать, дублировать или удалять их.

Это тип сообщения "Истории", который может отображаться как сообщения "Истории", и ссылка на эти сообщения может быть добавлена ​​на обычные страницы и сообщения.

Создать историю

Щелчок по Create New Story открывает редактор, в котором вы можете получить доступ к визуальным инструментам. Невозможно изменить их размер или свернуть. Если это напоминает вам Canva, вы не одиноки. Это работает примерно так же и так же интуитивно понятно.

Слева находится контент, который вы можете добавить создателю страницы. Он включает изображения, текст и фигуры. Изображения также включают видео. Посередине - создатель страницы. Он включает инструменты для редактирования и публикации истории. Справа находятся инструменты дизайна и документирования. Каждый элемент, который вы добавляете на страницу, представляет собой отдельный слой.

Содержание

Изображения и другой контент взяты из вашей медиа-папки. При наведении курсора на одну появляются три точки. Щелчок по точкам открывает опции для редактирования или удаления изображения. Вы также можете сортировать, искать и загружать изображения или видео. Щелчок по содержимому добавляет его на страницу истории.

Вы можете дважды щелкнуть, чтобы добавить контент, или перетащите контент на страницу истории. В этом примере я перетаскиваю изображение на страницу.

Текст

Текстовая вкладка включает в себя предустановленные кнопки для добавления заголовков, подзаголовков и основного текста. Щелкните один или щелкните Добавить новый текст, чтобы добавить на страницу предварительно заданный текст.

Щелкните текст, чтобы открыть инструмент изменения размера. Перетащите, чтобы изменить размер, или захватите середину и переместите текст в новое место. Это также открывает свои инструменты справа, где вы можете изменить выравнивание, цвета, размер, положение, слой, стиль и т. Д.

Вы также можете выбрать несколько элементов одновременно, чтобы изменить размер или переместить содержимое.

Формы

Вкладка фигур включает квадрат, круг, треугольник, сердце, звезду, пятиугольник, шестиугольник и каплю. Перетащите их на страницу, измените их цвет, прозрачность, размер и т. Д.

Страница

Область холста включает заголовок, параметры публикации, корзину, копирование, добавление новой страницы, отмену, повтор, предварительный просмотр и вид сетки для одновременного просмотра нескольких страниц. Щелчок по содержимому дает вам инструменты перетаскивания для изменения размера и перемещения содержимого. Он также открывает параметры для инструментов дизайна справа.

Перетащите содержимое, чтобы увидеть параметры выравнивания.

Дважды щелкните содержимое, чтобы увидеть все изображение и открыть инструменты для настройки масштабирования и выравнивания. Вы можете изменять размер содержимого и перемещать его, чтобы получить именно то изображение, которое вам нужно.

Дизайн

В настройках дизайна отображаются элементы управления для элемента, на котором вы щелкнули. Я выбрал фон страницы, а затем щелкнул по цвету. Откроется палитра цветов, в которой вы можете установить цвет фона.

Для изображений это включает выравнивание, размер и положение, непрозрачность, ссылки, доступность и слои.

В случае текста это включает семейство шрифтов, стиль, выравнивание, цвет, цвет фона, отступы и ссылку.

Для фигур это включает выравнивание, размер, положение и цвет.

Вкладка Документ включает стандартные параметры публикации WordPress и добавляет еще несколько. Сохранить как черновик или опубликовать как общедоступный или личный. Настройте дату, логотип издателя и изображение обложки. Настройте постоянную ссылку и продвижение страницы. Выберите между автоматическим и ручным режимом и установите время автоматического продвижения.

Шаблоны

На вкладке «Изучение шаблонов» отображаются шаблоны, которые вы можете использовать в своих историях. В настоящее время существует 8 шаблонов, которые помогут вам начать работу. Шаблоны включают несколько страниц, поэтому есть множество вариантов дизайна, которые могут вам помочь.

При нажатии на одну из них открывается шаблон, где вы можете увидеть все страницы, входящие в шаблон.

Все страницы можно выбирать и настраивать. Выберите любой элемент, чтобы изменить его.

Публикация истории

Когда вы нажимаете, чтобы опубликовать историю, вы увидите варианты для просмотра истории или добавления ее в новое сообщение.

Просмотр истории

При просмотре истории открывается страница в интерфейсе пользователя. Каждая страница видна, но полностью читаема только одна в центре. На странице отображаются ползунки со стрелками по бокам, панель навигации под страницей, кнопка воспроизведения или паузы в верхнем правом углу и кнопка совместного использования, чтобы посетители могли легко поделиться вашей веб-историей. Нажатие на кнопку позволяет посетителям скопировать URL-адрес.

Добавить в новое сообщение

При выборе «Добавить в новое сообщение» автоматически создается стандартное сообщение в блоге с кодом для истории, уже размещенным в сообщении. Это стандартная запись блога, поэтому она отображается в ленте блога. Это ссылка, которая открывает страницу истории. Добавьте любой другой контент в сообщение, которое хотите. Этот код можно разместить в любом сообщении или странице, поэтому вы можете использовать его с сообщениями в блогах, макетами Divi и т. Д. Я использую классический редактор, но он работает аналогично в Gutenberg.

В случае с Гутенбергом он просит преобразовать код в HTML. История работает в этом режиме, поэтому вы можете видеть, как страницы переворачиваются, когда вы пишете сообщение.

Другие способы использования типа публикации "Истории"

Вы также можете добавить тип сообщения в свое меню навигации, использовать их с модулем блога Divi, конструктором тем Divi и т. Д.

Реклама в Google Web Stories

Монетизация ограничена платформой Google и партнерскими продажами. Сюжетные объявления предоставляются Google Ad Manager и Google DV360 (который в настоящее время находится в стадии бета-тестирования). Дополнительная поддержка сервера объявлений будет добавлена ​​в будущем. Они могут включать спонсируемые истории и аффилированные лица.

Объявления Google полностраничны и появляются в веб-историях. Они могут включать ссылки на веб-страницы, страницы AMP или приложение. Они могут включать текст, изображения, кнопки, видео, анимацию и любую комбинацию. Объявления помечаются как реклама в верхнем левом углу. Цель рекламы - иметь единый дизайн, который гармонирует с UX веб-историй.

В документации подробно описано, как кодировать и создавать объявления. Для начала есть несколько шаблонов. Некоторые из них показаны в приведенном выше примере.

Конечные мысли

Веб-истории - это интересный способ публикации контента для вашего сайта WordPress. Истории выглядят как страницы журнала и работают как слайдер. Они даже хорошо интегрируются со структурой навигации WordPress, а также с макетами и модулями Divi. Они хорошо работают с мобильными устройствами.

Плагин Google Web Stories WordPress выглядит и работает как инструменты редактирования графики, такие как Canva. Это просто и удобно. Если вас интересует простой способ создания простого контента, который отлично выглядит и улучшает ваше SEO, я рекомендую взглянуть на плагин WordPress Web Stories.

Ждем вашего ответа. Вы пробовали плагин Google Web Stories WordPress? Сообщите нам о своем опыте в комментариях ниже.

Лучшее изображение через Jemastock / shutterstock.com