{"id":261,"date":"2023-02-01T10:43:52","date_gmt":"2023-02-01T10:43:52","guid":{"rendered":"https:\/\/blog.hostinger.io\/es\/support\/2023\/02\/01\/6437094-hostinger-creador-de-sitios-web-como-agregar-una-imagen-a-la-galeria\/"},"modified":"2025-08-26T20:51:46","modified_gmt":"2025-08-26T20:51:46","slug":"6437094-hostinger-creador-de-sitios-web-como-agregar-una-imagen-a-la-galeria","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/es\/support\/6437094-hostinger-creador-de-sitios-web-como-agregar-una-imagen-a-la-galeria\/","title":{"rendered":"Hostinger Creador de Sitios Web: C\u00f3mo Agregar una Imagen a la Galer\u00eda"},"content":{"rendered":"<p class=\"no-margin\">Hay dos maneras de agregar una imagen a la galer&iacute;a:<\/p><ol>\n<li>\n<p class=\"no-margin\">Usar el elemento Galer&iacute;a<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Incrustar un complemento<\/p>\n<\/li>\n<\/ol><p class=\"no-margin\">\n<\/p><h1 id=\"h_59f7e35587\"><b>Elemento Galer&iacute;a de Im&aacute;genes<\/b><\/h1><p class=\"no-margin\">Dentro del creador de sitios web, expande la secci&oacute;n <b>Agregar Elemento<\/b> en el panel de la izquierda. Arrastra y suelta el elemento <b>Galer&iacute;a <\/b>en cualquier parte de tu sitio web:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/02\/67cfaa51-fcb7-4d2c-b928-83bd42e8e4a6.jpg\"><\/div><p class=\"no-margin\">Haz click en el elemento para abrir las opciones. Puedes administrar la galer&iacute;a, abrir la configuraci&oacute;n, duplicar, ocultar, borrar o cambiar el tama&ntilde;o del elemento: <\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/02\/c51df7d0-4a7a-4517-8f74-33ca0e524bcd.jpg\"><\/div><p class=\"no-margin\">Haz click en <b>Administrar galer&iacute;a <\/b>para:<\/p><ul>\n<li>\n<p class=\"no-margin\">Agregar m&aacute;s im&aacute;genes<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Ordenar las im&aacute;genes: arrastra y suelta las im&aacute;genes para cambiar su orden<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Borra im&aacute;genes: desliza el cursor sobre la imagen que quieras quitar y ver&aacute;s el &iacute;cono para eliminar, t&oacute;calo para eliminar la imagen <\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">En las <b>configuraci&oacute;n de la galer&iacute;a<\/b> podr&aacute;s:<\/p><ul>\n<li>\n<p class=\"no-margin\">Seleccionar el estilo de la galer&iacute;a: dise&ntilde;o de cuadr&iacute;cula o alba&ntilde;iler&iacute;a para mostrar las im&aacute;genes en sus proporciones originales<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Definir un n&uacute;mero de im&aacute;genes por l&iacute;nea<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Cambiar el espacio entre las im&aacute;genes<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Elegir lo que sucede cuando haces click: por defecto, al hacer click sobre una imagen esta se mostrar&aacute; en pantalla completa, pero puedes desactivarlo f&aacute;cilmente<\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/02\/89b16267-a77e-44e1-bf4f-a815d678d55e.jpg\"><\/div><hr><p class=\"no-margin\">\n<\/p><h1 id=\"h_6abb0254ec\"><b>Complemento de galer&iacute;a de im&aacute;genes<\/b><\/h1><p class=\"no-margin\">Si est&aacute;s buscando personalizar tu galer&iacute;a puedes agregar un complemento a tu sitio web, <b><a href=\"https:\/\/elfsight.com\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Elfsight<\/a><\/b> es una de las tantas plataformas que ofrecer varios complementos incrustables como el<b> <a href=\"https:\/\/elfsight.com\/photo-gallery-widget\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Complemento de Galer&iacute;a de Fotos<\/a><\/b>.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">En Elfsight encontraras una variedad de plantillas para agregar tu galer&iacute;a de im&aacute;genes. Una vez que elijas una, puedes personalizarla como desees:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/02\/034bf670-659a-4e26-869a-92a9809767bc.jpg\"><\/div><p class=\"no-margin\">Cuando termines de crear tu complemento, gu&aacute;rdalo as&iacute;:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/02\/4dd7ca7b-1622-4c18-8cc1-59f42e70020b.jpg\"><\/div><p class=\"no-margin\">Luego haz click en <b>Add to Website<\/b> y copia el c&oacute;digo incrustable:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/02\/ec892f1a-3592-4a51-9796-36df519910ea.jpg\"><\/div><p class=\"no-margin\"><b>NOTA<\/b>: Elfsight te preguntar&aacute; si quieres adquirir un plan, pero puedes utilizar el plan gratis sin problemas.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Pega el c&oacute;digo en tu sitio web utilizando la<b> <a href=\"\/es\/support\/6463152-creador-de-sitios-webs-como-incrustar-un-codigo-personalizado\" target=\"_blank\" class=\"intercom-content-link\">herramienta Incrustar Elemento<\/a> <\/b>y <b><a href=\"\/es\/support\/6491230-creador-de-sitios-web-como-cambiar-el-tamano-de-elementos-y-secciones\" target=\"_blank\" class=\"intercom-content-link\">ajustala<\/a> <\/b>si es necesario. Una vez que hayas terminado,<b> <a href=\"\/es\/support\/6435697-creador-de-sitios-web-como-actualizar-tu-web\" target=\"_blank\" class=\"intercom-content-link\">actualiza tu sitio web<\/a> <\/b>para aplicar los cambios.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aprende c\u00f3mo agregar im\u00e1genes a la galer\u00eda de tu sitio web utilizando el Creador de Sitios Web<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[256],"tags":[],"class_list":["post-261","post","type-post","status-publish","format-standard","hentry","category-elementos-del-sitio-web"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6437094-hostinger-website-builder-how-to-add-an-image-gallery\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6437094-hostinger-creador-de-sitios-web-como-agregar-una-imagen-a-la-galeria\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6437094-hostinger-createur-de-site-web-comment-ajouter-une-galerie-d-images\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6437094-hostinger-svetainiu-kurimo-irankis-galerijos-elementas\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6437094-hostinger-criador-de-sites-como-adicionar-uma-galeria-de-imagens\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/261","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/comments?post=261"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/261\/revisions"}],"predecessor-version":[{"id":1308,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/261\/revisions\/1308"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/media?parent=261"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/categories?post=261"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/tags?post=261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}