Gutenberg y Smart Slider 3: Cómo agregar diapositivas a WordPress

Pronto, el editor Gutenberg se convertirá en una parte oficial del núcleo de WordPress. ¿Qué significa esto para las diapositivas en WordPress? Bueno, significa algunas cosas: las diapositivas de Gutenberg serán más fáciles de agregar a páginas y publicaciones y podrá obtener una vista previa de todas las diapositivas en el editor de Gutenberg. En esta publicación, presentaré los elementos básicos sobre Gutenberg, para que pueda ver cómo funciona, luego le mostraré cómo agregar una diapositiva a una publicación utilizando el editor de Gutenberg. Finalmente, echaremos un vistazo a algunos de los diferentes tipos de diapositivas que puede agregar usando Gutenberg, que hacen excelentes adiciones a las publicaciones.
¿Qué es Gutenberg? Gutenberg pronto será el nuevo editor visual de WordPress. El editor visual existente no ha cambiado mucho desde que se lanzó WordPress por primera vez en 2003. Desde entonces, otras plataformas han venido con experiencias de escritura simplificadas que hacen que WordPress se vea viejo. Básicamente, Gutenberg es el intento de WordPress de llegar a los niños fríos.
¡Subir a bordo! ¡Únete a los 142,416 suscriptores nuestros!
Reciba las últimas noticias, tutoriales, guías, consejos y ofertas entregadas en su casilla de correo electrónico.
Sin spam. Sin pago. Solo correos electrónicos limpios.
Esto es lo que se parece el editor clásico y el editor de Gutenberg:

El editor clásico de WordPress y el editor de Gutenberg, cuando haces una página o publica con Gutenberg, usa “bloques de contenido”, que son prácticamente bloques de texto, títulos, imágenes y otros entornos. Con bloques, puede obtener qué más podría requerir códigos HTML cortos o personalizados. Las obras en Gutenberg comenzaron a principios de 2017 y todavía están en progreso. Puede descargarlo como un complemento de wordpress.org y probarlo. Está programado para el lanzamiento con WordPress 5.0, pero no hay fecha establecida. Algunos dicen que podrían lanzarse a fines de este año o incluso a principios del próximo año. Hasta ahora, las críticas se han mezclado: a la gente lo ama o lo odia. De hecho, las revisiones se dividen en el medio, con un promedio de 2.5 estrellas.
Estoy firme en el campamento “Amo”. Instalé a Gutenberg en mi sitio web durante unos meses y fue genial ver cómo la interfaz ha cambiado con cada actualización. Como escritor que ha estado trabajando con WordPress durante muchos años, creo que Gutenberg es un bocado de aire fresco y pospuesto. Quiero decir, ¿por qué WordPress no debería ser tan fácil de usar como medio? Trabajando con Gutenberg y bloques de contenido después de instalar y activar Gutenberg, se convertirá en el editor visual predeterminado para su sitio de WordPress. Notará un nuevo elemento de menú de Gutenberg en la parte inferior de la barra lateral, que incluye una demostración (que exploraremos a continuación).
El menú Gutenberg en la barra lateral también verá enlaces debajo de sus publicaciones que le permiten cambiar entre el uso de Gutenberg y el editor clásico.

Edite su publicación en el editor clásico Si aún no lo ha usado, eche un vistazo a cómo funciona usando la publicación demostrativa: en el lado derecho, verá que la barra lateral se ha copiado del editor clásico. No ha cambiado demasiado y aún incluye todas las opciones habituales, como actualizar la visibilidad y la hora y la fecha de publicación. A continuación, verá meta cajas para categorías, etiquetas e imagen presentadas, así como fragmentos y discusiones. La botella “pública” se ha movido hacia la derecha y puede continuar con una vista previa de las publicaciones. Al hacer clic en la rueda de clic, oculta la barra lateral para que tenga aún más espacio de escritura.

Editor de Gutenberg Si se pregunta cómo cambiar al editor de códigos, haga clic en los tres puntos a la parte superior derecha y verá la opción allí. Con todas estas cosas familiares en el camino, profundicemos en trabajar con los bloques de contenido. El uso de los bloques de contenido a la izquierda tiene un gran espacio de escritura. Es particularmente conveniente para los usuarios de computadoras portátiles (¡como yo!) Que luchan por usar la interfaz voluminosa del editor clásico.
Para acceder al bloque de contenido, haga clic en el icono “+” superior izquierdo. Verá los bloques “más usados” que se muestran primero, pero cuando se ejecuta puede acceder a otros bloques para formatear, apariencia, widgets y mucha incorporación diferente para cualquier cosa, desde YouTube y Twitter hasta Spotify y SoundCloud.

Bloquea en el editor de Gutenberg para echar un vistazo a cómo funcionan estos bloques. La demostración ya tiene un título y cuando pasa el mouse sobre él, puede hacer clic en cualquier lugar en el bloque para editar el texto. Al hacer clic en el bloque, la opción de editar la publicación de la publicación. Enfatiza la publicación bajo el título es una portada de la portada, que es un nuevo concepto para WordPress. Este tipo de bloque le permite mostrar texto a través de una imagen o simplemente un texto sin texto. Al hacer clic en este bloque, muestra opciones en la parte superior para editar la imagen, incluido su reemplazo y alineación. Además, las opciones parecen editar el texto para que sea audaz, italiano o para agregar un enlace. Curiosamente, hay una cuarta opción para agregar una presa.

Editar el texto en Gutenberg Agregar y editar el texto es súper intuitivo. Gutenberg trata cada párrafo de texto como un bloque separado, por lo que al escribir algo y presionar “Enter”, se creará automáticamente un nuevo bloque de párrafo para que pueda continuar escribiendo.

Al hacer clic en un párrafo de texto, tiene opciones para alinear y formatear el texto, así como agregar enlaces y barras.

Agregando un enlace a su texto en Gutenberg en general, Gutenberg es muy fácil de usar y no lleva tiempo descubrir cómo usarlo. Sugeriría instalarlo en un sitio de capacitación antes de agregarlo a su sitio en vivo, solo para comprender cómo funciona antes de comenzar a jugar con la publicación en su sitio en vivo. Agregar toboganes de Gutenberg a WordPress El equipo Smart Slider 3 ha estado trabajando duro desde que se anunció que Gutenberg se asegurara de que las diapositivas sean compatibles. ¡Y me complace decirle que Smart Slider 3 es compatible con Gutenberg! Cuando actualice SS3, verá un nuevo bloque de contenido de control deslizante la próxima vez que use Gutenberg. Aquí le mostramos cómo agregar diapositivas de Gutenberg a WordPress utilizando el nuevo Contenido Smart Slider 3: 1. Primer instalación (o actualización) Smart Slider 3, para que ejecute la última versión. 2. Haga clic en el control deslizante inteligente en la barra lateral, cree un nuevo proyecto y elija el inicio con una opción de plantilla.

Importe una plantilla en el control deslizante Smart 3. Elija la plantilla que desea usar. Elegiré una diapositiva de imagen simple.
Plantillas de control deslizante inteligente

4. Será redirigido a la pantalla de edición para su diapositiva importada. Continúe y realice cualquier cambio en la diapositiva. 5. Cuando esté listo para agregar el control deslizante a su publicación, ábralo a Gutenberg y haga clic en el ícono del bloque de contenido. Verá que Smart Slider 3 se ha agregado a la lista de bloques “más utilizada”.
Smart Slider 3 Bloque en Gutenberg 6. Al hacer clic, se agregará un nuevo bloque deslizante a su publicación. Si no tiene un bloque en su publicación seleccionada, por defecto, el control deslizante se insertará en la parte inferior de la publicación. Si tiene un bloque seleccionado, se insertará debajo de su bloque resaltado. Seleccione el control deslizante en Gutenberg 7. Haga clic en Seleccione el control deslizante y el control deslizante inteligente 3. Elija su control deslizante se mostrará y aparecerá en su publicación.

Gutenberg Post 8. Todavía hay una manera simple de agregar diapositivas a su publicación: cuando agrega un nuevo bloque de contenido de párrafo, verá tres pequeños iconos en la parte inferior izquierda del bloque, incluido el icono Smart Slider 3. cuando haga clic en él, Luego puedes entrar en una diapositiva. Y eso es todo lo que tienes que hacer para agregar una diapositiva a una publicación usando Gutenberg. ¡Incluso más fácil que copiar+pegar un código corto, si me preguntas!