El mejor tutorial WordPress Gutenberg 2021 [Guía para principiantes]

tr> listColumns Imagen de cubierta citado html personalizado columnas de texto td> title Image Gallery verso incorpora separador Subcap audio Leer más Mass video botón incorpora clásico bloque códigos cortos columnas de texto

<

Cómo agregar y personalizar los bloques de Gutenberg si es un principiante o usa el editor de Gutenberg por primera vez. Puede ser difícil para usted usar el nuevo editor. Sin embargo, después de leer la explicación, será más fácil para usted. Así que comencemos a agregar bloques. Puede agregar cualquier bloque haciendo clic en el icono del bloque. Por ejemplo, agrego el bloque de párrafo. Haga clic en el bloque de párrafo y se agregará a la publicación o página que edite. Puede agregar cualquier otro bloque utilizando el mismo método.
Ahora, puede escribir el párrafo en este bloque. Si desea agregar otro párrafo, presione ENTER y escriba el segundo o tercer párrafo. Tutorial de WordPress Gutenberg Para configuraciones de bloque ahora, puede personalizar la configuración de bloqueo. Para cambiar la configuración de cualquier bloque, debe seleccionar los bloques. Las siguientes opciones de personalización están disponibles para el bloque de párrafo. Cambie el bloque para cambiar el tipo de bloque, debe seleccionar el bloque y hacer clic en “Cambiar el tipo o estilo del bloque” Puede cambiar un tipo de bloque con ciertos bloques. Entonces, a medida que personalizamos el bloque de párrafo, solo se puede convertir en ciertos bloques seleccionados. Por ejemplo, un bloque de imagen no se puede convertir en un bloque de párrafo. Ahora, echemos un vistazo a los bloques disponibles para convertir de los bloques de párrafos.
Columnas

Preformado
Cotizar
grupo
Título
Lista
Cotizar
Verso
Alineación Puede cambiar la alineación del párrafo a la izquierda, a la derecha o en el centro de una página o publicación. Usé especialmente la alineación de la izquierda. Sin embargo, es posible que desee cambiarlo al centro para atraer la atención de los lectores.
Bold / italiano Puede hacer todo el párrafo o algunas palabras del párrafo en negrita o cursiva. Para esto, debe seleccionar el bloque (para el párrafo completo) o cualquier palabra específica y hacer clic en “B” para obtener en negrita, “i” para cursivos.
TIES Puede agregar enlaces internos o externos utilizando esta opción. Para hacer esto, marque el texto que desea conectar y haga clic en el icono del enlace. Luego escriba o pegue la URL del enlace. También puede hacer que el enlace no sea seguido y abrirlo en una nueva pestaña.

Cabeza de caída con esta característica, puede aumentar el tamaño de la primera letra y en negrita de un párrafo. Para hacer esto, debe activar la opción de tapa de caída en la sección Configuración.

El tamaño de la fuente puede cambiar el tamaño predeterminado de la fuente del párrafo. Puede ver la configuración del tamaño de la fuente en el lado derecho de la página. Aumente o disminuya el tamaño usando la diapositiva o ingrese un número para el tamaño de la fuente. También puede acceder a la configuración predeterminada haciendo clic en el botón RESET.


Color de fuente Hay opciones de color de fuente disponibles en la sección Configuración. Puede cambiar el color de cualquier texto o el texto completo del párrafo. Para esto, marque el texto o bloqueo específico y elija el color deseado.

El color de fondo también puede cambiar el color de fondo del bloque. Para hacer esto, seleccione y bloquee y elija un color de la opción Color de fondo desde la configuración.

Clase CSS adicional Esta opción es para usuarios avanzados. Puede agregar cualquier clase CSS personalizada para agregar personalización si es necesario.

De la misma manera, personalizará las opciones con todos los bloques. Simplemente agregue cualquier bloque a la publicación o la página y puede comenzar a personalizar. También puede usar bloques de editor clásicos y escribir publicaciones como en los viejos tiempos. Pero recomiendo el uso de nuevos bloques de Gutenberg.

El editor clásico de WordPress vs Gutenberg, si está confundido sobre qué editor desea usar, entonces debe leer esta sección de comparación de los dos editores. El editor clásico fue el editor de WordPress predeterminado hasta el 8 de diciembre de 2020. Me gustó cuando comencé a usar WordPress por primera vez. Porque el editor era lo mismo que MS Word. Como anteriormente tuve la experiencia de escribir documentos de Word usando el editor de WordPress, se volvió mucho más fácil. Podría escribir cualquier tipo de publicación de blog sin tener dificultades. Pero cuando empiezo a agregar algunas cosas personalizadas, es difícil para mí. Hubo algunas limitaciones del editor clásico. No pude agregar tablas personalizadas o incluso colores de fondo personalizados para publicar o página. También traté de flotar la imagen a la izquierda o escribir mientras escribía un párrafo para atraer a los usuarios. Para estos, tuve que aprender el HTML básico.

Estoy seguro de que la mayoría de ustedes han enfrentado las mismas dificultades. Porque la mayoría de los usuarios de WordPress no son expertos y no quieren escribir ningún código. Sí, puede usar complementos para personalizar cualquier cosa en WordPress. Pero la mayoría de las funciones útiles disponibles para la versión pagada. No solo, el uso de varios WordPress puede hacer que nuestro sitio se cargue más lento. Sin embargo, todavía no fui al editor de Gutenberg. Porque pensé que sería difícil de aprender. Después de unos meses, vi algunos videos de YouTube y leí algunas publicaciones de blog sobre Gutenberg. Luego me di cuenta de que debería ir al nuevo editor de WordPress como todos los demás. El editor de Gutenberg fue difícil para mí escribir el primer blog sobre Gutenberg. Pero fue una experiencia increíble. Ahora ya no tengo que usar HTML para que el blog sea atractivo y fácil de leer. Hay más de 20 bloques disponibles que podemos agregar a publicaciones o páginas. Cada uno de estos bloques tiene varias opciones de personalización. Agregue tablas, imágenes, citas personalizadas, incorpore videos o incluso cree una galería de imágenes. Me gustó la opción de cambiar el color de fondo. Por lo tanto, cada bloque puede tener diferentes colores y un aspecto de identificación personalizado. Podemos flotar imágenes izquierda o derecha mientras escribimos sobre cualquier cosa específica para atraer la atención de los lectores. Los bloques de Gutenberg también nos permiten crear páginas de destino personalizadas sin usar ningún complemento o código de escritura. Así que creo que el editor de Gutenberg es mucho mejor que el editor clásico.
Todos deberían comenzar a usarlo. También podemos editar las publicaciones o páginas de blogs antiguas utilizando el editor de Gutenberg. Tutorial WordPress Gutenberg: Agregue más bloques a WordPress Gutenberg es la solución todo en uno para una sola publicación o página. Pero, ¿qué pasa con las páginas en casa y el archivo? Es posible que desee crear y personalizar la página inicial con la apariencia de la revista y las páginas de archivo con la apariencia de la cuadrícula. Puede hacerlo utilizando un complemento de bloques Gutenberg. Postx Gutenberg Post Blocks es el mejor complemento para crear páginas de inicio y archivo. Proporciona todos los bloques esenciales para crear páginas iniciales personalizadas. Puede usar la función Builder para crear una plantilla de página de archivo. PostX tiene 18 bloques y 4 suplementos esenciales. Echemos un vistazo a las características clave de estos complementos. Aspectos prefabricados Usando esta función, puede importar cualquier bloques preparados para crear la página completa con un solo clic. También puede personalizar todos los bloques y establecer la página personalizada como una página de inicio. Builder Archive puede usar el suplemento para el generador de archivos para crear una plantilla personalizada para todas las páginas de archivo, como categorías, autor, etiquetas y todas las demás páginas de taxonomía. Entonces, todas las páginas de archivo de su sitio serán las mismas que la plantilla. También puede crear plantillas para una página en particular. Generador avanzado por consulta La atracción principal del generador de consulta es la consulta rápida. Le permite ordenar las publicaciones después de una publicación similar, una publicación pegajosa, publicación popular, publicación aleatoria y última publicación.
También puede ordenar publicaciones por más o ciertas categorías y etiquetas. El filtro AJAX postx post -potencia le permite filtrar publicaciones después de una o más categorías y etiquetas. Por lo tanto, el usuario puede obtener publicaciones de varias categorías y etiquetas sin recargar la página. Compatibilidad elemental Puede usar los bloques PostX con el generador elemental usando el código corto. Paging Hay 3 tipos de paginación disponibles para usuarios postx. Que son más carga, navegación y animación numérica. Por lo tanto, puede realizar cualquier tema de WordPress y personalizarlo de acuerdo con sus necesidades de control deslizante dinámico y avanzado, puede agregar la diapositiva de publicación de Gutenberg a cualquier página de WordPress, y la publicación se mostrará dinámicamente en el control deslizante. También puede personalizarlo utilizando la sección Configuración. Preguntas frecuentes: ¿Las preguntas frecuentes de Gutenberg son mejores que la primaria?
Sí, Gutenberg es mejor que la primaria. Porque es una codificación mínima y amigable con SEO. Elementor tiene una alta relación de codificación. No es bueno desde la perspectiva de SEO. Queremos tráfico orgánico de Google, por lo que Gutenberg siempre es una mejor opción que la primaria.
¿Gutenberg reemplazará a los constructores de páginas?
Gutenberg ya ha comenzado a reemplazar el generador de página. La mayoría de los bloggers y creadores del sitio web de WordPress usan el editor de Gutenberg en lugar de las páginas. La razón principal es que el generador de páginas tiene una alta relación de codificación. Lo que lleva a ralentizar los sitios web. Gutenberg es amigable con SEO y tiene un informe de codificación mínimo.
¿Debo usar el editor de WordPress de Gutenberg?
Sí, debe usar el editor de WordPress Gutenberg.Porque permite presentar el contenido de una publicación o página de manera atractiva.Los bloques son fáciles de usar y personalizables, por lo que no tiene que ser un desarrollador experto. ¿Gutenberg es bueno para SEO?
Sí, el editor Gutenberg WordPress es amigable con SEO.Use los códigos más recientes y simples para que la página no se cargue lentamente para los usuarios.El rendimiento de SEO también mejora con cada actualización.
¿Gutenberg es libre para WordPress?
Sí, Gutenberg también es el editor predeterminado de WordPress.Anteriormente, debemos instalar el complemento Gutenberg para usarlo con temas preparados para Gutenberg.Pero con la actualización de WordPress 5.0 +, ahora podemos usar este editor sin complemento.
Conclusión Espero que les guste esta publicación en el blog.Si tiene alguna pregunta sobre el tutorial de WordPress Gutenberg, deje un comentario a continuación.