![\"\"](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/06\/ES-New-WP_in-text-banner.png\/public\")
<\/a><\/figure><\/div>\n\n\n\n\n\n\n
¿Qué son los bloques de WordPress?<\/h2>\n
Los bloques son componentes que se utilizan para crear y editar elementos en una entrada o página de WordPress. Hay varios tipos de bloques disponibles en el editor de WordPress para añadir texto, archivos multimedia y elementos de diseño, lo que te da más flexibilidad para crear contenido.<\/p>\n <\/div>\n\n\n\n<\/p>
¿Por qué utilizar los bloques de WordPress?<\/h2>
El antiguo editor de WordPress era un editor TinyMCE centrado en la edición de texto. La interfaz era similar a la de un software editor de texto, sin elementos visuales que proporcionaran una vista previa de la página o la entrada.<\/p>
En comparación, los bloques de contenido te permiten alterar el diseño de la página e insertar sin problemas diversos elementos visuales e interactivos, tareas que no eran posibles con el antiguo editor clásico.<\/p> Los bloques también han mejorado la facilidad de uso en muchos aspectos. Por ejemplo, incrustar medios externos como vídeos de YouTube es ahora tan sencillo como añadir el bloque específico al contenido y pegar la URL del vídeo.<\/p> Con el editor anterior, tal personalización del contenido podría haber requerido código HTML adicional.<\/p> La función de patrón de bloque sincronizado te permite guardar un bloque personalizado previamente para utilizarlo en el futuro, de modo que no tengas que volver a crear el contenido desde cero.<\/p> Otra opción es utilizar patrones de bloques regulares o no sincronizados, es decir, diseños de bloques preconstruidos disponibles para distintos fines.<\/p> Utilizar un tema de WordPress basado en bloques también es una buena forma de personalizar las plantillas con el editor de bloques y su interfaz de estilos globales. Esto facilita cambiar las plantillas o incluso el diseño de todo el sitio simplemente reordenando los bloques de contenido.<\/p> En general, el nuevo editor de WordPress proporciona una mejor experiencia de usuario para la edición de contenidos. También es una plataforma más fácil de usar para que los nuevos usuarios aprendan a utilizar WordPress.<\/p> Hay más de 90 bloques disponibles en la última versión de WordPress, divididos en seis categorías: texto, medios, diseño, widgets, tema e incrustaciones.<\/p> Vamos a ver todos los bloques del editor de bloques de WordPress y sus principales opciones de personalización.<\/p> Los bloques de texto te permiten añadir títulos, párrafos y otros elementos de texto al contenido. Algunos de los principales bloques de texto disponibles son:<\/p> Algunos de los bloques de texto también proporcionan distintas formas de mostrar el texto. Por ejemplo, el bloque de párrafo de cita <\/strong>ayuda a llamar la atención sobre un fragmento de texto, mientras que el bloque de tablas <\/strong>facilita la presentación y comparación de cualquier información.<\/p> Otros bloques como código <\/strong>y preformateado <\/strong>te permiten resaltar fragmentos de código.<\/p> Los bloques multimedia te permiten subir varios archivos a la biblioteca multimedia e incrustarlos en el contenido. Hay siete bloques multimedia:<\/p> Los bloques de imagen <\/strong>y galería <\/strong>se encuentran entre los bloques multimedia más comunes.<\/p> Mientras que el bloque de imagen muestra una imagen individual, el bloque de galería te permite crear un grupo de imágenes. Dicho esto, las imágenes de la galería se tratan como bloques independientes con sus propios campos de texto alternativo.<\/p> El bloque de archivos <\/strong>puede aceptar cualquier tipo de archivo e incrustarlos en el sitio. Una característica notable de este bloque es el visor de PDF<\/a>, que te permite incrustar un archivo PDF que los visitantes pueden leer directamente en el sitio o descargar.<\/p> Utilizando el editor de bloques de WordPress, es posible personalizar fácilmente la disposición del contenido utilizando bloques de diseño. Aunque este tipo de bloque no añade contenido, ayuda a dar forma a cómo aparecerá el contenido a los visitantes del sitio.<\/p> Hay diez bloques de diseño disponibles:<\/p> Las columnas<\/strong>, el grupo <\/strong>y la fila <\/strong>también son tipos de bloques contenedores de WordPress, lo que significa que pueden albergar bloques individuales en su interior.<\/p> Por ejemplo, utiliza el bloque de columnas para crear una barra lateral. Puedes dividir el ancho de la página en una proporción de 70:30, añadir contenido en el lado más grande e insertar widgets de WordPress<\/a> y otros elementos en el lado más pequeño.<\/p> Utilizando el bloque fila, añade varios bloques en la misma posición horizontal. Por ejemplo, utilízalo para añadir elementos a la cabecera y al pie de página.<\/p> Los widgets ahora vienen como bloques que puedes insertar en cualquier lugar de la página, incluidos el pie de página y las barras laterales.<\/p> Los 13 bloques de widgets disponibles en el editor de bloques de Gutenberg son:<\/p> La mayoría de los bloques de tema son dinámicos, ya que extraen información del contenido, como el contenido de la entrada, el bucle de consulta y los comentarios de la entrada, y la muestran en el sitio. Varios de ellos también son esenciales para mostrar la identidad del sitio, incluidos el logotipo, el título y el eslogan del sitio.<\/p> Hay 23 bloques temáticos en total. Los bloques relacionados con el diseño del sitio y del tema en general son:<\/p> También hay bloques que obtienen información del contenido de las entradas del blog:<\/p> El nuevo editor de bloques te permite incrustar fácilmente contenido externo copiando y pegando URLs. Por ejemplo, hay un bloque específico para incrustar un vídeo de YouTube.<\/p> Algunos de los bloques de incrustación que ofrece el nuevo editor son:<\/p> Si no encuentras la plataforma deseada, utiliza el bloque de incrustación <\/strong>y pega la URL para incrustar el medio.<\/p> El editor de bloques Gutenberg es el editor predeterminado de WordPress para la creación de entradas y páginas. El editor de bloques también está disponible para la edición completa del sitio cuando se utiliza un tema de bloques.<\/p> Cuando añadas una nueva entrada de blog<\/a> o página, el editor te proporcionará por defecto un bloque de párrafo para que puedas empezar a escribir directamente. Cuando pulses Intro<\/strong>, el bloque de párrafo será también el nuevo bloque por defecto, haciendo que el proceso de escritura sea fluido.<\/p> Alternativamente, añade un nuevo bloque pulsando el botón más <\/strong>(+<\/strong>) en el área de contenido. Aparecerá una pequeña ventana emergente con seis bloques utilizados recientemente y una barra de búsqueda. Utiliza la barra de búsqueda para encontrar un bloque específico y haz clic en él para insertarlo en el contenido.<\/p> Otra opción es abrir el insertador de bloques haciendo clic en el botón más <\/strong>(+<\/strong>) de la esquina superior izquierda de la pantalla.<\/p> Aparecerá un nuevo panel en el lado izquierdo con todos los bloques disponibles. Puedes utilizar la barra de búsqueda para localizar la opción que deseas. A continuación, haz clic en el bloque para añadirlo al contenido.<\/p> Para reorganizar los bloques, el editor de bloques de WordPress tiene una función de arrastrar y soltar. Selecciona cualquier bloque, haz clic en el icono Arrastrar <\/strong>de su barra de herramientas y suéltalo en el lugar deseado.<\/p> También puedes utilizar las flechas arriba y abajo de la barra de herramientas del bloque.<\/p> Todos los bloques de contenido de WordPress tienen diferentes herramientas de configuración. Para configurar cualquiera de ellas, selecciona un bloque y abre el panel de configuración del bloque haciendo clic en el botón Configuración <\/strong>de <\/strong>la esquina superior derecha de la pantalla.<\/p> El panel de configuración aparecerá en el lado derecho. Por ejemplo, el bloque de párrafo tiene opciones para personalizar el color, la tipografía y otros elementos de diseño.<\/p> Instalar un plugin de WordPress<\/a> es una buena forma de añadir diferentes opciones de bloque al editor de WordPress.<\/p> Existen varios plugins de WordPress<\/a> de WordPress para ampliar la biblioteca de bloques con bloques de contenido adicionales, herramientas de personalización e incluso plantillas de diseño.<\/p> Sin embargo, cada plugin de bloques ofrece un conjunto diferente de bloques. Por ello, para ayudarte a encontrar la mejor opción, vamos a enumerar los 10 mejores plugins de bloques para WordPress.<\/p> Estadísticas del plugin:<\/strong><\/p> El plugin Genesis Blocks añade 14 nuevos bloques al editor de bloques de WordPress. Puede que no parezcan muchos, pero su conjunto de bloques puede ayudar a llevar un sitio web empresarial al siguiente nivel.<\/p> El bloque Precios <\/strong>es una de las principales novedades. El bloque ayuda a crear una tabla de precios sin tener que construirla desde cero utilizando el bloque de tabla. Te permite añadir hasta cuatro columnas de precios, con un botón de llamada a la acción.<\/p> El bloque de llamada a la acción te permite añadir una sección de llamada a la acción al sitio. Admite un fondo de imagen y un diseño de ancho completo para que destaque del resto del contenido.<\/p> La versión premium del plugin, Genesis Pro<\/a>, añade dos bloques más y permisos de usuario a nivel de bloque para que sólo los usuarios seleccionados tengan acceso a determinados bloques. <\/p> En definitiva, este plugin es adecuado para blogs y sitios web de pequeñas empresas que busquen bloques adicionales sencillos.<\/p> Estadísticas del plugin:<\/strong><\/p> Getwid es el plugin de bloques gratuito con la gama más amplia de bloques Gutenberg adicionales. Ofrece 38 bloques únicos y más de 35 plantillas prediseñadas para ayudarte a crear un bonito diseño web sin tener que instalar demasiados plugins.<\/p> Bloques como el deslizador de imágenes<\/strong>, la caja de imágenes <\/strong>y la galería de imágenes apiladas <\/strong>proporcionan nuevas formas de presentar imágenes en tu contenido. Getwid también incluye bloques de Instagram <\/strong>y Google Maps <\/strong>que amplían las opciones de incrustación existentes.<\/p> Las plantillas prefabricadas son similares al patrón de bloques de WordPress. Sin embargo, Getwid utiliza el bloque de biblioteca de plantillas <\/strong>en lugar del insertador de patrones para seleccionar e insertar la plantilla en el contenido.<\/p> Puedes desactivar los bloques que no utilices para mantener la velocidad y simplicidad de tu editor. Ve a Panel <\/strong>-> Configuración <\/strong>-> Getwid <\/strong>y abre la pestaña Bloques <\/strong>para seleccionar qué bloques desactivar.<\/p> Estadísticas del plugin:<\/strong><\/p> Spectra – WordPress Gutenberg Blocks es uno de los plugins de bloques de WordPress más atractivos. Además de 33 bloques diferentes, Spectra también proporciona 81 plantillas de página completa, 284 patrones de bloques y 56 wireframes.<\/p> Bloques como la cuadrícula de entradas<\/strong>, la mampostería de entradas <\/strong>y el carrusel de entradas <\/strong>muestran tus entradas en varios formatos. <\/p> El bloque de lista de precios <\/strong>es perfecto para mostrar el menú de un restaurante u otros precios de productos. También es posible insertar una imagen para cada artículo utilizando las herramientas de diseño del bloque.<\/p> Spectra incluye varios bloques de esquemas para contenido de instrucciones<\/strong>, reseñas <\/strong>y preguntas frecuentes<\/strong>. Estos bloques no sólo ayudan a configurar el contenido más rápidamente, sino que mejoran su clasificación en los motores de búsqueda.<\/p> Las plantillas, patrones y wireframes del plugin están disponibles para entradas y páginas e incluyen opciones como portafolios y testimonios. Haz clic en el botón Plantillas Spectra <\/strong>en la parte superior del editor para encontrar todas las opciones disponibles.<\/p> Estadísticas del plugin:<\/strong><\/p> Premium Blocks for Gutenberg es un plugin gratuito que añade 14 nuevos bloques que tienen un impacto mínimo en el rendimiento y la velocidad del sitio web.<\/p> Uno de los bloques exclusivos que ofrece este plugin es el Encabezado Dual<\/strong>, que divide los encabezados en dos partes que puedes personalizar individualmente. El bloque Texto de fantasía <\/strong>te permite añadir animación entre las partes del texto.<\/p> Al ofrecer bloques adicionales limitados, este plugin se centra en las opciones de configuración <\/strong>de cada bloque para ayudarte a ajustar, editar y diseñar el contenido.<\/p> Por ejemplo, puedes modificar la capacidad de respuesta de cada bloque y el estilo del contenedor, mientras que varios bloques también vienen con herramientas de diseño únicas.<\/p> Existe la opción de activar o desactivar bloques para minimizar el impacto del plugin. Dirígete a Panel de control -> Premium Blocks for Gutenberg -> Configuración de bloques <\/strong>y, a continuación, elige los bloques que deseas activar y desactivar.<\/p> Estadísticas del plugin:<\/strong><\/p> PublishPress Blocks incluye 22 bloques avanzados que puedes personalizar a través del panel de administración de WordPress.<\/p> Uno de los bloques exclusivos es el formulario de inicio de sesión\/registro<\/strong>, que proporciona una interfaz de inicio de sesión prefabricada dentro del editor de bloques. <\/p> PublishPress Blocks también ofrece bloques de Boletín de noticias <\/strong>y Formulario de contacto <\/strong>para la generación de clientes potenciales.<\/p> Este plugin tiene una función de acceso a bloques para activar o desactivar bloques específicos para cada uno de tus roles de usuario de WordPress<\/a>. Ve a Bloques <\/strong>-> Configuración <\/strong>para activar la función y gestionarla a través del panel de acceso a bloques en la página de configuración del plugin.<\/p> La sección Configuración del bloque <\/strong>te permite modificar los estilos globales de cada bloque de PublishPress. Cada bloque tiene sus propios ajustes, pero cubren principalmente el color, las opciones de borde y otras opciones de diseño.<\/p> Si quieres utilizar CSS personalizado para tu sitio de WordPress, este plugin también tiene un panel de Estilos personalizados <\/strong>para añadir clases CSS.<\/p> Estadísticas del plugin:<\/strong><\/p> Stackable es uno de los plugins de bloques más versátiles. Su versión gratuita añade 35 bloques, 100 diseños de bloques preconstruidos, ocho kits de interfaz de usuario y 37 wireframes, mientras que Stackable premium aumenta las opciones de diseño con 403 diseños de bloques preconstruidos y 33 kits de interfaz de usuario.<\/p> Los diseños de bloques y kits de interfaz de usuario predefinidos están disponibles para entradas y páginas. Encuentra todas las opciones disponibles haciendo clic en el botón biblioteca de diseños <\/strong>en la parte superior de la pantalla del editor.<\/p> Stackable proporciona una amplia gama de herramientas de personalización de bloques con los ajustes bloque<\/strong>, estilo <\/strong>y avanzado <\/strong>de cada bloque.<\/p> Los ajustes de bloque <\/strong>contienen algunas configuraciones básicas de diseño como borde, alineación y espaciado, mientras que los ajustes avanzados <\/strong>te permiten configurar la capacidad de respuesta del bloque y la etiqueta HTML. También es posible añadir un efecto de movimiento con la versión premium.<\/p> Estadísticas del plugin:<\/strong><\/p> Ultimate Blocks se centra en blogueros y vendedores. Añade 22 bloques como reseña<\/strong>, compartir en redes sociales <\/strong>y llamada a la acción <\/strong>para aumentar el compromiso del sitio web. El plugin también incluye marcado schema<\/a> en los bloques ![\"Editor](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/11\/editor-de-wordpress.png\/public\")
<\/figure>![\"Ejemplo](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/11\/ejemplo-vide-editor-wp.png\/public\")
<\/figure>![\"Patrones](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/11\/patrones-editor-wp.png\/public\")
<\/figure>¿Qué tipos de bloques de WordPress están disponibles en el editor de bloques?<\/h2>
Bloques de texto<\/h3>
\n
![\"Bloques](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/11\/bloques-texto-wp.png\/public\")
<\/figure>Bloques de medios<\/h3>
\n
![\"Bloques](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/11\/bloques-medios-wp.png\/public\")
<\/figure>Bloques de diseño<\/h3>
\n
![\"Bloques](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/11\/bloques-diseno-wp.png\/public\")
<\/figure>Bloques de widgets<\/h3>
\n
![\"Bloques](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/11\/bloques-widgets-wp.png\/public\")
<\/figure>Bloques de tema<\/h3>
\n
\n
![\"Bloques](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/11\/bloques-tema-wp.png\/public\")
<\/figure>Bloques de incrustación<\/h3>
\n
![\"Bloques](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/11\/bloques-incrustados-wp.png\/public\")
<\/figure><\/a><\/figure><\/div>Cómo utilizar los bloques de WordPress para personalizar tu sitio web<\/h2>
![\"Editor](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/11\/editor-bloques-wp.png\/public\")
<\/figure>![\"Menú](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/11\/menu-opciones-wp.png\/public\")
<\/figure>![\"Opción](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/11\/opcion-mover-bloque-wp.png\/public\")
<\/figure><\/div>![\"Ajustes](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/11\/ajustes-bloque-wp.png\/public\")
<\/figure>10 mejores plugins de bloques de WordPress en 2026<\/h2>
1. Genesis Blocks<\/a><\/h3>
![\"Plugin](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/11\/Genesis-Blocks-plugin.png\/public\")
<\/figure>\n
2. Getwid<\/a><\/h3>
![\"Plugin](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/11\/image-2.png\/public\")
<\/figure>\n
3. Spectra – WordPress Gutenberg Blocks<\/a><\/h3>
![\"Plugin](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/11\/image-3.png\/public\")
<\/figure>\n
4. Premium Blocks for Gutenberg<\/a><\/h3>
![\"Plugin](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/11\/Premium-Blocks-for-Gutenberg.png\/public\")
<\/figure>\n
5. PublishPress Blocks<\/a><\/h3>
![\"Plugin](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/11\/PublishPress-Blocks.png\/public\")
<\/figure>\n
6. Stackable<\/a><\/h3>
![\"Plugin](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/11\/Stackable.png\/public\")
<\/figure>\n
7. Ultimate Blocks<\/a><\/h3>
![\"Plugin](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/11\/Ultimate-Blocks.png\/public\")
<\/figure>\n