Cómo crear historias web de Google en WordPress (sin código)

¿Desea crear una experiencia mejor y más cautivadora para los visitantes móviles a su sitio web de WordPress? Google Web Stories te ayuda a crear historias únicas, “bocadillos” para tus visitantes móviles. Soy una forma de historia optimizada verticalmente, con deslizamiento, lo cual es excelente para los que están en movimiento; le mostraré algunos ejemplos en la siguiente sección. Con el nuevo complemento de WordPress Google Web Stories, puede comenzar fácilmente a usar historias web en su sitio web de WordPress No se requiere. Podrá construir sus historias utilizando una interfaz simple de arrastrar y soltar y publicarlas en cualquier lugar de su sitio.
En esta publicación, compartiré un poco más sobre cuál es el formato web de historias y cómo puede traer beneficios a su sitio. ¿Cuáles son las historias web de Google? Las historias web de Google son piezas cortas de contenido de “bocadillos” optimizados para dispositivos móviles. Una “historia” consiste en una serie de diapositivas optimizadas verticales a través de las cuales los usuarios móviles pueden pasarlas. En palabras de Google: las historias web inmersan a los lectores en experiencias de carga rápida de pantalla rápida. Cree fácilmente narraciones visuales, con animaciones e interacciones cautivadoras que se pueden tocar.
Cada página en una historia web puede contener solo un máximo de 10 palabras, y el tamaño recomendado para una historia completa es de entre 4 y 30 páginas (o “diapositivas”). Las historias también pueden contener videos verticales, aunque debe mantener videos de más de 15 segundos. Sin embargo, si incluye videos, debe agregar subtítulos, para que las personas puedan ver, incluso si están en un lugar público donde no pueden activar el sonido. Si desea ver algunos ejemplos, puede hacer clic en la lista a continuación. Si está en un dispositivo de escritorio, no se beneficiará de la experiencia completa, pero debería poder hacer una idea de lo que es sobre Google Web Stories: el artículo continúa a continuación

Protección de CNN de la antártica
Desorden de la luna de la BBC
La búsqueda del oro del Amazon Atlantic
En un nivel más técnico, las historias web de Google son prácticamente un nuevo tipo de página móvil acelerada (AMP). De hecho, anteriormente se llamaban AMP Stories antes de cambiar el nombre en historias web. Si no está familiarizado con AMP, puede consultar la introducción de Google AMP y los beneficios (y posibles desventajas) del uso de Google AMP. ¿Cuáles son los beneficios de las historias web de Google? Hay algunas ventajas diferentes de usar historias web de Google en su sitio web de WordPress. En primer lugar, son simplemente geniales y ofrecen una experiencia única a sus visitantes. Ofrecen una forma mucho más cautivadora y única de … contar historias. Recuerdo muchas de las experiencias digitales que creó el New York Times, que siempre parecía muy interesante de usar.
Personalmente, si estoy en un teléfono móvil, preferiría ver una historia web que intentar leer una pequeña pared de texto. En un nivel más práctico, las historias web también pueden prestarle especial atención en los resultados de búsqueda de Google. Por ejemplo, para alguna consulta, Google incluirá una caja de “historias visuales” que incluye solo historias web. También puede clasificar las historias web en busca de Google Images, que abre nuevas posibilidades de conexión con quienes buscan. Finalmente, Google también incluirá historias web en Google Discover. ¿Vale la pena el tiempo esos beneficios para crear historias web? Honestamente, no sé, pero ciertamente creo que vale la pena pasar algún tiempo para experimentar, especialmente para editores y bloggers. Cómo usar las historias web de Google en WordPress como mencioné al principio, Google funciona en un complemento oficial de WordPress para la web Historias que facilitan el inicio y la ejecución con historias web en su sitio web de WordPress. Cuando escribo esta publicación (julio de 2020), el complemento todavía está en versión beta, pero me imagino que pronto llegará a wordpress.org. Entonces, hasta que leas esto, probablemente podrás obtenerlo de WordPress.org.
El artículo continúa a continuación
Sin embargo, por ahora, puede encontrar el complemento web Stories en GitHub. Si bien este complemento está en versión beta, le recomendamos que tenga cuidado de usarlo en los sitios web de producción.

Para comenzar, descargue el complemento de GitHub. Luego puede instalar WordPress cargando el archivo zip, ya que procederá con un complemento premium. Después de haber instalado y activado el complemento, esto es cómo usarlo. 1. Cree una nueva historia después de haber activado el complemento, recibirá una nueva pestaña de historia en el tablero de WordPress. Para crear la primera historia, Access Stories → Agregar nuevo. 2. Agregue su contenido una vez que cree una nueva historia, el complemento lanzará una placa de pantalla completa de tres columnas: la izquierda-esta es una lista de todos los archivos multimedia en su sitio, extraer directamente de la biblioteca de medios de WordPress. También puede usar diferentes pestañas en la parte superior para agregar texto o iconos a su historia.

Medio: esta es una vista previa en vivo de la diapositiva en la que está trabajando.
Derecho: contiene configuraciones para elementos de contenido individual, así como la configuración del documento.
El constructor usa diferentes “capas”, como trabajaría en Photoshop o GIMP. Cada artículo es su propia capa. Por ejemplo, un título de texto es una capa, una forma es otra capa, etc. Para comenzar, querrá establecer la imagen de fondo para su historia, lo que puede hacer haciendo clic en una de las imágenes en su biblioteca de medios y luego cambia de tamaño según sea necesario. Después de configurarlo, haga clic en el botón Establecer como fondo en la barra lateral derecha para convertirlo en fondo:
El artículo continúa a continuación
Luego puede acceder a la pestaña Text desde el menú izquierdo para agregar diferentes tipos de texto.


Después de agregar texto, puede:


Editar el texto haciendo clic y escribiendo

Use las opciones correctas para cambiar los colores, las fuentes, el tamaño, etc. si puede acceder a las formas para agregar otras formas, como una superposición de fondo, para facilitar la lectura del texto. Puede ajustar la opacidad para no ocultar completamente su imagen de fondo. Luego, para asegurarse de que su texto esté frente a la forma, puede usar la lista de capas para hacer el texto anterior (que colocará el texto frente a la superposición, en lugar de detrás de él):
Si decide que desea eliminar una capa, todo lo que tiene que hacer es sacarlo del lienzo y desaparecerá automáticamente. 3. Repita para diapositivas adicionales para continuar construyendo su historia, todo lo que tiene que hacer es repetir el proceso de cuántas diapositivas desea incluir nuevamente en su historia, Google dice que sus historias deberían tener entre 4 y 30 diapositivas. Puede hacer clic en el icono más para crear nuevas diapositivas. Luego podrá navegar entre diapositivas usando las flechas o haciendo clic en una diapositiva en la lista:
También puede duplicar las diapositivas, lo cual es útil si desea usar el mismo formato básico.
4. Publique su historia después de haber terminado de configurar todas las diapositivas, está listo para publicar su historia. Antes de hacer esto, vaya a la pestaña del documento a la derecha y configure algunas configuraciones adicionales. Por ejemplo, puede configurar la información del editor y el enlace permanente para su historia. Una de las configuraciones más importantes aquí es el avance de la página. Puede avanzar la página automáticamente después de un cierto número de segundos (funciona como historias de Facebook e Instagram) o puede dejar que los lectores manejen el uso de las flechas: después de tomar sus elecciones, puede hacer clic en el botón público para hacer viva la historia. Podrá ver su historia en Permalink y funcionará para dispositivos de escritorio y móviles (aunque la experiencia es obviamente más limpia para los visitantes de dispositivos móviles). Aquí hay un ejemplo de cómo se ve en un escritorio:

¡Y eso es! Acabas de publicar la primera historia web. Comience con las historias web de Google WordPress hoy creando historias web de Google, ciertamente requiere tiempo, por lo que no será adecuado para cada sitio. Deberá pensar si los beneficios exceden el tiempo para crear historias. Sin embargo, creo que es un muy buen ambiente interactuar con los visitantes, por lo que podría valer la pena en su sitio web de WordPress. Desde un punto de vista técnico, el complemento hace que sea muy fácil crear historias: solo la inversión de tiempo puede mantenerlo. ¡Intenta decirnos cómo funciona! ¿Todavía tiene alguna pregunta sobre las historias web de Google en WordPress? ¡Pregúntanos en la sección de comentarios!