{"id":43123,"date":"2024-11-07T02:01:03","date_gmt":"2024-11-07T01:01:03","guid":{"rendered":"\/tutoriales\/?p=43123"},"modified":"2026-03-10T16:33:16","modified_gmt":"2026-03-10T15:33:16","slug":"bloques-de-wordpress","status":"publish","type":"post","link":"\/ar\/tutoriales\/bloques-de-wordpress\/","title":{"rendered":"\u00bfQu\u00e9 son los bloques de WordPress y c\u00f3mo utilizarlos en tu web?"},"content":{"rendered":"<?xml encoding=\"utf-8\" ?><p class=\"wp-block-paragraph\">Los bloques de WordPress ofrecen una nueva manera de personalizar el contenido y el dise&ntilde;o de un sitio web. Con estos bloques, los usuarios de WordPress pueden agregar y editar elementos como p&aacute;rrafos, im&aacute;genes y widgets. <\/p><p class=\"wp-block-paragraph\">Hay m&aacute;s de 90 bloques predeterminados disponibles en la versi&oacute;n actual de WordPress. Estos abarcan bloques de texto, medios, widgets y elementos de incrustaci&oacute;n.<\/p><p class=\"wp-block-paragraph\">Adem&aacute;s, el editor de bloques Gutenberg tiene la funci&oacute;n de arrastrar y soltar, y una mejor previsualizaci&oacute;n del contenido que el editor cl&aacute;sico.<\/p><p class=\"wp-block-paragraph\">Como resultado, este nuevo enfoque de edici&oacute;n basado en bloques proporciona una experiencia m&aacute;s f&aacute;cil de usar y una mayor variedad de opciones de personalizaci&oacute;n que el antiguo editor. Si quieres ampliar la funcionalidad del editor basado en bloques, instalar un plugin de bloques de WordPress a&ntilde;adir&aacute; a&uacute;n m&aacute;s opciones de bloques de contenido.<\/p><p class=\"wp-block-paragraph\">Este art&iacute;culo te explicar&aacute; todo lo que necesitas saber sobre los bloques y c&oacute;mo utilizar el nuevo editor de bloques de WordPress. Tambi&eacute;n enumeraremos 10 plugins para ampliar la colecci&oacute;n de bloques y as&iacute; tener m&aacute;s posibilidades de personalizaci&oacute;n.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/ar\/hosting-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/06\/ES-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-40615\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/06\/ES-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/06\/ES-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/06\/ES-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/06\/ES-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><p class=\"wp-block-paragraph\"><\/p><p class=\"wp-block-paragraph\"><div class=\"protip\"><div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                   &iquest;Qu&eacute; son los bloques de WordPress?\n                <\/p>\n            <\/div>\n            <p class=\"protip__content\">Los bloques son componentes que se utilizan para crear y editar elementos en una entrada o p&aacute;gina de WordPress. Hay varios tipos de bloques disponibles en el editor de WordPress para a&ntilde;adir texto, archivos multimedia y elementos de dise&ntilde;o, lo que te da m&aacute;s flexibilidad para crear contenido.<\/p><\/div><\/p><h2 class=\"wp-block-heading\" id=\"h-por-que-utilizar-los-bloques-de-wordpress\">&iquest;Por qu&eacute; utilizar los bloques de WordPress?<\/h2><p class=\"wp-block-paragraph\">El antiguo editor de WordPress era un editor TinyMCE centrado en la edici&oacute;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&aacute;gina o la entrada.<\/p><p class=\"wp-block-paragraph\">En comparaci&oacute;n, los bloques de contenido te permiten alterar el dise&ntilde;o de la p&aacute;gina e insertar sin problemas diversos elementos visuales e interactivos, tareas que no eran posibles con el antiguo editor cl&aacute;sico.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"417\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/editor-de-wordpress.png\/public\" alt=\"Editor de bloques de WordPress\" class=\"wp-image-43124\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/editor-de-wordpress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/editor-de-wordpress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/editor-de-wordpress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/editor-de-wordpress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p class=\"wp-block-paragraph\">Los bloques tambi&eacute;n han mejorado la facilidad de uso en muchos aspectos. Por ejemplo, incrustar medios externos como v&iacute;deos de YouTube es ahora tan sencillo como a&ntilde;adir el bloque espec&iacute;fico al contenido y pegar la URL del v&iacute;deo.<\/p><p class=\"wp-block-paragraph\">Con el editor anterior, tal personalizaci&oacute;n del contenido podr&iacute;a haber requerido c&oacute;digo HTML adicional.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"459\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/ejemplo-vide-editor-wp.png\/public\" alt=\"Ejemplo de incrustar video en el editor de WordPress\" class=\"wp-image-43125\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/ejemplo-vide-editor-wp.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/ejemplo-vide-editor-wp.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/ejemplo-vide-editor-wp.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/ejemplo-vide-editor-wp.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p class=\"wp-block-paragraph\">La funci&oacute;n de patr&oacute;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><p class=\"wp-block-paragraph\">Otra opci&oacute;n es utilizar patrones de bloques regulares o no sincronizados, es decir, dise&ntilde;os de bloques preconstruidos disponibles para distintos fines.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"551\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/patrones-editor-wp.png\/public\" alt=\"Patrones del editor de WordPress\" class=\"wp-image-43126\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/patrones-editor-wp.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/patrones-editor-wp.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/patrones-editor-wp.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/patrones-editor-wp.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p class=\"wp-block-paragraph\">Utilizar un tema de WordPress basado en bloques tambi&eacute;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&ntilde;o de todo el sitio simplemente reordenando los bloques de contenido.<\/p><p class=\"wp-block-paragraph\">En general, el nuevo editor de WordPress proporciona una mejor experiencia de usuario para la edici&oacute;n de contenidos. Tambi&eacute;n es una plataforma m&aacute;s f&aacute;cil de usar para que los nuevos usuarios aprendan a utilizar WordPress.<\/p><h2 class=\"wp-block-heading\" id=\"h-que-tipos-de-bloques-de-wordpress-estan-disponibles-en-el-editor-de-bloques\">&iquest;Qu&eacute; tipos de bloques de WordPress est&aacute;n disponibles en el editor de bloques?<\/h2><p class=\"wp-block-paragraph\">Hay m&aacute;s de 90 bloques disponibles en la &uacute;ltima versi&oacute;n de WordPress, divididos en seis categor&iacute;as: texto, medios, dise&ntilde;o, widgets, tema e incrustaciones.<\/p><p class=\"wp-block-paragraph\">Vamos a ver todos los bloques del editor de bloques de WordPress y sus principales opciones de personalizaci&oacute;n.<\/p><h3 class=\"wp-block-heading\" id=\"h-bloques-de-texto\">Bloques de texto<\/h3><p class=\"wp-block-paragraph\">Los bloques de texto te permiten a&ntilde;adir t&iacute;tulos, p&aacute;rrafos y otros elementos de texto al contenido. Algunos de los principales bloques de texto disponibles son:<\/p><ul class=\"wp-block-list\">\n<li>P&aacute;rrafo<\/li>\n\n\n\n<li>Encabezado<\/li>\n\n\n\n<li>Lista<\/li>\n\n\n\n<li>Cita<\/li>\n\n\n\n<li>P&aacute;rrafo de cita<\/li>\n\n\n\n<li>Cl&aacute;sico<\/li>\n\n\n\n<li>Detalles<\/li>\n\n\n\n<li>Preformateado<\/li>\n\n\n\n<li>C&oacute;digo<\/li>\n\n\n\n<li>Tabla<\/li>\n\n\n\n<li>Verso<\/li>\n<\/ul><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"524\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/bloques-texto-wp.png\/public\" alt=\"Bloques de texto de WordPress\" class=\"wp-image-43127\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/bloques-texto-wp.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/bloques-texto-wp.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/bloques-texto-wp.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/bloques-texto-wp.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p class=\"wp-block-paragraph\">Algunos de los bloques de texto tambi&eacute;n proporcionan distintas formas de mostrar el texto. Por ejemplo, el bloque de<strong> p&aacute;rrafo de cita <\/strong>ayuda a llamar la atenci&oacute;n sobre un fragmento de texto, mientras que el bloque de <strong>tablas <\/strong>facilita la presentaci&oacute;n y comparaci&oacute;n de cualquier informaci&oacute;n.<\/p><p class=\"wp-block-paragraph\">Otros bloques como <strong>c&oacute;digo <\/strong>y <strong>preformateado <\/strong>te permiten resaltar fragmentos de c&oacute;digo.<\/p><h3 class=\"wp-block-heading\" id=\"h-bloques-de-medios\">Bloques de medios<\/h3><p class=\"wp-block-paragraph\">Los bloques multimedia te permiten subir varios archivos a la biblioteca multimedia e incrustarlos en el contenido. Hay siete bloques multimedia:<\/p><ul class=\"wp-block-list\">\n<li>Imagen<\/li>\n\n\n\n<li>Galer&iacute;a<\/li>\n\n\n\n<li>Audio<\/li>\n\n\n\n<li>Fondo<\/li>\n\n\n\n<li>Archivo<\/li>\n\n\n\n<li>Medios y texto<\/li>\n\n\n\n<li>V&iacute;deo<\/li>\n<\/ul><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"430\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/bloques-medios-wp.png\/public\" alt=\"Bloques de medios de WordPress\" class=\"wp-image-43128\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/bloques-medios-wp.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/bloques-medios-wp.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/bloques-medios-wp.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/bloques-medios-wp.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p class=\"wp-block-paragraph\">Los bloques de <strong>imagen <\/strong>y <strong>galer&iacute;a <\/strong>se encuentran entre los bloques multimedia m&aacute;s comunes.<\/p><p class=\"wp-block-paragraph\">Mientras que el bloque de imagen muestra una imagen individual, el bloque de galer&iacute;a te permite crear un grupo de im&aacute;genes. Dicho esto, las im&aacute;genes de la galer&iacute;a se tratan como bloques independientes con sus propios campos de texto alternativo.<\/p><p class=\"wp-block-paragraph\">El bloque de <strong>archivos <\/strong>puede aceptar cualquier tipo de archivo e incrustarlos en el sitio. Una caracter&iacute;stica notable de este bloque es el <a href=\"\/ar\/tutoriales\/mejores-plugins-pdf-wordpress\/\">visor de PDF<\/a>, que te permite incrustar un archivo PDF que los visitantes pueden leer directamente en el sitio o descargar.<\/p><h3 class=\"wp-block-heading\" id=\"h-bloques-de-diseno\">Bloques de dise&ntilde;o<\/h3><p class=\"wp-block-paragraph\">Utilizando el editor de bloques de WordPress, es posible personalizar f&aacute;cilmente la disposici&oacute;n del contenido utilizando bloques de dise&ntilde;o. Aunque este tipo de bloque no a&ntilde;ade contenido, ayuda a dar forma a c&oacute;mo aparecer&aacute; el contenido a los visitantes del sitio.<\/p><p class=\"wp-block-paragraph\">Hay diez bloques de dise&ntilde;o disponibles:<\/p><ul class=\"wp-block-list\">\n<li>Botones<\/li>\n\n\n\n<li>Columnas<\/li>\n\n\n\n<li>Grupo<\/li>\n\n\n\n<li>Fila<\/li>\n\n\n\n<li>Pila<\/li>\n\n\n\n<li>Cuadr&iacute;cula<\/li>\n\n\n\n<li>M&aacute;s<\/li>\n\n\n\n<li>Salto de p&aacute;gina<\/li>\n\n\n\n<li>Separador<\/li>\n\n\n\n<li>Espaciador<\/li>\n<\/ul><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"488\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/bloques-diseno-wp.png\/public\" alt=\"Bloques de dise&ntilde;o de WordPress\" class=\"wp-image-43129\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/bloques-diseno-wp.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/bloques-diseno-wp.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/bloques-diseno-wp.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/bloques-diseno-wp.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p class=\"wp-block-paragraph\">Las <strong>columnas<\/strong>, el <strong>grupo <\/strong>y la<strong> fila <\/strong>tambi&eacute;n son tipos de bloques contenedores de WordPress, lo que significa que pueden albergar bloques individuales en su interior.<\/p><p class=\"wp-block-paragraph\">Por ejemplo, utiliza el bloque de columnas para crear una barra lateral. Puedes dividir el ancho de la p&aacute;gina en una proporci&oacute;n de 70:30, a&ntilde;adir contenido en el lado m&aacute;s grande e insertar <a href=\"\/ar\/tutoriales\/que-es-widget-wordpress\/\">widgets de WordPress<\/a> y otros elementos en el lado m&aacute;s peque&ntilde;o.<\/p><p class=\"wp-block-paragraph\">Utilizando el bloque fila, a&ntilde;ade varios bloques en la misma posici&oacute;n horizontal. Por ejemplo, util&iacute;zalo para a&ntilde;adir elementos a la cabecera y al pie de p&aacute;gina.<\/p><h3 class=\"wp-block-heading\" id=\"h-bloques-de-widgets\">Bloques de widgets<\/h3><p class=\"wp-block-paragraph\">Los widgets ahora vienen como bloques que puedes insertar en cualquier lugar de la p&aacute;gina, incluidos el pie de p&aacute;gina y las barras laterales.<\/p><p class=\"wp-block-paragraph\">Los 13 bloques de widgets disponibles en el editor de bloques de Gutenberg son:<\/p><ul class=\"wp-block-list\">\n<li>Archivos<\/li>\n\n\n\n<li>Calendario<\/li>\n\n\n\n<li>Lista de categor&iacute;as<\/li>\n\n\n\n<li>HTML personalizado<\/li>\n\n\n\n<li>&Uacute;ltimos comentarios<\/li>\n\n\n\n<li>&Uacute;ltimas entradas<\/li>\n\n\n\n<li>Lista de p&aacute;ginas<\/li>\n\n\n\n<li>RSS<\/li>\n\n\n\n<li>B&uacute;squeda<\/li>\n\n\n\n<li>Shortcode<\/li>\n\n\n\n<li>Iconos sociales<\/li>\n\n\n\n<li>Nube de etiquetas<\/li>\n<\/ul><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"495\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/bloques-widgets-wp.png\/public\" alt=\"Bloques de widgets de WordPress\" class=\"wp-image-43130\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/bloques-widgets-wp.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/bloques-widgets-wp.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/bloques-widgets-wp.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/bloques-widgets-wp.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><h3 class=\"wp-block-heading\" id=\"h-bloques-de-tema\">Bloques de tema<\/h3><p class=\"wp-block-paragraph\">La mayor&iacute;a de los bloques de tema son din&aacute;micos, ya que extraen informaci&oacute;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&eacute;n son esenciales para mostrar la identidad del sitio, incluidos el logotipo, el t&iacute;tulo y el eslogan del sitio.<\/p><p class=\"wp-block-paragraph\">Hay 23 bloques tem&aacute;ticos en total. Los bloques relacionados con el dise&ntilde;o del sitio y del tema en general son:<\/p><ul class=\"wp-block-list\">\n<li>Navegaci&oacute;n<\/li>\n\n\n\n<li>Logo del sitio<\/li>\n\n\n\n<li>T&iacute;tulo del sitio<\/li>\n\n\n\n<li>Descripci&oacute;n corta del sitio<\/li>\n\n\n\n<li>Cabecera<\/li>\n\n\n\n<li>Pie de p&aacute;gina<\/li>\n\n\n\n<li>Plantilla<\/li>\n\n\n\n<li>Entrar\/Salir<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Tambi&eacute;n hay bloques que obtienen informaci&oacute;n del contenido de las entradas del blog:<\/p><ul class=\"wp-block-list\">\n<li>T&iacute;tulo del post<\/li>\n\n\n\n<li>Extracto del post<\/li>\n\n\n\n<li>Imagen destacada del post<\/li>\n\n\n\n<li>Contenido del post<\/li>\n\n\n\n<li>Autor del post<\/li>\n\n\n\n<li>Fecha de publicaci&oacute;n<\/li>\n\n\n\n<li>Categor&iacute;as de posts<\/li>\n\n\n\n<li>Etiquetas<\/li>\n\n\n\n<li>Entrada siguiente<\/li>\n\n\n\n<li>Entrada anterior<\/li>\n<\/ul><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"480\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/bloques-tema-wp.png\/public\" alt=\"Bloques de temas de WordPress\" class=\"wp-image-43131\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/bloques-tema-wp.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/bloques-tema-wp.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/bloques-tema-wp.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/bloques-tema-wp.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><h3 class=\"wp-block-heading\" id=\"h-bloques-de-incrustacion\">Bloques de incrustaci&oacute;n<\/h3><p class=\"wp-block-paragraph\">El nuevo editor de bloques te permite incrustar f&aacute;cilmente contenido externo copiando y pegando URLs. Por ejemplo, hay un bloque espec&iacute;fico para incrustar un v&iacute;deo de YouTube.<\/p><p class=\"wp-block-paragraph\">Algunos de los bloques de incrustaci&oacute;n que ofrece el nuevo editor son:<\/p><ul class=\"wp-block-list\">\n<li>Twitter<\/li>\n\n\n\n<li>YouTube<\/li>\n\n\n\n<li>Vimeo<\/li>\n\n\n\n<li>Spotify<\/li>\n\n\n\n<li>SoundCloud<\/li>\n\n\n\n<li>Pinterest<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Si no encuentras la plataforma deseada, utiliza el bloque de <strong>incrustaci&oacute;n <\/strong>y pega la URL para incrustar el medio.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"452\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/bloques-incrustados-wp.png\/public\" alt=\"Bloques incrustados de WordPress\" class=\"wp-image-43132\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/bloques-incrustados-wp.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/bloques-incrustados-wp.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/bloques-incrustados-wp.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/bloques-incrustados-wp.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/ar\/hosting-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/06\/ES-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-40615\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/06\/ES-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/06\/ES-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/06\/ES-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/06\/ES-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><h2 class=\"wp-block-heading\" id=\"h-como-utilizar-los-bloques-de-wordpress-para-personalizar-tu-sitio-web\">C&oacute;mo utilizar los bloques de WordPress para personalizar tu sitio web<\/h2><p class=\"wp-block-paragraph\">El editor de bloques Gutenberg es el editor predeterminado de WordPress para la creaci&oacute;n de entradas y p&aacute;ginas. El editor de bloques tambi&eacute;n est&aacute; disponible para la edici&oacute;n completa del sitio cuando se utiliza un tema de bloques.<\/p><p class=\"wp-block-paragraph\">Cuando <a href=\"\/ar\/tutoriales\/entrada-wordpress\/\">a&ntilde;adas una nueva entrada de blog<\/a> o p&aacute;gina, el editor te proporcionar&aacute; por defecto un bloque de p&aacute;rrafo para que puedas empezar a escribir directamente. Cuando pulses <strong>Intro<\/strong>, el bloque de p&aacute;rrafo ser&aacute; tambi&eacute;n el nuevo bloque por defecto, haciendo que el proceso de escritura sea fluido.<\/p><p class=\"wp-block-paragraph\">Alternativamente, a&ntilde;ade un nuevo bloque pulsando el bot&oacute;n <strong>m&aacute;s <\/strong>(<strong>+<\/strong>) en el &aacute;rea de contenido. Aparecer&aacute; una peque&ntilde;a ventana emergente con seis bloques utilizados recientemente y una barra de b&uacute;squeda. Utiliza la barra de b&uacute;squeda para encontrar un bloque espec&iacute;fico y haz clic en &eacute;l para insertarlo en el contenido.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"430\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/editor-bloques-wp.png\/public\" alt=\"Editor Gutenberg de WordPress\" class=\"wp-image-43133\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/editor-bloques-wp.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/editor-bloques-wp.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/editor-bloques-wp.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/editor-bloques-wp.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p class=\"wp-block-paragraph\">Otra opci&oacute;n es abrir el insertador de bloques haciendo clic en el bot&oacute;n <strong>m&aacute;s <\/strong>(<strong>+<\/strong>) de la esquina superior izquierda de la pantalla.<\/p><p class=\"wp-block-paragraph\">Aparecer&aacute; un nuevo panel en el lado izquierdo con todos los bloques disponibles. Puedes utilizar la barra de b&uacute;squeda para localizar la opci&oacute;n que deseas. A continuaci&oacute;n, haz clic en el bloque para a&ntilde;adirlo al contenido.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"422\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/menu-opciones-wp.png\/public\" alt=\"Men&uacute; de opciones de WordPress\" class=\"wp-image-43134\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/menu-opciones-wp.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/menu-opciones-wp.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/menu-opciones-wp.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/menu-opciones-wp.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p class=\"wp-block-paragraph\">Para reorganizar los bloques, el editor de bloques de WordPress tiene una funci&oacute;n de arrastrar y soltar. Selecciona cualquier bloque, haz clic en el icono <strong>Arrastrar <\/strong>de su barra de herramientas y su&eacute;ltalo en el lugar deseado.<\/p><p class=\"wp-block-paragraph\">Tambi&eacute;n puedes utilizar las flechas arriba y abajo de la barra de herramientas del bloque.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"434\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/opcion-mover-bloque-wp.png\/public\" alt=\"Opci&oacute;n de mover bloque en el editor de WordPress\" class=\"wp-image-43135\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/opcion-mover-bloque-wp.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/opcion-mover-bloque-wp.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/opcion-mover-bloque-wp.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/opcion-mover-bloque-wp.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p class=\"wp-block-paragraph\">Todos los bloques de contenido de WordPress tienen diferentes herramientas de configuraci&oacute;n. Para configurar cualquiera de ellas, selecciona un bloque y abre el panel de configuraci&oacute;n del bloque haciendo clic en el bot&oacute;n <strong>Configuraci&oacute;n <\/strong>de<strong> <\/strong>la esquina superior derecha de la pantalla.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"395\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/ajustes-bloque-wp.png\/public\" alt=\"Ajustes de bloque de WordPress\" class=\"wp-image-43136\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/ajustes-bloque-wp.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/ajustes-bloque-wp.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/ajustes-bloque-wp.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/ajustes-bloque-wp.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p class=\"wp-block-paragraph\">El panel de configuraci&oacute;n aparecer&aacute; en el lado derecho. Por ejemplo, el bloque de p&aacute;rrafo tiene opciones para personalizar el color, la tipograf&iacute;a y otros elementos de dise&ntilde;o.<\/p><h2 class=\"wp-block-heading\" id=\"h-10-mejores-plugins-de-bloques-de-wordpress\">10 mejores plugins de bloques de WordPress en 2026<\/h2><p class=\"wp-block-paragraph\"><a href=\"\/ar\/tutoriales\/instalar-plugins-en-wordpress\/\">Instalar un plugin de WordPress<\/a> es una buena forma de a&ntilde;adir diferentes opciones de bloque al editor de WordPress.<\/p><p class=\"wp-block-paragraph\">Existen varios <a href=\"\/ar\/tutoriales\/mejores-plugins-wordpress\/\">plugins de WordPress<\/a> de WordPress para ampliar la biblioteca de bloques con bloques de contenido adicionales, herramientas de personalizaci&oacute;n e incluso plantillas de dise&ntilde;o.<\/p><p class=\"wp-block-paragraph\">Sin embargo, cada plugin de bloques ofrece un conjunto diferente de bloques. Por ello, para ayudarte a encontrar la mejor opci&oacute;n, vamos a enumerar los 10 mejores plugins de bloques para WordPress.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-genesis-blocks\">1. <a href=\"https:\/\/es.wordpress.org\/plugins\/genesis-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">Genesis Blocks<\/a><\/h3><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"331\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/Genesis-Blocks-plugin.png\/public\" alt=\"Plugin Genesis Blocks de WordPress\" class=\"wp-image-43137\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/Genesis-Blocks-plugin.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/Genesis-Blocks-plugin.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/Genesis-Blocks-plugin.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/Genesis-Blocks-plugin.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p class=\"wp-block-paragraph\"><strong>Estad&iacute;sticas del plugin:<\/strong><\/p><ul class=\"wp-block-list\">\n<li><strong>Descargas: <\/strong>60.000+<\/li>\n\n\n\n<li><strong>Valoraci&oacute;n: <\/strong>4.5\/5<\/li>\n\n\n\n<li><strong>Caracter&iacute;sticas destacables: <\/strong>tabla de precios y bloques de llamada a la acci&oacute;n preconstruidos<\/li>\n\n\n\n<li><strong>Ideal para: <\/strong>blogs y peque&ntilde;as empresas<\/li>\n\n\n\n<li><strong>Precio: <\/strong>freemium (desde <strong>360 d&oacute;lares al a&ntilde;o<\/strong>)<\/li>\n<\/ul><p class=\"wp-block-paragraph\">El plugin Genesis Blocks a&ntilde;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><p class=\"wp-block-paragraph\">El bloque <strong>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&ntilde;adir hasta cuatro columnas de precios, con un bot&oacute;n de llamada a la acci&oacute;n.<\/p><p class=\"wp-block-paragraph\">El bloque de llamada a la acci&oacute;n te permite a&ntilde;adir una secci&oacute;n de llamada a la acci&oacute;n al sitio. Admite un fondo de imagen y un dise&ntilde;o de ancho completo para que destaque del resto del contenido.<\/p><p class=\"wp-block-paragraph\">La versi&oacute;n premium del plugin, <a href=\"https:\/\/www.studiopress.com\/genesis-pro\/\" target=\"_blank\" rel=\"noreferrer noopener\">Genesis Pro<\/a>, a&ntilde;ade dos bloques m&aacute;s y permisos de usuario a nivel de bloque para que s&oacute;lo los usuarios seleccionados tengan acceso a determinados bloques. <\/p><p class=\"wp-block-paragraph\">En definitiva, este plugin es adecuado para blogs y sitios web de peque&ntilde;as empresas que busquen bloques adicionales sencillos.<\/p><h3 class=\"wp-block-heading\" id=\"h-2-getwid\">2. <a href=\"https:\/\/es.wordpress.org\/plugins\/getwid\/\" target=\"_blank\" rel=\"noreferrer noopener\">Getwid<\/a><\/h3><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"393\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/image-2.png\/public\" alt=\"Plugin Getwid de WordPress\" class=\"wp-image-43138\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/image-2.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/image-2.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/image-2.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/image-2.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p class=\"wp-block-paragraph\"><strong>Estad&iacute;sticas del plugin:<\/strong><\/p><ul class=\"wp-block-list\">\n<li><strong>Descargas: <\/strong>50.000+<\/li>\n\n\n\n<li><strong>Valoraci&oacute;n: <\/strong>5\/5<\/li>\n\n\n\n<li><strong>Caracter&iacute;sticas destacables: <\/strong>plantillas predise&ntilde;adas, gran variedad de bloques de contenido<\/li>\n\n\n\n<li><strong>Ideal para: <\/strong>blogs, peque&ntilde;as empresas, portafolios<\/li>\n\n\n\n<li><strong>Precio: gratis<\/strong><\/li>\n<\/ul><p class=\"wp-block-paragraph\">Getwid es el plugin de bloques gratuito con la gama m&aacute;s amplia de bloques Gutenberg adicionales. Ofrece 38 bloques &uacute;nicos y m&aacute;s de 35 plantillas predise&ntilde;adas para ayudarte a crear un bonito dise&ntilde;o web sin tener que instalar demasiados plugins.<\/p><p class=\"wp-block-paragraph\">Bloques como el <strong>deslizador de im&aacute;genes<\/strong>, la <strong>caja de im&aacute;genes <\/strong>y la <strong>galer&iacute;a de im&aacute;genes apiladas <\/strong>proporcionan nuevas formas de presentar im&aacute;genes en tu contenido. Getwid tambi&eacute;n incluye bloques de<strong> Instagram <\/strong>y <strong>Google Maps <\/strong>que ampl&iacute;an las opciones de incrustaci&oacute;n existentes.<\/p><p class=\"wp-block-paragraph\">Las plantillas prefabricadas son similares al patr&oacute;n de bloques de WordPress. Sin embargo, Getwid utiliza el bloque de<strong> biblioteca de plantillas <\/strong>en lugar del insertador de patrones para seleccionar e insertar la plantilla en el contenido.<\/p><p class=\"wp-block-paragraph\">Puedes desactivar los bloques que no utilices para mantener la velocidad y simplicidad de tu editor. Ve a <strong>Panel <\/strong>-&gt; <strong>Configuraci&oacute;n <\/strong>-&gt; <strong>Getwid <\/strong>y abre la pesta&ntilde;a <strong>Bloques <\/strong>para seleccionar qu&eacute; bloques desactivar.<\/p><h3 class=\"wp-block-heading\" id=\"h-3-spectra-wordpress-gutenberg-blocks\">3. <a href=\"https:\/\/wpspectra.com\/pricing\/?bsf=5643\" target=\"_blank\" rel=\"noreferrer noopener\">Spectra &ndash; WordPress Gutenberg Blocks<\/a><\/h3><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"327\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/image-3.png\/public\" alt=\"Plugin Spectra &ndash; WordPress Gutenberg Blocks de WordPress\" class=\"wp-image-43139\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/image-3.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/image-3.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/image-3.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/image-3.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p class=\"wp-block-paragraph\"><strong>Estad&iacute;sticas del plugin:<\/strong><\/p><ul class=\"wp-block-list\">\n<li><strong>Descargas: <\/strong>500.000+<\/li>\n\n\n\n<li><strong>Valoraci&oacute;n: <\/strong>4.9\/5<\/li>\n\n\n\n<li><strong>Caracter&iacute;sticas destacables: <\/strong>bloques de esquema, plantillas de p&aacute;gina completa y patrones de bloques<\/li>\n\n\n\n<li><strong>Ideal para: <\/strong>blogs, peque&ntilde;as empresas, restaurantes<\/li>\n\n\n\n<li><strong>Precio: <\/strong>gratis y de pago<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Spectra &ndash; WordPress Gutenberg Blocks es uno de los plugins de bloques de WordPress m&aacute;s atractivos. Adem&aacute;s de 33 bloques diferentes, Spectra tambi&eacute;n proporciona 81 plantillas de p&aacute;gina completa, 284 patrones de bloques y 56 wireframes.<\/p><p class=\"wp-block-paragraph\">Bloques como la<strong> cuadr&iacute;cula de entradas<\/strong>, la <strong>mamposter&iacute;a de entradas <\/strong>y el<strong> carrusel de entradas <\/strong>muestran tus entradas en varios formatos. <\/p><p class=\"wp-block-paragraph\">El bloque de<strong> lista de precios <\/strong>es perfecto para mostrar el men&uacute; de un restaurante u otros precios de productos. Tambi&eacute;n es posible insertar una imagen para cada art&iacute;culo utilizando las herramientas de dise&ntilde;o del bloque.<\/p><p class=\"wp-block-paragraph\">Spectra incluye varios bloques de esquemas para contenido de <strong>instrucciones<\/strong>, <strong>rese&ntilde;as <\/strong>y <strong>preguntas frecuentes<\/strong>. Estos bloques no s&oacute;lo ayudan a configurar el contenido m&aacute;s r&aacute;pidamente, sino que mejoran su clasificaci&oacute;n en los motores de b&uacute;squeda.<\/p><p class=\"wp-block-paragraph\">Las plantillas, patrones y wireframes del plugin est&aacute;n disponibles para entradas y p&aacute;ginas e incluyen opciones como portafolios y testimonios. Haz clic en el bot&oacute;n <strong>Plantillas Spectra <\/strong>en la parte superior del editor para encontrar todas las opciones disponibles.<\/p><h3 class=\"wp-block-heading\" id=\"h-4-premium-blocks-for-gutenberg\">4. <a href=\"https:\/\/es.wordpress.org\/plugins\/premium-blocks-for-gutenberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Premium Blocks for Gutenberg<\/a><\/h3><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"322\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/Premium-Blocks-for-Gutenberg.png\/public\" alt=\"Plugin Premium Blocks for Gutenberg de WordPress\" class=\"wp-image-43140\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/Premium-Blocks-for-Gutenberg.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/Premium-Blocks-for-Gutenberg.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/Premium-Blocks-for-Gutenberg.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/Premium-Blocks-for-Gutenberg.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p class=\"wp-block-paragraph\"><strong>Estad&iacute;sticas del plugin:<\/strong><\/p><ul class=\"wp-block-list\">\n<li><strong>Descargas: <\/strong>3.000+<\/li>\n\n\n\n<li><strong>Valoraci&oacute;n: <\/strong>5\/5<\/li>\n\n\n\n<li><strong>Caracter&iacute;sticas destacables: <\/strong>gestor de bloques, herramientas de dise&ntilde;o espec&iacute;ficas para cada bloque<\/li>\n\n\n\n<li><strong>Ideal para: <\/strong>peque&ntilde;as empresas<\/li>\n\n\n\n<li><strong>Precio: gratis<\/strong><\/li>\n<\/ul><p class=\"wp-block-paragraph\">Premium Blocks for Gutenberg es un plugin gratuito que a&ntilde;ade 14 nuevos bloques que tienen un impacto m&iacute;nimo en el rendimiento y la velocidad del sitio web.<\/p><p class=\"wp-block-paragraph\">Uno de los bloques exclusivos que ofrece este plugin es el <strong>Encabezado Dual<\/strong>, que divide los encabezados en dos partes que puedes personalizar individualmente. El bloque <strong>Texto de fantas&iacute;a <\/strong>te permite a&ntilde;adir animaci&oacute;n entre las partes del texto.<\/p><p class=\"wp-block-paragraph\">Al ofrecer bloques adicionales limitados, este plugin se centra en las <strong>opciones de configuraci&oacute;n <\/strong>de cada bloque para ayudarte a ajustar, editar y dise&ntilde;ar el contenido.<\/p><p class=\"wp-block-paragraph\">Por ejemplo, puedes modificar la capacidad de respuesta de cada bloque y el estilo del contenedor, mientras que varios bloques tambi&eacute;n vienen con herramientas de dise&ntilde;o &uacute;nicas.<\/p><p class=\"wp-block-paragraph\">Existe la opci&oacute;n de activar o desactivar bloques para minimizar el impacto del plugin. Dir&iacute;gete a <strong>Panel de control -&gt; Premium Blocks for Gutenberg -&gt; Configuraci&oacute;n de bloques <\/strong>y, a continuaci&oacute;n, elige los bloques que deseas activar y desactivar.<\/p><h3 class=\"wp-block-heading\" id=\"h-5-publishpress-blocks\">5. <a href=\"https:\/\/es.wordpress.org\/plugins\/advanced-gutenberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">PublishPress Blocks<\/a><\/h3><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"323\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/PublishPress-Blocks.png\/public\" alt=\"Plugin PublishPress Blocks de WordPress\" class=\"wp-image-43141\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/PublishPress-Blocks.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/PublishPress-Blocks.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/PublishPress-Blocks.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/PublishPress-Blocks.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p class=\"wp-block-paragraph\"><strong>Estad&iacute;sticas del plugin:<\/strong><\/p><ul class=\"wp-block-list\">\n<li><strong>Descargas: <\/strong>30.000+<\/li>\n\n\n\n<li><strong>Valoraci&oacute;n: <\/strong>4.7\/5<\/li>\n\n\n\n<li><strong>Caracter&iacute;sticas destacadas: <\/strong>bloqueo de acceso, inclusi&oacute;n por correo electr&oacute;nico, interfaz de configuraci&oacute;n de bloqueos<\/li>\n\n\n\n<li><strong>Ideal para: <\/strong>empresas, blogs de varios autores, tiendas online<\/li>\n\n\n\n<li><strong>Precio: gratis<\/strong><\/li>\n<\/ul><p class=\"wp-block-paragraph\">PublishPress Blocks incluye 22 bloques avanzados que puedes personalizar a trav&eacute;s del panel de administraci&oacute;n de WordPress.<\/p><p class=\"wp-block-paragraph\">Uno de los bloques exclusivos es el <strong>formulario de inicio de sesi&oacute;n\/registro<\/strong>, que proporciona una interfaz de inicio de sesi&oacute;n prefabricada dentro del editor de bloques. <\/p><p class=\"wp-block-paragraph\">PublishPress Blocks tambi&eacute;n ofrece bloques de <strong>Bolet&iacute;n de noticias <\/strong>y <strong>Formulario de contacto <\/strong>para la generaci&oacute;n de clientes potenciales.<\/p><p class=\"wp-block-paragraph\">Este plugin tiene una funci&oacute;n de acceso a bloques para activar o desactivar bloques espec&iacute;ficos para cada uno de tus <a href=\"\/ar\/tutoriales\/roles-wordpress\/\">roles de usuario de WordPress<\/a>. Ve a <strong>Bloques <\/strong>-&gt; <strong>Configuraci&oacute;n <\/strong>para activar la funci&oacute;n y gestionarla a trav&eacute;s del panel de acceso a bloques en la p&aacute;gina de configuraci&oacute;n del plugin.<\/p><p class=\"wp-block-paragraph\">La secci&oacute;n <strong>Configuraci&oacute;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&ntilde;o.<\/p><p class=\"wp-block-paragraph\">Si quieres utilizar CSS personalizado para tu sitio de WordPress, este plugin tambi&eacute;n tiene un panel de <strong>Estilos personalizados <\/strong>para a&ntilde;adir clases CSS.<\/p><h3 class=\"wp-block-heading\" id=\"h-6-stackable\">6. <a href=\"https:\/\/es.wordpress.org\/plugins\/stackable-ultimate-gutenberg-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">Stackable<\/a><\/h3><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"319\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/Stackable.png\/public\" alt=\"Plugin Stackable de WordPress\" class=\"wp-image-43142\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/Stackable.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/Stackable.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/Stackable.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/Stackable.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p class=\"wp-block-paragraph\"><strong>Estad&iacute;sticas del plugin:<\/strong><\/p><ul class=\"wp-block-list\">\n<li><strong>Descargas:<\/strong> 70.000+<\/li>\n\n\n\n<li><strong>Valoraci&oacute;n: <\/strong>4.9\/5<\/li>\n\n\n\n<li><strong>Caracter&iacute;sticas destacables: <\/strong>plantillas de dise&ntilde;o y kits de interfaz de usuario predise&ntilde;ados, ajustes detallados de personalizaci&oacute;n de bloques<\/li>\n\n\n\n<li><strong>Ideal para: <\/strong>todo tipo de sitios web<\/li>\n\n\n\n<li><strong>Precio: <\/strong>freemium (desde <strong>49 d&oacute;lares\/a&ntilde;o<\/strong>)<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Stackable es uno de los plugins de bloques m&aacute;s vers&aacute;tiles. Su versi&oacute;n gratuita a&ntilde;ade 35 bloques, 100 dise&ntilde;os de bloques preconstruidos, ocho kits de interfaz de usuario y 37 wireframes, mientras que Stackable premium aumenta las opciones de dise&ntilde;o con 403 dise&ntilde;os de bloques preconstruidos y 33 kits de interfaz de usuario.<\/p><p class=\"wp-block-paragraph\">Los dise&ntilde;os de bloques y kits de interfaz de usuario predefinidos est&aacute;n disponibles para entradas y p&aacute;ginas. Encuentra todas las opciones disponibles haciendo clic en el bot&oacute;n <strong>biblioteca de dise&ntilde;os <\/strong>en la parte superior de la pantalla del editor.<\/p><p class=\"wp-block-paragraph\">Stackable proporciona una amplia gama de herramientas de personalizaci&oacute;n de bloques con los ajustes <strong>bloque<\/strong>, <strong>estilo <\/strong>y <strong>avanzado <\/strong>de cada bloque.<\/p><p class=\"wp-block-paragraph\">Los ajustes de<strong> bloque <\/strong>contienen algunas configuraciones b&aacute;sicas de dise&ntilde;o como borde, alineaci&oacute;n y espaciado, mientras que los ajustes <strong>avanzados <\/strong>te permiten configurar la capacidad de respuesta del bloque y la etiqueta HTML. Tambi&eacute;n es posible a&ntilde;adir un efecto de movimiento con la versi&oacute;n premium.<\/p><h3 class=\"wp-block-heading\" id=\"h-7-ultimate-blocks\">7. <a href=\"https:\/\/es.wordpress.org\/plugins\/ultimate-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ultimate Blocks<\/a><\/h3><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"336\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/Ultimate-Blocks.png\/public\" alt=\"Plugin Ultimate Blocks de WordPress\" class=\"wp-image-43143\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/Ultimate-Blocks.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/Ultimate-Blocks.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/Ultimate-Blocks.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/Ultimate-Blocks.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p class=\"wp-block-paragraph\"><strong>Estad&iacute;sticas del plugin:<\/strong><\/p><ul class=\"wp-block-list\">\n<li><strong>Descargas: <\/strong>40.000+<\/li>\n\n\n\n<li><strong>Valoraci&oacute;n: <\/strong>4.9\/5<\/li>\n\n\n\n<li><strong>Caracter&iacute;sticas destacables: <\/strong>gestor de bloques, marcado schema, soporte comunitario<\/li>\n\n\n\n<li><strong>Ideal para: <\/strong>blogueros, vendedores<\/li>\n\n\n\n<li><strong>Precio: gratis<\/strong><\/li>\n<\/ul><p class=\"wp-block-paragraph\">Ultimate Blocks se centra en blogueros y vendedores. A&ntilde;ade 22 bloques como <strong>rese&ntilde;a<\/strong>, <strong>compartir en redes sociales <\/strong>y <strong>llamada a la acci&oacute;n <\/strong>para aumentar el compromiso del sitio web. El plugin tambi&eacute;n incluye <a href=\"\/ar\/tutoriales\/datos-estructurados-wordpress\/\">marcado schema<\/a> en los bloques <strong>rese&ntilde;a <\/strong>y <strong>c&oacute;mo hacerlo <\/strong>para mejorar el SEO.<\/p><p class=\"wp-block-paragraph\">El gestor de bloques te permite activar y desactivar bloques. Para abrir el gestor de bloques, ve a <strong>Panel de control <\/strong>-&gt; <strong>Ultimate Blocks.&nbsp;<\/strong><\/p><p class=\"wp-block-paragraph\">Ultimate Blocks tiene un foro comunitario activo con m&aacute;s de 400 miembros. Si encuentras dificultades al utilizar el plugin, consulta los debates existentes o publica tus preguntas en el foro.<\/p><p class=\"wp-block-paragraph\">Tambi&eacute;n hay disponible un formulario de contacto en <strong>Panel de control <\/strong>-&gt; <strong>Ultimate Blocks <\/strong>-&gt; <strong>Contacto<\/strong>.<\/p><h3 class=\"wp-block-heading\" id=\"h-8-kadence-blocks\">8. <a href=\"https:\/\/es.wordpress.org\/plugins\/kadence-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">Kadence Blocks<\/a><\/h3><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"322\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/Kadence-Blocks.png\/public\" alt=\"Plugin Kadence Blocks de WordPress\" class=\"wp-image-43144\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/Kadence-Blocks.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/Kadence-Blocks.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/Kadence-Blocks.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/Kadence-Blocks.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p class=\"wp-block-paragraph\"><strong>Estad&iacute;sticas del plugin:<\/strong><\/p><ul class=\"wp-block-list\">\n<li><strong>Descargas: <\/strong>200.000+<\/li>\n\n\n\n<li><strong>Valoraci&oacute;n: <\/strong>5\/5<\/li>\n\n\n\n<li><strong>Caracter&iacute;sticas destacables: <\/strong>secci&oacute;n de edici&oacute;n personalizada, gestor de bloques, secciones preconstruidas<\/li>\n\n\n\n<li><strong>Ideal para: <\/strong>todo tipo de sitios web<\/li>\n\n\n\n<li><strong>Precio: <\/strong>freemium (desde <strong>69 d&oacute;lares\/a&ntilde;o<\/strong>)<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Kadence Blocks ofrece herramientas para facilitar la creaci&oacute;n de dise&ntilde;os complejos en entradas de blog o p&aacute;ginas. La versi&oacute;n gratuita a&ntilde;ade 15 bloques al editor, mientras que <a href=\"https:\/\/www.kadenceblocks.com\/pro\/\" target=\"_blank\" rel=\"noreferrer noopener\">Kandace Blocks Pro<\/a> viene con 12 bloques premium, incluido un <strong>carrusel de productos <\/strong>y un <strong>v&iacute;deo emergente<\/strong>.<\/p><p class=\"wp-block-paragraph\">Kadence tambi&eacute;n ofrece secciones preconstruidas y plantillas de inicio. Abre la <strong>biblioteca de dise&ntilde;os de Kadence<\/strong> haciendo clic en el bot&oacute;n <strong>biblioteca de dise&ntilde;os <\/strong>situado en la parte superior del editor de entradas o p&aacute;ginas.<\/p><p class=\"wp-block-paragraph\">Adem&aacute;s, es posible establecer estilos globales para los bloques haciendo clic en el logotipo de<strong> Kadence Blocks <\/strong>junto al icono de <strong>Configuraci&oacute;n<\/strong>. Te permite cambiar la paleta de colores y los estilos globales de cada bloque.<\/p><h3 class=\"wp-block-heading\" id=\"h-9-otter-blocks\">9. <a href=\"https:\/\/wordpress.org\/plugins\/otter-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">Otter Blocks<\/a><\/h3><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/11\/Captura-de-pantalla-2024-11-06-a-las-6.38.20%E2%80%AFp.m.png\/public\" alt=\"Plugin Otter Blocks de WordPress\" class=\"wp-image-43145\"><\/figure><p class=\"wp-block-paragraph\"><strong>Estad&iacute;sticas del plugin:<\/strong><\/p><ul class=\"wp-block-list\">\n<li><strong>Descargas:<\/strong> 100.000+<\/li>\n\n\n\n<li><strong>Valoraci&oacute;n:<\/strong> 4.7\/5<\/li>\n\n\n\n<li><strong>Caracter&iacute;sticas destacables: <\/strong>configuraci&oacute;n de bloques por defecto, secciones preconstruidas, gestor de bloques<\/li>\n\n\n\n<li><strong>Ideal para: <\/strong>blogs, peque&ntilde;as empresas<\/li>\n\n\n\n<li><strong>Precio: gratis<\/strong><\/li>\n<\/ul><p class=\"wp-block-paragraph\">Otter Blocks es un ligero plugin gratuito que a&ntilde;ade 29 nuevos bloques al editor, incluyendo Google Maps y bloques de a&ntilde;adir al carrito.<\/p><p class=\"wp-block-paragraph\">Hay una opci&oacute;n para establecer el bloque <strong>secci&oacute;n <\/strong>como bloque predeterminado para las p&aacute;ginas nuevas. Alternativamente, abre la <strong>biblioteca de plantillas <\/strong>para elegir entre 51 secciones preconstruidas para crear contenido r&aacute;pidamente.<\/p><p class=\"wp-block-paragraph\">Ajusta la configuraci&oacute;n predeterminada de los bloques haciendo clic en el logotipo de<strong> Otter Blocks <\/strong>situado en la esquina derecha de la cabecera y seleccionando <strong>valores predeterminados globales<\/strong>. Podr&aacute;s cambiar el color, la tipograf&iacute;a y el espaciado por defecto de cada bloque.<\/p><p class=\"wp-block-paragraph\">El plugin tambi&eacute;n tiene funciones de animaci&oacute;n y CSS personalizadas aplicables a los bloques Otter y a los bloques predeterminados de WordPress. Por ejemplo, al escribir un n&uacute;mero utilizando el bloque de p&aacute;rrafo predeterminado, puedes a&ntilde;adirle una animaci&oacute;n de recuento.<\/p><p class=\"wp-block-paragraph\">La funci&oacute;n de CSS personalizado tambi&eacute;n es diferente de la clase CSS por defecto, ya que te permite escribir el c&oacute;digo CSS directamente en el editor.<\/p><h3 class=\"wp-block-heading\" id=\"h-10-coblocks\">10. <a href=\"https:\/\/es.wordpress.org\/plugins\/coblocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">CoBlocks<\/a><\/h3><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"328\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/image-4.png\/public\" alt=\"Plugin CoBlocks de WordPress\" class=\"wp-image-43146\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/image-4.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/image-4.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/image-4.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/11\/image-4.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p class=\"wp-block-paragraph\"><strong>Estad&iacute;sticas del plugin:<\/strong><\/p><ul class=\"wp-block-list\">\n<li><strong>Descargas: <\/strong>500.000+<\/li>\n\n\n\n<li><strong>Valoraci&oacute;n: <\/strong>4.3\/5<\/li>\n\n\n\n<li><strong>Caracter&iacute;sticas destacadas: <\/strong>funci&oacute;n de arrastrar para cambiar el tama&ntilde;o, bloques de incrustaci&oacute;n &uacute;nicos<\/li>\n\n\n\n<li><strong>Ideal para: <\/strong>restaurantes, peque&ntilde;as empresas, blogs<\/li>\n\n\n\n<li><strong>Precio: gratis<\/strong><\/li>\n<\/ul><p class=\"wp-block-paragraph\"><strong>CoBlocks <\/strong>es un plugin gratuito que a&ntilde;ade una experiencia flexible de creaci&oacute;n de p&aacute;ginas al editor de bloques de Gutenberg. Viene con 31 bloques nuevos, incluido el tipo de bloque <strong>comida <\/strong>y<strong> bebida <\/strong>para crear un men&uacute; de restaurante y el bloque <strong>resaltar <\/strong>para enfatizar texto importante.<\/p><p class=\"wp-block-paragraph\">El complemento tambi&eacute;n ofrece nuevas posibilidades de incrustaci&oacute;n. <strong>OpenTable <\/strong>te permite incrustar un widget de reservas para el sitio de tu restaurante, y con el bloque <strong>Gist<\/strong>, puedes mostrar un fragmento de c&oacute;digo de <a href=\"http:\/\/gist.github.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">GitHub Gist<\/a>.<\/p><p class=\"wp-block-paragraph\">Otra caracter&iacute;stica &uacute;nica de CoBlocks es la funci&oacute;n de arrastrar para cambiar el tama&ntilde;o de ciertos bloques como <strong>fila<\/strong>. Puedes ajustar la anchura de la columna dentro de un bloque de fila haciendo clic en &eacute;l y arrastr&aacute;ndolo o utilizando el <strong>canal <\/strong>personalizado en los ajustes de <strong>fila<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/ar\/hosting-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/06\/ES-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-40615\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/06\/ES-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/06\/ES-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/06\/ES-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/06\/ES-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusi&oacute;n<\/h2><p class=\"wp-block-paragraph\">Los bloques, junto con temas adaptados a ellos, se han convertido en la base para una edici&oacute;n completa del sitio y una mejor experiencia de usuario.<\/p><p class=\"wp-block-paragraph\">Los bloques de WordPress facilitan la personalizaci&oacute;n del contenido, ya que te permiten crear composiciones y dise&ntilde;os visuales atractivos sin necesidad de utilizar c&oacute;digo o plugins adicionales.<\/p><p class=\"wp-block-paragraph\">Tambi&eacute;n hay otras ventajas al compararlo con el editor anterior. Por ejemplo, los patrones de WordPress te permiten guardar un bloque predise&ntilde;ado para utilizarlo en el futuro, lo que simplifica el proceso de creaci&oacute;n de p&aacute;ginas y posts.&nbsp;<\/p><p class=\"wp-block-paragraph\">La funci&oacute;n de arrastrar y soltar, disponible en la barra de herramientas de bloques, te permite reorganizar r&aacute;pidamente el contenido.<\/p><p class=\"wp-block-paragraph\">Actualmente, WordPress tiene m&aacute;s de 90 bloques predeterminados, divididos en seis categor&iacute;as.&nbsp;<\/p><p class=\"wp-block-paragraph\">Aunque son suficientes para crear un sitio o blog b&aacute;sico de WordPress, los plugins de bloques de WordPress pueden ampliar la biblioteca de bloques y proporcionar m&aacute;s herramientas de personalizaci&oacute;n para satisfacer tus necesidades de dise&ntilde;o.<\/p><p class=\"wp-block-paragraph\">Esperamos que esta gu&iacute;a te haya sido de utilidad. Si tienes alg&uacute;n comentario o pregunta, escr&iacute;bela en la secci&oacute;n de abajo. &iexcl;Buena suerte!<\/p><h2 class=\"wp-block-heading\" id=\"h-bloques-de-wordpress-preguntas-frecuentes\">Bloques de WordPress &ndash; Preguntas frecuentes<\/h2><p class=\"wp-block-paragraph\">Aqu&iacute; tienes las preguntas m&aacute;s comunes sobre los bloques de WordPress.<\/p><div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-69446a3379189\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">&iquest;C&oacute;mo consigo m&aacute;s bloques en WordPress?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Para obtener m&aacute;s bloques en WordPress, puedes instalar plugins de bloques de terceros, como u003cstrongu003eUltimate Addons para Gutenbergu003c\/strongu003e, u003cstrongu003eAtomic Blocks u003c\/strongu003eo u003cstrongu003eCoBlocksu003c\/strongu003e.&nbsp;u003cbr \/u003eu003cbr \/u003eEstos plugins a&ntilde;aden bloques adicionales al editor de WordPress, permiti&eacute;ndote crear composiciones y dise&ntilde;os m&aacute;s complejos en tu p&aacute;gina web.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-69446a3379193\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">&iquest;Qu&eacute; es una plantilla en bloque de WordPress?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Una plantilla de bloques de WordPress es un dise&ntilde;o predise&ntilde;ado que utiliza el editor de bloques de WordPress para crear p&aacute;ginas o entradas personalizadas.&nbsp;u003cbr \/u003eu003cbr \/u003eConsiste en varios bloques predise&ntilde;ados dispuestos en un dise&ntilde;o espec&iacute;fico, lo que permite a los usuarios crear y personalizar p&aacute;ginas r&aacute;pidamente sin tener que dise&ntilde;ar cada bloque individualmente.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-69446a3379194\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">&iquest;Puedo desactivar los bloques en WordPress?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>S&iacute;, puedes desactivar los bloques en WordPress utilizando un plugin de editor cl&aacute;sico, que desactiva el editor de bloques y te permite utilizar la interfaz del editor cl&aacute;sico.&nbsp;u003cbr \/u003eu003cbr \/u003eAlternativamente, puedes utilizar el plugin u003cstrongu003eDisable Gutenbergu003c\/strongu003e, que desactiva selectivamente determinados bloques o categor&iacute;as enteras de bloques.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div><h3 class=\"wp-block-heading\" id=\"h-\"><\/h3>\n","protected":false},"excerpt":{"rendered":"<p>Los bloques de WordPress ofrecen una nueva manera de personalizar el contenido y el dise&ntilde;o de un sitio web. Con estos bloques, los usuarios de WordPress pueden agregar y editar elementos como p&aacute;rrafos, im&aacute;genes y widgets. Hay m&aacute;s de 90 bloques predeterminados disponibles en la versi&oacute;n actual de WordPress. Estos abarcan bloques de texto, medios, [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/ar\/tutoriales\/bloques-de-wordpress\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":353,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"Qu\u00e9 son los bloques de WordPress y c\u00f3mo personalizar tu web","rank_math_description":"Descubre qu\u00e9 son los bloques de WordPress y c\u00f3mo usarlos para personalizar f\u00e1cilmente tu web con dise\u00f1o visual sin necesidad de c\u00f3digo.","rank_math_focus_keyword":"bloques wordpress","footnotes":""},"categories":[4747],"tags":[],"class_list":["post-43123","post","type-post","status-publish","format-standard","hentry","category-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/wordpress-blocks\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/bloques-de-wordpress\/","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/wordpress-blocks\/","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/wordpress-blocks\/","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/wordpress-blocks\/","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/wordpress-blocks\/","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/wordpress-blocks\/","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/wordpress-blocks\/","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/wordpress-blocks\/","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/bloques-de-wordpress\/","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/bloques-de-wordpress\/","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/bloques-de-wordpress\/","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/posts\/43123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/users\/353"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/comments?post=43123"}],"version-history":[{"count":8,"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/posts\/43123\/revisions"}],"predecessor-version":[{"id":47316,"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/posts\/43123\/revisions\/47316"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/media?parent=43123"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/categories?post=43123"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/tags?post=43123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}