Bloques de WordPress: una guía en profundidad

Los bloques de WordPress son el componente principal del sistema de edición de Gutenberg con arrastrar y soltar para sitios web. La forma más fácil de aprender a usar los bloques es a través de la práctica, pero comprender cuáles son los bloques y lo que pueden hacer porque puede hacer que la página sea más eficiente e incluso divertida. Ya sea que sea nuevo en la creación de sitios de WordPress o si desea desarrollar algunas habilidades avanzadas, esta guía le enseñará más sobre cuáles son los bloques, lo que los bloques ordinarios usan las personas, cómo usarlas y otra información que pueda mejorar su sitio.
Obtenga más información: Diseño del sitio de WordPress: cómo crear un sitio web de WordPress desde cero
Contenido
¿Qué son los bloques de WordPress?
Historia de Gutenberg
Cambiar entre clásico y editor de bloque
Cómo deshabilitar Gutenberg
Deshabilite Gutenberg instalando un complemento
Deshabilitar Gutenberg editando funciones.php
Tipos comunes de bloques de WordPress
Párrafo
Imagen
titulares
Galería
Lista
Cotizar
Audio
Cubrir
Expediente
Video
Cómo usar bloques de WordPress
La diferencia entre los bloques de WordPress y los widgets
Creación de bloques de bloques de WordPress reutilizables
Pensamientos finales sobre bloques de WordPress
¿Qué son los bloques de WordPress? Los bloques de WordPress son textos discretos, medios o código personalizado que puede agregar a una publicación de blog o sitio web utilizando el sistema de edición de WordPress.

La fuente de la imagen
La mayoría de las personas se centran en su uso para blogs, pero funciona bien para la mayoría de las otras páginas en muchos sitios web. Existen bloques de WordPress para simplificar la creación de publicaciones y páginas que se ven bien para los lectores, eliminando la necesidad de codificar manualmente cada elemento. En cambio, puede extraer y reorganizar cada bloque para personalizar el aspecto de su página. Cada bloque es funcionalmente un elemento autónomo en la página, por lo que cambiar un bloque no cambiará los demás. Este no es el único sistema de edición de tipo de bloque en el mercado. Algunos servicios competitivos, como Ghost, también tienen un editor sólido que puede usar para crear sitios web. Sin embargo, Ghost es principalmente una plataforma de blogging, y su editor se enfoca en ella, mientras que el editor de WordPress también es útil para crear páginas sin blog en Tú sitio. Estos bloques también son diferentes del goteo, otro sistema de gestión de contenido. Drupal se centra en bloques que pueden ocurrir en varias partes de un sitio web, mientras que WordPress se centra en partes individuales de una página. Puede duplicar el contenido con la suficiente facilidad, pero los bloques en sí no están conectados y no cambiarán todo cuando edite uno.
Obtenga más información: El diseño de la página de destino: 10 páginas de destino inspirador, con una alta conversión La historia de Gutenberg Gutenberg es el editor actual de WordPress. Inicialmente lanzado en 2018, desde entonces se ha convertido en un sistema más maduro capaz de proporcionar una edición rápida y sólida para páginas web y publicaciones de blog. Todavía no ha terminado, porque los desarrolladores quieren usarlo para la edición completa del sitio, pero ahora tiene muchas más funciones que en el lanzamiento. La fuente de la imagen
Gutenberg existe porque muchos usuarios de WordPress querían tener una forma más limpia y simple de bloguear sin editar el código para que todo se viera bien.

Aquí, es esencial comprender que WordPress atrae a muchos usuarios ocasionales, muchos de los cuales tienen pocos conocimientos de codificación. Esta es una diferencia significativa con respecto a los primeros años de Internet, cuando ni siquiera tendría un sitio web a menos que tenga conocimiento de codificación relativamente avanzado. En otras palabras, WordPress quiere apoyar el mercado ocasional, donde los procesos de clic y arrastre tienen más sentido. Una consideración secundaria para Gutenberg es cómo y dónde el blog de las personas. Algunos propietarios de sitios web usan sistemas de transformación de texto en lugar de escribir cosas manualmente, mientras que un sistema de edición de deslizamiento y colocación hace que sea mucho más fácil crear sitios web en teléfonos inteligentes, tabletas y otros dispositivos.
Sin embargo, algunas personas aún prefieren el antiguo sistema de edición. No es una sorpresa, porque todavía ofrece mucho más control y soporte para los usuarios capaces de administrar su código. Gutenberg es un poderoso editor, pero por necesidad, limita algunas cosas que los usuarios pueden hacer. Nada es tan flexible como la codificación pura, pero Gutenberg es más rápido y más fácil para la mayoría de las necesidades. Obtenga más información: Optimización de la tasa de conversión: la guía completa para cambiar entre WordPress del editor clásico y de bloque sabe que la flexibilidad suele ser mejor que obligar a todos a usar un solo sistema y es por eso que puede cambiar entre sus sistemas de edición clásica y de bloques. La mayoría de los casos, debe ser el administrador del sitio para cambiar entre las vistas de edición. Sin embargo, una vez que haya conectado con su cuenta correcta, puede cambiar el editor en cada página cuando lo cambie haciendo clic en el botón en la parte superior de la pantalla. Esto es todo lo que la mayoría de los usuarios necesitan saber, pero puede personalizar aún más las cosas.
La fuente de la imagen
Muchos complementos de WordPress le permiten construir páginas con una interfaz de arrastrar por caída como Gutenberg, pero lo prefiere. Por lo general, ofrece opciones de edición que Gutenberg no hace.
Los complementos como DivProd Builder, Seedprod y el popular elementor, fácil de usar, ofrecen sistemas de edición más allá de los bloques ofrecidos por Gutenberg. Estos complementos generalmente contienen herramientas de cambio de tamaño, componentes con múltiples piezas y plantillas mejoradas que reducen aún más el proceso de las páginas. Los complementos externos son útiles para las páginas sin blog, que es el lugar donde Gutenberg a menudo cae. Se pueden hacer muchas de estas páginas, pero no con la misma flexibilidad que otros sistemas. Obtenga más información: Mapa de viaje del cliente: Mejores prácticas + plantillas listas para deshabilitar Gutenberg ¿Puede deshabilitar Gutenberg para ciertos usuarios? ¿Puede estar completamente deshabilitado? La respuesta a ambos es sí. Hay varias formas de deshabilitar Gutenberg si no desea usarlo en su sitio. Deshabilite Gutenberg instalando un método del primer complemento, y para la mayoría de los usuarios lo mejor, es el uso del complemento del editor clásico. Este es un complemento oficial del equipo de WordPress, con literalmente millones de instalaciones activas en los sitios.

La fuente de la imagen
La fuente de la imagen
El editor clásico le permite establecer el editor predeterminado para cada usuario, permite a los usuarios elegir un editor y viene con algunas funciones adicionales para facilitar las cosas.
Esto técnicamente no deshabilita a Gutenberg, pero lo esconde, pero el resultado práctico es el mismo. O, en otro sentido, la instalación del editor clásico es sabia, porque le permite usar cualquier editor que desee y simplemente es mejor que estar bloqueado con un solo editor todo el tiempo. Una alternativa basada en la comunidad utiliza el complemento Disable Gutenberg, que no es tan popular como el editor clásico, pero no se basa en el soporte oficial. Esta es una forma simple y práctica de desactivar por completo a Gutenberg o desactivarlo para ciertas páginas, tipos de publicaciones, roles o temas en un sitio. Para instalar cualquier complemento, los pasos son simples: inicie sesión en su interfaz de WordPress

A la izquierda, seleccione “complementos”

En la pantalla del complemento extendido, seleccione “Nuevo”
En el campo de búsqueda en la parte superior, ingrese el nombre del complemento deseado
Elija el complemento deseado de los resultados y haga clic en el botón “Instalación ahora”.
Después de haber terminado, haga clic en “Habilitar el complemento”
Desactive Gutenberg editando funciones.php Finalmente, puede cambiar el archivo Functions.php en su sitio para deshabilitar las cosas directamente. Sin embargo, esto puede terminar destruyendo su sitio si lo hace incorrectamente, por lo que no recomendamos esto para usuarios ocasionales. La instalación de uno de los complementos enumerados anteriormente es más simple y fácilmente reversible.
Si desea deshabilitar Gutenberg sin un complemento y es un principiante en el código de WordPress, puede seguir estos pasos. Este método lo deshabilita para todos los usuarios.
Inicie sesión en su interfaz de WordPress (necesitará ser administrador)
Encuentre “apariciones” en la barra lateral izquierda y coloque el cursor sobre el
En la lista de archivos a la derecha, seleccione “Functions.php”
Haga una copia de las funciones.php antes de una copia de seguridad para que pueda restaurarlo si algo va al lado

Cuando aparezca el editor, copie exactamente lo siguiente e inserte en el archivo: add_filter (‘use_block_edor_for_post’, ‘__return_false’);
Haga clic en el botón Actualizar el archivo a continuación
Obtenga más información: Mapa térmico explicado + cómo puede hacer un mapa térmico para el sitio web tipos comunes de bloques de WordPress Aquí están los tipos más comunes de bloques disponibles en el editor básico de WordPress.
Fuente de GIF
Antes de Gutenberg, la mayoría de las personas codificaban estos bloques directamente o con las herramientas de formato de texto e imagen del editor de texto enriquecido y reorganizaron el código según sea necesario para ajustar la apariencia de la página. Párrafo Este es el bloque que la mayoría de las personas usan más que cualquier otro. Como su nombre indica, se centra en el contenido escrito. El editor de texto convierte cada párrafo en un bloque para que pueda moverlos y reorganizarlos después de escribirlos. Los bloques de incorporación de imagen de imagen contienen elementos gráficos únicos que puede mover a la página. Vienen con varias opciones de alineación, incluido el cambio de tamaño de la imagen o incluso la transición para completar el ancho, más allá del límite habitual en un tema.
La fuente de la imagen
Los párrafos y los bloques de imagen juntos son suficientes para crear una página web básica, de modo que cualquier otra cosa finalmente sea repetir y mejorar estos elementos, siguiendo los principios básicos de la jerarquía visual. Los bloques de título tienen textos de gran tamaño para dividir la página en secciones y facilitar la búsqueda de contenido para los usuarios. El editor le permite ajustar las dimensiones de los títulos, el formato, los hipervínculos y otros elementos según sea necesario. WordPress acepta hasta 6 niveles de título, incluido H1 para el título de la página, pero la mayoría de las personas rara vez van más allá de H4. Galería El bloque de la galería es una versión avanzada del bloque de imágenes básico y le permite agregar más imágenes en un aspecto predeterminado. El editor actual acepta un máximo de ocho columnas para imágenes, más cambio de tamaño, enlaces y otras opciones de formato de página. Listas de listas Bloques creados en listas numeradas o marcadas. Esto es esencialmente solo una aplicación del bloque de párrafo, pero la separación de las listas en su propio componente hace que sea más fácil evitar la modificación accidental del formato. Citados Los bloques de citas son bloques de párrafo especialmente formados que ayudan a evocar algo particularmente importante. GIF Fuente
La mayoría de las personas los usan para una cita de una persona en particular, pero también puede usarlos para proporcionar comentarios o resaltar información vital.Los bloques de audio de audio son relativamente raros en los sitios web, pero WordPress todavía los acepta.Estos le permiten agregar cualquier archivo de audio que tenga, incluidas funciones como reproducción de sonido automático o reproducción de bucle.Recuerde que a la mayoría de los usuarios no les gusta el sonido que se reproduce automáticamente, a menos que quieran que suceda, así que trate de evitar visitantes sorprendentes con ruidos inesperados.Cubierta Los bloques de cubierta son un elemento de formato más avanzado.Este bloque le permite seleccionar una imagen o video y, a veces, el texto puede superponerse en su página de imagen.
Este contenido de medios puede flotar en segundo plano, puede repetirse y puede servir de lo contrario atrae la atención. WordPress acepta la falta de transparencia en la superposición o la transparencia total, pero recomienda una cantidad moderada para asegurarse de que el texto sea fácil de leer. Los archivos de archivos le permitirán proporcionar enlaces directos a los archivos en su sitio web para que los visitantes puedan descargarlos. Puede cargar casi cualquier archivo en su sitio, pero su proveedor de alojamiento puede tener preguntas si intenta cargar algo demasiado grande o obtener demasiadas descargas para su plan. Este es un buen ejemplo de interconexión de desarrollo web. Probablemente no exceda los límites si solo permite a los usuarios descargar archivos de texto básicos, pero hable con el host de su sitio antes de agregar otros archivos. Pueden decirle lo que está permitido en su plan o sugerir alternativas según sea necesario. Los bloques de video de video le permiten agregar contenido multimedia a su sitio, cargarlo directamente o atar contenido en otro sitio. Fuente de la imagen

Los archivos de video tienden a ser extremadamente grandes, por lo que generalmente necesita un buen plan de alojamiento si desea tener archivos en su host externo, como en YouTube y usar YouTube Incrust, es considerablemente más fácil.Gutenberg convierte automáticamente algunos enlaces de video a otro tipo de bloque, según sea el caso.Cómo usar los bloques de WordPress Hay varias formas de agregar un bloque al editor de Gutenberg.Puede agregarlos directamente desde la barra del icono superior o haciendo clic en el botón Insertar.Este botón parece un círculo con una ventaja y le permite hacer clic en el tipo de bloque para agregar.Una vez que los bloques están en la página, puede moverlos hacia arriba y hacia abajo haciendo clic en las flechas en el lado izquierdo del bloque.Alternativamente, puede hacer clic en la cuadrícula de seis puntos y presionar el botón del mouse, luego extraer el bloque donde desee.
Para editar bloques, haga clic en su espacio. Esto abrirá automáticamente la información del bloque y le permitirá ajustar los componentes según sea necesario. Puede usar las mismas funciones para cambiar el tipo de bloque. Las flechas en el panel de control se pueden usar para expandir o cerrar las secciones del editor, mientras que el botón X le permite cerrar el editor de bloques y centrarse en otras cosas. La diferencia entre los bloques de WordPress y los bloques de widgets es principalmente el contenido de la página web, que incluye texto y contenido de medios, como imágenes y sonido. Entonces, ¿qué es un widget de WordPress y cómo es diferente de un bloque? Los widgets de WordPress, por otro lado, son contenido que puede poner en áreas especiales, como barras y sótanos. El editor de Gutenberg evita principalmente estas áreas, aunque puede incluir cosas similares de widget en su contenido principal agregando bloques de código. La interfaz de bloque generalmente está en el lado derecho de la pantalla cuando el editor de páginas está abierto. Widget Editor está disponible a través del área de aspecto>

Personalización y a través del menú de administración. Los widgets generalmente aparecen en cada página de un sitio web, por lo que no puede editarlos desde el mismo lugar donde puede editar los bloques. Crear bloques de WordPress WordPress WordPress le permite crear plantillas de bloque reutilizables. Esto es útil tener marca y un diseño consistente en su sitio, sin recrear un aspecto exacto. Esto es especialmente útil si usa software como Vectoror o Adobe Illustrator para crear gráficos y modelos de vectores avanzados. Crear la plantilla en sí es simple. Todo lo que tiene que hacer es seleccionar el bloque, haga clic en los tres puntos en la barra de herramientas que aparece, luego haga clic en Agregar a los bloques reutilizables. A partir de ahí, puede renunciar a algo fácil de recordar y puede volver a trabajar en la página. Las plantillas de bloque simplifican cosas como logotipos, botones personalizados hechos en el software de diseño gráfico, elementos de diseño y lo que se use en la marca de un sitio web. La plantilla permitirá que el elemento se agregue fácilmente donde desee, sin tener que restaurar una determinada marca o apariencia cada vez que desee usarlo. Pensamientos finales sobre los bloques de WordPress Aunque los bloques de WordPress no son ideales para todos, son un punto de partida fuerte para crear páginas y organizar el contenido de una manera intuitiva y fácil de usar. Sin embargo, solo leer sobre bloques no es suficiente para dominar su uso. En cambio, vaya a su sitio.