{"id":366967,"date":"2023-01-31T18:25:00","date_gmt":"2023-01-31T15:25:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=366967"},"modified":"2023-02-04T12:52:12","modified_gmt":"2023-02-04T09:52:12","slug":"introduccion-a-las-caracteristicas-del-bloque-de-galeria-de-gutenberg","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/introduccion-a-las-caracteristicas-del-bloque-de-galeria-de-gutenberg\/","title":{"rendered":"Introducci\u00f3n a las caracter\u00edsticas del bloque de galer\u00eda de Gutenberg"},"content":{"rendered":"\n<p>El manejo de galer\u00edas en WordPress sol\u00eda requerir conocimientos avanzados, en la \u00e9poca en que hab\u00eda que hacerlo <a href=\"https:\/\/themewp.inform.click\/es\/como-crear-una-galeria-de-wordpress-con-el-editor-clasico\/\" title=\"con el editor cl\u00e1sico de WordPress\">con el editor cl\u00e1sico de WordPress<\/a>. Gracias al editor de Gutenberg y al poder de la simplicidad que dan paso a sus bloques, cualquiera puede tomar el asiento del conductor y comenzar a crear sus propias galer\u00edas.<\/p>\n<p>\u00bfNo nos crees? No hay problema: le mostraremos lo que puede hacer con los bloques de la galer\u00eda de Gutenberg. Como beneficio adicional, tambi\u00e9n le informaremos sobre otros bloques de galer\u00eda que le pueden gustar, as\u00ed que permanezca atento.<\/p>\n<h2>Presentamos el bloque de galer\u00eda nativa<\/h2>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e75366de2a.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e75366de2a.jpg\" alt=\"Introducci\u00f3n a las caracter\u00edsticas del bloque de galer\u00eda de Gutenberg\"><\/a><\/p>\n<p>La funci\u00f3n principal de Gallery Block es <strong>permitir compartir un grupo de im\u00e1genes en un formato de galer\u00eda en su sitio<\/strong>. Esto es similar a la galer\u00eda de im\u00e1genes en el editor cl\u00e1sico de WordPress, aunque hay algunas opciones completamente nuevas que vienen con el editor Gutenberg. Estos incluyen la <strong>posibilidad de agregar un t\u00edtulo de imagen directamente en la imagen, as\u00ed como columnas de galer\u00eda y configuraci\u00f3n de recorte de im\u00e1genes<\/strong>. Hablaremos de todas estas configuraciones con m\u00e1s detalle a continuaci\u00f3n.<\/p>\n<p>Puede elegir sus im\u00e1genes de la misma manera que lo hace en el editor cl\u00e1sico: seleccionando im\u00e1genes preexistentes en la Biblioteca de medios o cargando nuevas desde su computadora. Una vez que haya terminado con la selecci\u00f3n de im\u00e1genes, puede hacer clic en el bot\u00f3n Crear una nueva galer\u00eda para insertar su galer\u00eda en la p\u00e1gina.<\/p>\n<p>Una vez que haya terminado de crear su galer\u00eda, notar\u00e1 que hay algunas opciones que son las mismas que las de <a href=\"https:\/\/themewp.inform.click\/es\/una-guia-para-el-bloque-de-imagen-gutenberg-de-wordpress\/\" title=\"Bloque de imagen\">Bloque de imagen<\/a>, como alinear o cambiar el tipo de bloque. Gutenberg Gallery Block le muestra todo el potencial de la \u00faltima opci\u00f3n. Si, por ejemplo, decide transformar Galer\u00eda en Imagen, todas las im\u00e1genes se alinear\u00e1n individualmente, una debajo de la otra.<\/p>\n<h3>Pies de imagen<\/h3>\n<p>Depende totalmente de ti si quieres usar esta opci\u00f3n o no, pero en caso de que planees usarla, te alegrar\u00e1 saber que <strong>cada imagen puede tener un t\u00edtulo propio<\/strong>. El t\u00edtulo suele aparecer en la parte inferior de cada imagen con un fondo semitransparente. El color del texto y el fondo dependen del tema que est\u00e9s usando.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e753963a7a.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e753963a7a.jpg\" alt=\"Introducci\u00f3n a las caracter\u00edsticas del bloque de galer\u00eda de Gutenberg\"><\/a><\/p>\n<h3>Columnas de la galer\u00eda<\/h3>\n<p>Debemos tener en cuenta que en Gallery Block, no tiene la capacidad de elegir el tama\u00f1o de las im\u00e1genes. En cambio, cambian proporcionalmente al n\u00famero de columnas que deseas tener en tu galer\u00eda. El n\u00famero de columna m\u00e1s grande que puede poner es el mismo que el n\u00famero de im\u00e1genes que termina agregando a su p\u00e1gina o publicaci\u00f3n. En otras palabras, este n\u00famero es infinito. Sin embargo, tenga en cuenta el hecho de que <strong>despu\u00e9s de agregar m\u00e1s de 6 columnas, sus im\u00e1genes pueden parecer m\u00e1s peque\u00f1as de lo que le gustar\u00eda que fueran<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e753c4d832.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e753c4d832.jpg\" alt=\"Introducci\u00f3n a las caracter\u00edsticas del bloque de galer\u00eda de Gutenberg\"><\/a><\/p>\n<p>Si planea usar im\u00e1genes que contienen diferentes relaciones de aspecto, como retrato u paisaje, aseg\u00farese de que la configuraci\u00f3n Recortar im\u00e1genes est\u00e9 activada. Esto asegurar\u00e1 que todas sus fotos encajen autom\u00e1ticamente en el n\u00famero de columna que ha elegido. Puede encontrar esta configuraci\u00f3n justo debajo del n\u00famero de columna.<\/p>\n<p>La imagen de abajo a la izquierda le muestra c\u00f3mo se ver\u00e1 su galer\u00eda con la configuraci\u00f3n Recortar im\u00e1genes desactivada, mientras que a la derecha puede ver c\u00f3mo se ver\u00e1n sus im\u00e1genes cuando est\u00e9 activada.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e753f88281.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e753f88281.jpg\" alt=\"Introducci\u00f3n a las caracter\u00edsticas del bloque de galer\u00eda de Gutenberg\"><\/a><\/p>\n<p>Por supuesto, hay algunas situaciones en las que ser\u00eda mejor desactivar esta configuraci\u00f3n. Por ejemplo, deber\u00edas hacer esto en caso de tener galer\u00edas de una columna, o si quieres mostrar tus im\u00e1genes en su tama\u00f1o original.<\/p>\n<p>Al igual que Bloque de imagen, Bloque de galer\u00eda tambi\u00e9n tiene una configuraci\u00f3n de Enlace a con tres opciones diferentes. Puede mostrar la imagen sin ning\u00fan enlace, puede enlazar a una p\u00e1gina espec\u00edfica en su sitio web (aunque esta opci\u00f3n rara vez se usa hoy en d\u00eda) o permitir que abra el archivo de imagen por s\u00ed mismo.<\/p>\n<p>Si no est\u00e1 satisfecho con su selecci\u00f3n de im\u00e1genes o su arreglo, tambi\u00e9n tiene una opci\u00f3n de Editar. De esta forma, puede eliminar cualquier archivo de la lista o arrastrar y soltar sus archivos para reordenarlos.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e7542d3718.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e7542d3718.jpg\" alt=\"Introducci\u00f3n a las caracter\u00edsticas del bloque de galer\u00eda de Gutenberg\"><\/a><\/p>\n<h2>Una buena alternativa al bloque nativo<\/h2>\n<p>Si te encanta el editor de Gutenberg y lo que necesitas son galer\u00edas, no hay raz\u00f3n para limitarte al bloque de galer\u00eda que viene con el editor de forma nativa. Existen muchos complementos de terceros que puede usar para ampliar las capacidades de Gutenberg.<\/p>\n<p><a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/?campaign=GalleryBlock&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Qi Blocks for Gutenberg<\/a> es uno de ellos, con <strong>81 bloques diferentes disponibles en la versi\u00f3n gratuita y premium<\/strong>. El complemento le brinda cuatro tipos diferentes de bloques de galer\u00eda, cada uno de ellos disponible de forma gratuita. Echemos un vistazo r\u00e1pido a lo que son.<\/p>\n<h3>Galer\u00eda de tarjetas<\/h3>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e754567ebe.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e754567ebe.jpg\" alt=\"Introducci\u00f3n a las caracter\u00edsticas del bloque de galer\u00eda de Gutenberg\"><\/a><\/p>\n<p>Una forma interesante de mostrar sus im\u00e1genes, el <a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/cards-gallery\/?campaign=GalleryBlock&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">bloque Galer\u00eda de tarjetas<\/a> le permite apilar im\u00e1genes una encima de otra y barajarlas hacia la izquierda, hacia la derecha o hacia ambos lados para explorarlas. El bloque te permite usar tantas im\u00e1genes como quieras, y te <strong>permite elegir su escala y cu\u00e1nto de ellas es visible antes de que se resalten<\/strong>.<\/p>\n<h3>galer\u00eda de im\u00e1genes<\/h3>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e7548190db.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e7548190db.jpg\" alt=\"Introducci\u00f3n a las caracter\u00edsticas del bloque de galer\u00eda de Gutenberg\"><\/a><\/p>\n<p>El <a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/image-gallery\/?campaign=GalleryBlock&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">bloque Galer\u00eda de im\u00e1genes<\/a> es su bloque habitual para mostrar im\u00e1genes en WordPress. Tiene un <strong>n\u00famero personalizable de columnas y le permite configurar efectos de visualizaci\u00f3n de im\u00e1genes emergentes<\/strong>, as\u00ed como establecer proporciones. Pr\u00e1cticamente todo lo que necesita para una visualizaci\u00f3n de imagen sencilla.<\/p>\n<h3>Galer\u00eda de im\u00e1genes de alba\u00f1iler\u00eda<\/h3>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e754b0e3bb.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e754b0e3bb.jpg\" alt=\"Introducci\u00f3n a las caracter\u00edsticas del bloque de galer\u00eda de Gutenberg\"><\/a><\/p>\n<p>\u00bfQuieres darle vida a tu galer\u00eda de im\u00e1genes para hacerla m\u00e1s interesante y din\u00e1mica? \u00bfQu\u00e9 le parece usar el <a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/masonry-image-gallery\/?campaign=GalleryBlock&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">bloque de la galer\u00eda de im\u00e1genes de mamposter\u00eda<\/a> para romper la uniformidad de c\u00f3mo se muestran sus im\u00e1genes? Podr\u00e1 <strong>establecer tama\u00f1os de imagen, espacios e incluso vistas previas de lightbox<\/strong>.<\/p>\n<h3>Galer\u00eda de im\u00e1genes de Pinterest<\/h3>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e754e0e1a3.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e754e0e1a3.jpg\" alt=\"Introducci\u00f3n a las caracter\u00edsticas del bloque de galer\u00eda de Gutenberg\"><\/a><\/p>\n<p>Si eres fan\u00e1tico de las galer\u00edas de im\u00e1genes al estilo de Pinterest, el <a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/pinterest-image-gallery\/?campaign=GalleryBlock&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">bloque Galer\u00eda de im\u00e1genes de Pinterest<\/a> es algo que has estado necesitando sin siquiera saberlo. Este bloque le permite <strong>elegir configuraciones receptivas predefinidas o elegir cada configuraci\u00f3n para que se adapte a su visi\u00f3n \u00fanica de una galer\u00eda de im\u00e1genes al estilo de Pinterest<\/strong>.<\/p>\n<p>Eso es todo para nuestra descripci\u00f3n general de Gutenberg Gallery Block. Como puede ver, el proceso de agregar im\u00e1genes a su galer\u00eda se simplifica completamente gracias a la interfaz intuitiva de Gutenberg. Contin\u00fae y pruebe todas las opciones \u00fatiles que vienen con \u00e9l. Mientras lo hace, \u00bfpor qu\u00e9 no buscar alternativas al bloque nativo, como las proporcionadas por Qi Blocks para Gutenberg? \u00a1Cuantas m\u00e1s opciones tengas, mejor podr\u00e1s expresarte!<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/efpXggWrMSY\" frameborder=\"0\"><\/iframe><\/div>\n<p>Esperamos que este art\u00edculo le haya resultado \u00fatil. Si te ha gustado, \u00a1no dudes en consultar algunos de estos art\u00edculos tambi\u00e9n!<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lo guiaremos a trav\u00e9s de todas las diferentes opciones que el bloque de la galer\u00eda Gutenberg tiene reservado.<\/p>\n","protected":false},"author":1,"featured_media":364218,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[566],"tags":[849],"class_list":["post-366967","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-conceptos-basicos-de-wordpress","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/366967","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/comments?post=366967"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/366967\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/364218"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=366967"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=366967"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=366967"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}