WordPress Gutenberg Blocks explicó

Los bloques de WordPress Gutenberg son una forma totalmente nueva de editar publicaciones y páginas en WordPress. Comenzando con WordPress 5.0, cada usuario de WordPress necesitará aprender a usar los bloques de WordPress Gutenberg. En este tutorial, explicamos cómo funcionan los nuevos bloques con el nuevo editor de WordPress de Gutenberg. Antes de continuar, debe consultar nuestra guía de WordPress Gutenberg Ultimate. Esta publicación y libro electrónico cubre información que esta guía asumirá que ya lo sabe. El complemento del editor clásico será aceptado oficialmente solo hasta el 31 de diciembre de 2021, por lo que no puede retrasar lo inevitable tanto tiempo.
Personalmente, me gusta usar el nuevo editor y creo que estará encantado de aprender a usar el concepto de bloque de WordPress Gutenberg para crear páginas y publicaciones en sus sitios ¿Cuáles son los bloques de WordPress Gutenberg?

Los bloques de Gutenberg le permiten insertar un cierto tipo de contenido en su publicación y luego editarlos independientemente de los otros bloques. Usando solo un clic y movimiento del mouse, puede reorganizar completamente la estructura de una publicación o página. ¿Otro bono? Los bloques le permiten crear publicaciones ricas sin tener que conocer ningún código. Los 10 bloques comunes de WordPress Gutenberg 1. Listas Agregue una lista en su página o publicar utilizando el bloque de lista.
Opciones de bloqueo

Convertir a una lista desordenada.
Convertir en una lista ordenada.
Artículo de la lista de outreños.
El elemento de la lista de sangría.
En una lista numerada, puede sangrar y convertir un elemento de lista para crear una lista mixta.

2. El párrafo usa el bloque de párrafo para agregar un nuevo párrafo. Opciones de bloqueo

Se alinea a la izquierda
Alineación con el centro
Alinear la derecha a la derecha
itálico
Enlace
Frasco
Configuración de texto
Color de fondo
El color del texto
El editor Gutenberg le permite cambiar fácil y rápidamente el texto básico. Puede cambiar el tamaño de la fuente, pero utilizando las preconfiguraciones pequeñas, normales, medianas, grandes y enormes.
También puede configurar el tamaño de la fuente con píxeles.

La configuración de color le permite resaltar el texto importante sin dejar el editor o agregar su propio CSS.

3. Título Use el bloque de título para agregar un título a su publicación.

Seleccione el tamaño del encabezado

Formato de texto
El tamaño del título
Alinear el texto
4. Archivo Usando un bloque de archivo, puede crear un enlace para ver el archivo o puede crear un botón para descargar el archivo.
Transformar el tipo de bloque

Se alinea a la izquierda
Alineación con el centro
Alinearse a la derecha
Anchura amplia
Ancho máximo
Editar el archivo
Configuración del enlace de texto
Descargue la configuración del botón
5. citado El bloque citado le permite agregar fácilmente una cita y convocar a su página o publicación.

Alineación citada

Formato de texto
Estilos de cita
La configuración del bloque citado le permite elegir el estilo y alinear el bloque a su gusto 6. Galería Cree una galería de un grupo de imágenes.
Alineación de la galería

Editar la galería
Establecer el número de columnas
Cortar las imágenes de corte
El bloque de la galería le permite deslizar y arreglar imágenes en su página o publicación, y el editor de Gutenberg creará automáticamente una galería para usted. La opción Editar galería permite la adición de nuevos subtítulos o imágenes y reorganizar el orden de las imágenes.
El interruptor de corte de imágenes intentará cortar las imágenes para hacer que las miniaturas del mismo tamaño, que pueden tener un resultado menos del deseado. Cuando use el bloque de la galería, querrá agregar imágenes que tengan un tamaño similar. Imagen Agregue una imagen a su publicación.

Alinear la imagen

Editar la imagen

Texto alternativo
Seleccionar tamaño de imagen
Elija el tamaño de imagen personalizado
Configuración de enlace
Ahora puede agregar una imagen sin ingresar a la biblioteca medial, tirar y colocar la imagen directamente en su publicación.
Puede hacer clic en la opción de edición de imágenes si necesita cambiar la imagen mostrada. También puede establecer el texto alternativo para la imagen sin dejar al editor.
Al agregar una imagen, puede elegir una de las tres dimensiones formateadas automáticamente, en miniatura, mediana o completa.

También puede usar la configuración del tamaño de la imagen para establecer un ancho y altura personalizados para la imagen. 8. Imagen de portada La imagen de portada le permite establecer la imagen que se utilizará para su publicación de blog.
Alinear la imagen

Alinear el texto

Cambie la imagen utilizada para el bloque de portada
Cambiar el fondo fijo y deshabilitado
Color superpuesto
Opacidad de fondo
Dependiendo del tema que use, se mostrará una imagen de portada con su publicación, lo que la hace más atractiva para los lectores potenciales.
Puede usar la configuración superpuesta para seleccionar el color de superposición y elegir la opacidad de la superposición. 9. Audio Ingrese un clip de audio en su publicación.
Alinear el bloque de audio

Editar el bloque de audio

Habilitar y deshabilitar la representación automática y el bucle
Opciones de precarga
La opción de precarga le permite controlar lo que está precargado para las personas que visitan el sitio. Video Agregue un video a su publicación.
Alinear el video
Cambiar el video

Activar y deshabilitar órdenes automáticas, de bucle, movimiento y reproducción

Elija opciones de precarga
Agregue una imagen de póster para el video
Los 7 bloques de formato de WordPress Gutenberg 1 1. ¿HTML personalizado no encuentra exactamente lo que necesita en un bloque de WordPress Gutenberg? Use el bloque HTML personalizado para agregar el código HTML al sitio.
Ver bloque HTML
Vista previa del código HTML
2. Tire de la cita Agregue una oferta de extracción para llamar la atención sobre un extracto de la publicación.

Alinear la oferta de extracción
Formatear el texto

Elija el estilo de citas de extracción

Seleccione Color de dibujo Pull
Seleccionar color de texto
3. Editor clásico Use el clásico editor Wysiwyg.
4. Tabla Agregue una tabla a su página o publicación.
Alinear la mesa

Cambiar la tabla

Formatear el texto

Elija estilo de masa
Activar y deshabilitar las células con ancho fijo
Elija el número de filas y columnas y cree tabla
Mesa creada
Al agregar un bloque de tabla, deberá elegir el número deseado de columnas y filas antes de crear la tabla.
Todavía podrá agregar y eliminar columnas y filas después de que se cree la tabla. 5. Stih Agregue un verso de un poema o canción a su sitio.
Alinear el bloque de la letra
Formatear el texto


6. Código Agregue un bloque de código a una publicación o página.

Así es como se verá el fragmento de código de sus visitantes
7. Preformado Agregar texto preformado en su sitio.

Aquí está el bloque preformado desde el frente de su sitio.

Los 7 bloques del diseño de los elementos de WordPress Gutenberg 1. Distancia Agregue espacio en blanco entre bloques. Visile el bloque de distancia hacia arriba y hacia abajo para obtener la cantidad deseada de espacio en blanco entre bloques.

Más espacio

2. Columna Organice el contenido utilizando el bloque de columna.

Alinear el bloque de columna

Formatear el texto

Ajuste el tamaño de la fuente y active la cubierta de fijación

Ajuste el texto y el color de fondo

3. Más creación de un teaser en la página principal o blog para una publicación.
Elija si desea que el texto de burla aparezca en la publicación real.
Esto es lo que verá en la página del blog
Y esto es lo que verá en la página de publicación cuando se activa la opción.
4. Agregue un botón de llamada a la acción con un botón.

El botón Alinear
Formatear el texto

Seleccione el estilo del botón

Elija texto y color de fondo

Puede agregar una URL al botón para crear un enlace. 5. Texto multimedia
Cambiar entre ancho ancho y ancho total
Muestra los medios a la derecha o izquierda del texto
Cambiar la imagen o el video
Cambiar el apilamiento para dispositivos móviles y agregar texto alternativo a la imagen

Cambiar el color de fondo
Use el control deslizante para cambiar la cantidad de bienes raíces que usa los medios o texto. Seleccione el cuadro de texto para ajustar el tamaño y el color de la fuente.
6. Rompe la página Separe una publicación de publicación.
7. Separador Cree un descanso entre ideas o secciones con un separador horizontal.
Los 5 bloques de widget de WordPress Gutenberg 1. Los últimos mensajes pueden agregar un widget con enlaces a publicaciones recientes utilizando los últimos mensajes de bloque.
Alinear el widget

Mostrar publicaciones usando listas o cuadrículas

Elija cómo pedir mensajes

Seleccione la categoría de publicación para mostrar publicaciones para mostrar publicaciones

Habilitar y deshabilitar la fecha de publicación
2. Shortcode Agregue el código corto de un complemento existente utilizando el bloque de código corto.
3. Archivos. Agregue un widget con un enlace a los archivos de su sitio.
Alinear el widget
Cambie el menú de caída y el número de publicaciones activadas y deshabilitadas
4. Categorías Agregue un widget que conecta las categorías de publicaciones.
Alinear el widget

Mostrar configuración

5. Los comentarios muestran un widget con los últimos comentarios comentarios.
Alinear el widget
Mostrar configuración

34 bloques incorporados Los bloques de WordPress Gutenberg WordPress Gutenberg también facilita la incorporación de enlaces de una pila de diferentes fuentes. Actualmente, hay 34 incorporaciones oficialmente aceptadas, no cubriremos cada incorporación individual, ya que generalmente se comportarán de la misma manera. Sin embargo, enumeraremos los bloques de incorporación que están actualmente disponibles.
WordPress
Incorporación

Youtube
Spotify
Screencast
Gorjeo
Facebook
Instagram
Soundcloud
Flickr
Vimeo
Animoto
Nube
Colegio
Dailymotion
Divertido o morir
Hulu
Imgur
isleu
Pedal de arranque
Meetup.com
Mixcloud
Fotobucket
Polldaddy
Reddit
Reverbación
Escriba
Slideshare
Petirroja
Mazo de altavoces
Ted
Tumblr
Videopresión
WordPress.tv
Bonificación: los accesos directos del editor de 7 Gutenberg siempre les gusta agregar accesos directos desde el teclado a mi flujo de trabajo, pueden reducir el tiempo necesario para terminar una publicación.

WordPress Bloques Gutenberg envuelve WordPress 5.0 tiene una gran selección de bloques disponibles para ser utilizados en el nuevo editor, pero espera ver nuevos tipos de bloques en el futuro. WordPress ha creado BLOCK API para permitir que los desarrolladores de terceros creen sus propios bloques. Estoy encantado de ver lo que la comunidad de WordPress puede crear! Descargue el libro electrónico gratuito: la guía final para WordPress 5.0 y el editor de Gutenberg En esta guía, cubrimos todo lo que necesita saber sobre Gutenberg.
Contenido:
Introducción a WordPress 5.0
Antes de actualizar a WordPress 5.0
¿Qué es Gutenberg?
¿Por qué la revisión del editor de WordPress? ¿Qué le sucede al editor clásico?
Presentamos bloques

¿Qué bloques están incluidos?
Conociendo el menú del editor Gutenberg
Configuración de documentos
Menú de opciones bloquean gutenberg
Más opciones de Gutenberg
Comandos rápidos del teclado de Gutenberg
Más recursos de WordPress
Descarga tu PDF
Michael Moore
Cada semana, Michael realiza un informe de vulnerabilidad de WordPress para mantener sus sitios seguros.Como gerente de producto en IThems, nos ayuda a continuar mejorando la gama IThems.Es un marco enorme y le encanta aprender sobre todas las cosas técnicas, viejas y nuevas.Puedes encontrar a Michael sentado con su esposa e hija, leyendo o escuchando música cuando no trabaja.