{"id":17643,"date":"2019-10-15T11:42:36","date_gmt":"2019-10-15T11:42:36","guid":{"rendered":"https:\/\/www.templatemonster.com\/es\/blog\/?p=17643"},"modified":"2020-05-07T14:49:54","modified_gmt":"2020-05-07T14:49:54","slug":"como-anadir-una-galeria-animada-a-tu-sitio-web-de-wordpress","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/es\/como-anadir-una-galeria-animada-a-tu-sitio-web-de-wordpress\/","title":{"rendered":"Tutorial: \u00bfC\u00f3mo a\u00f1adir una galer\u00eda WordPress animada a tu web?"},"content":{"rendered":"<p>El proceso de desarrollo del dise\u00f1o de tu sitio web requiere mucho tiempo.\u00a0 Y no se trata \u00fanicamente de la incrustaci\u00f3n de una galer\u00eda WordPress...<\/p>\n<p>De verdad, elegir una buena <a rel=\"noopener noreferrer\" href=\"https:\/\/www.templatemonster.com\/es\/temas-wordpress-tipo\/\" target=\"_blank\">plantilla<\/a> ya no es suficiente. S\u00ed, la plantilla es una herramienta muy \u00fatil que te ayuda a construir tu sitio web m\u00e1s r\u00e1pido, pero no eres el \u00fanico propietario de ella. Si dejas el dise\u00f1o tal como est\u00e1, tu sitio web no ser\u00e1 \u00fanico. Imagina cu\u00e1ntas personas ya han elegido esta misma plantilla. Para que se destaque, debes personalizarla: reemplazar colores y fuentes, a\u00f1adir im\u00e1genes y videos, textos y enlaces. Adem\u00e1s, tambi\u00e9n deber\u00edas preocuparte por a\u00f1adir algunos efectos de animaci\u00f3n y widgets.<\/p>\n<p>En realidad, cuando se trata de los complementos que puedan mejorar la apariencia del sitio web, podemos decir que sirven como joyer\u00eda. \u00bfPor qu\u00e9 la gente compra joyas? Para hacerse m\u00e1s hermosas y llamar la atenci\u00f3n. Claro que el concepto de belleza no es el mismo en todos los pa\u00edses. Las joyas de una mujer hermosa difieren dr\u00e1sticamente en \u00c1frica, Jap\u00f3n y Gran Breta\u00f1a. Sin embargo, de una forma u otra, esas joyas atraen la atenci\u00f3n. Los complementos logran el mismo objetivo: decoran sitios web y atraen la atenci\u00f3n de los usuarios. Ya sea que se trate del efecto de paralaje o una forma \u00fanica de presentaci\u00f3n de productos, todo esto se utiliza para lograr el objetivo principal de cada sitio web: hacer que el visitante no solo permanezca en el sitio, sino que tambi\u00e9n recorra el contenido y, tal vez, realice la acci\u00f3n que desees que realice (se suscriba al bolet\u00edn, por ejemplo).<\/p>\n<p>\u00bfQu\u00e9 cosa llama tu atenci\u00f3n en primer lugar en la p\u00e1gina web? Por supuesto, son los gr\u00e1ficos! Fotos asombrosas, artes v\u00edvidas e infograf\u00edas impresionantes: todos ellos son los mejores captadores de atenci\u00f3n. Sin embargo, si no planeas crear el segungo Instagram o Pinterest, no puedes llenar tu sitio web solo con fotos. Tambi\u00e9n debe tener algo de texto y otras cosas. Y aqu\u00ed es cuando entran en juego diferentes tipos de galer\u00edas y colecciones de im\u00e1genes. Una galer\u00eda es lo que puede animar un poco tu blog, tienda o portafolio.<\/p>\n<p>En esta entrada del blog, hablaremos de la galer\u00eda WordPress que no solo presente im\u00e1genes sino que tambi\u00e9n las muestre de acuerdo con el algoritmo elegido. Los elementos visuales se deslizan, se desplazan, se desvanecen o se acercan, agregando cada vez m\u00e1s din\u00e1mica al sitio. \u00bfPor qu\u00e9 esta galer\u00eda es mejor que una galer\u00eda normal? Porque se reproduce autom\u00e1ticamente! Es que cualquier movimiento en el sitio autom\u00e1ticamente atrae la atenci\u00f3n del usuario. Adem\u00e1s de esto, cuando las im\u00e1genes se reemplzan una por otra, puedes mostrar m\u00e1s im\u00e1genes que en una galer\u00eda est\u00e1tica.<\/p>\n<hr \/>\n<h2 id=\"title1\">Creaci\u00f3n de galer\u00eda WordPress \"muro animado\"<\/h2>\n<p>En primer lugar, debes encontrar el complemento especial. Te recomendamos el complemento <a rel=\"noopener noreferrer\" href=\"https:\/\/www.templatemonster.com\/es\/plugins-para-wordpress-tipo-84084.html\" target=\"_blank\">Animated Live Wall<\/a> creado por los profesionales y no demasiado caro. Sin embargo, tambi\u00e9n puedes buscar otras soluciones en la web.<\/p>\n<p>Despu\u00e9s de descargar el complemento, inst\u00e1lalo en tu sitio web. Abre el panel de control del sitio y ve a Plugins &gt; A\u00f1adir nuevo. Haz clic en el bot\u00f3n \"Subir plugin\", selecciona el archivo del plugin en tu computadora e inst\u00e1lalo.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-161496 aligncenter\" src=\"https:\/\/monsterspost.com\/wp-content\/uploads\/2019\/10\/installation.png\" alt=\"\" width=\"1019\" height=\"472\" \/><\/p>\n<p>Una vez lo actives, ver\u00e1s que hay una pesta\u00f1a adicional en tu tablero de herramientas: \u201cAnimated Live Wall\u201d. Cuando haces clic en Animated Live Wall &gt; A\u00f1adir nuevo, se abre una herramienta de galer\u00eda WordPress animada. Con su ayuda puedes crear y personalizar una galer\u00eda, y luego insertarla en cualquier p\u00e1gina al simplemente copiar y pegar su enlace.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-161494 aligncenter\" src=\"https:\/\/monsterspost.com\/wp-content\/uploads\/2019\/10\/gen1.png\" alt=\"\" width=\"1253\" height=\"571\" \/><\/p>\n<p>Como puedes ver, con este complemento puedes crear una galer\u00eda que contenga las im\u00e1genes que est\u00e1n almacenadas en tu computadora, o en que se recojan las fotos de tus publicaciones en Instagram o Flickr. Te mostraremos c\u00f3mo crear una galer\u00eda con las im\u00e1genes disponibles en tu PC. Haz clic en el campo \"A\u00f1adir im\u00e1genes\" y selecciona las im\u00e1genes (o simplemente arr\u00e1stralas y su\u00e9ltalas en ese campo). Las fotos seleccionadas aparecer\u00e1n en la ventana a continuaci\u00f3n.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-161490 aligncenter\" src=\"https:\/\/monsterspost.com\/wp-content\/uploads\/2019\/10\/addimages.png\" alt=\"\" width=\"757\" height=\"612\" \/><\/p>\n<p>Aqu\u00ed tambi\u00e9n puedes cambiar los t\u00edtulos de las fotos y agregar enlaces a ellas. La ventana tiene varias pesta\u00f1as adicionales que te brindan todas las opciones de personalizaci\u00f3n. Examinaremos ellas una por una. La pesta\u00f1a Layouts te ofrece cuatro variantes de dise\u00f1o: cuadr\u00edcula, mamposter\u00eda, mosaico y justificado. Sin embargo, solo puedes a\u00f1adir animaci\u00f3n a la galer\u00eda de cuadr\u00edcula. Como en esta entrada se trata de muros animados, elegimos el layout de cuadr\u00edcula.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-161497 aligncenter\" src=\"https:\/\/monsterspost.com\/wp-content\/uploads\/2019\/10\/layouts.png\" alt=\"\" width=\"751\" height=\"438\" \/><\/p>\n<p>La pesta\u00f1a \"Configuraci\u00f3n\" es donde se hacen todas las configuraciones de la galer\u00eda animada. Todas las opciones son bastante claras, pero en este post las analicemos en detalle.<\/p>\n<p>Filas. Eso es obvio; aqu\u00ed debes definir cu\u00e1ntas filas tendr\u00e1 tu cuadr\u00edcula. No te recomendamos hacer m\u00e1s de tres para que la galer\u00eda se ajuste bien a cualquier pantalla.<\/p>\n<p>Columnas. Lo mismo: esta opci\u00f3n define el n\u00famero de columnas en tu cuadr\u00edcula. Tres o cuatro filas ser\u00e1n suficientes. En este caso, la imagen ser\u00e1 lo suficientemente grande para ser claramente visible.<\/p>\n<ul>\n<li><strong>Tama\u00f1o de miniatura<\/strong>. El men\u00fa desplegable te ofrece seis variantes del tama\u00f1o de im\u00e1genes.<\/li>\n<li><strong>Animaci\u00f3n en vivo<\/strong>. Aqu\u00ed puedes elegir c\u00f3mo cambiar\u00e1n las im\u00e1genes en tu muro animado. Hay 16 variantes y adem\u00e1s de ellas, tambi\u00e9n puedes elegir la opci\u00f3n \"aleatoria\" para que la forma en que se mueven las im\u00e1genes se elija aleatoriamente.<\/li>\n<li><strong>Paso m\u00e1ximo<\/strong>. Aqu\u00ed se establece el n\u00famero de im\u00e1genes que se cambian al mismo tiempo. Puede ser una imagen a la vez o todas las im\u00e1genes en la cuadr\u00edcula. Dejaremos la configuraci\u00f3n predeterminada aqu\u00ed; tres im\u00e1genes a la vez son suficientes en nuestra opini\u00f3n.<\/li>\n<li><strong>Velocidad de animaci\u00f3n<\/strong>. Este y el siguiente par\u00e1metro son a los que debes prestar mucha atenci\u00f3n. Si el n\u00famero es demasiado peque\u00f1o, las im\u00e1genes se cambiar\u00e1n demasiado r\u00e1pido y molestar\u00e1n a los usuarios. Y si es demasiado grande, los cambios ser\u00e1n dif\u00edciles de notar. Te recomendar\u00edamos que comiences con la velocidad predeterminada y la cambies despu\u00e9s de examinarla.<\/li>\n<li><strong>Intervalo de animaci\u00f3n<\/strong>. Como mencionamos anteriormente, la velocidad importa. Esta opci\u00f3n define con qu\u00e9 frecuencia cambiar\u00e1n las im\u00e1genes. Configura este par\u00e1metro con cuidado.<\/li>\n<li><strong>Sin foto a reemplazo<\/strong>. Por alguna raz\u00f3n, es posible que desees que algunas im\u00e1genes permanezcan fijas. Puedes escribir las IDs de las im\u00e1genes que deseas que permanezcan fijas en la galer\u00eda. Si no tienes esas fotos, deja vaci\u00f3 este campo.<\/li>\n<li><strong>Espacio entre fotos.<\/strong> Como indica el t\u00edtulo, esta opci\u00f3n te permite establecer un espacio entre las im\u00e1genes de la cuadr\u00edcula. Si no deseas que est\u00e9n separadas, lo configura como \"0\".<\/li>\n<li><strong>Enlace de redireccionamiento de imagen.<\/strong> Si deseas que las im\u00e1genes en las que el usuario hace clic se abran en una pesta\u00f1a separada, elige la opci\u00f3n \"Nueva pesta\u00f1a\". De lo contrario, haz clic en \"La misma\".<\/li>\n<\/ul>\n<p>LightBox es una funcionalidad que abre tu galer\u00eda en una ventana superpuesta que se extiende por encima de toda la pantalla. En la pesta\u00f1a LightBox, puedes habilitar o deshabilitar lightbox, elegir su estilo y establecer el tama\u00f1o de miniaturas. Si no quieres que la galer\u00eda se muestre en lightbox, desact\u00edvalo.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-161491 aligncenter\" src=\"https:\/\/monsterspost.com\/wp-content\/uploads\/2019\/10\/config.png\" alt=\"\" width=\"883\" height=\"727\" \/><\/p>\n<p>Si la funci\u00f3n dada no es suficiente, siempre puedes a\u00f1adir algo de c\u00f3digo CSS personalizado. La pesta\u00f1a CSS personalizado sirve para este prop\u00f3sito. Sin embargo, si no sabes c\u00f3mo crear este c\u00f3digo y no tienes un desarrollador amigo que pueda ayudarte, te recomendamos que no toques esta pesta\u00f1a.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-161498 aligncenter\" src=\"https:\/\/monsterspost.com\/wp-content\/uploads\/2019\/10\/lightbox.png\" alt=\"\" width=\"751\" height=\"436\" \/><\/p>\n<hr \/>\n<h2 id=\"title2\">Galer\u00eda WordPress: Adici\u00f3n del muro animado a tu sitio web<\/h2>\n<p>Cuando finalices la personalizaci\u00f3n, asigna un nombre a la galer\u00eda y haz clic en el bot\u00f3n \"Actualizar\" en la esquina superior derecha. Ahora lo tienes! Es hora de colocarlo en una de las p\u00e1ginas de tu sitio web. Copia el c\u00f3digo corto de la galer\u00eda con un clic en el bot\u00f3n de carpeta en la esquina.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-161492 aligncenter\" src=\"https:\/\/monsterspost.com\/wp-content\/uploads\/2019\/10\/copy.png\" alt=\"\" width=\"308\" height=\"496\" \/><\/p>\n<p>Cuando est\u00e9s en la p\u00e1gina de destino, haz clic en el bot\u00f3n \"A\u00f1adir bloque\" y elige el bloque \"HTML personalizado\".<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-161495 aligncenter\" src=\"https:\/\/monsterspost.com\/wp-content\/uploads\/2019\/10\/html.png\" alt=\"\" width=\"843\" height=\"617\" \/><\/p>\n<p>Todo lo que debes hacer ahora es pegar el c\u00f3digo corto en la barra. Despu\u00e9s de hacerlo, actualiza la p\u00e1gina y ya: se agreg\u00f3 un muro animado a la p\u00e1gina. Para el visitante del sitio web se ver\u00e1 as\u00ed:<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-161499 aligncenter\" src=\"https:\/\/monsterspost.com\/wp-content\/uploads\/2019\/10\/result.png\" alt=\"\" width=\"880\" height=\"721\" \/><\/p>\n<hr \/>\n<h2 id=\"title3\">Conclusi\u00f3n<\/h2>\n<p>Cuando utilizas complementos, existe un solo peligro real: puedes usarlos en exceso. Los sitios web con toneladas de efectos diferentes molestan al usuario. Pues, ahora cuando ya sabes c\u00f3mo a\u00f1adir una galer\u00eda WordPress animada a tu sitio web, no exageres.<\/p>\n<p>Fuente: \"<a rel=\"noopener noreferrer\" href=\"https:\/\/monsterspost.com\/animated-gallery-wordpress-website\/\" target=\"_blank\">How to Add an Animated Gallery to Your WordPress Website?<\/a>\" por Elizabeth Thistle<\/p>\n","protected":false},"excerpt":{"rendered":"<p>El proceso de desarrollo del dise\u00f1o de tu sitio web requiere mucho tiempo.\u00a0 Y no se trata \u00fanicamente de la incrustaci\u00f3n de una galer\u00eda WordPress... De verdad, elegir una buena plantilla ya no es suficiente. S\u00ed, la plantilla es una herramienta muy \u00fatil que te ayuda a construir tu sitio web m\u00e1s r\u00e1pido, pero no [&hellip;]<\/p>\n","protected":false},"author":1334762,"featured_media":17723,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[13,37],"tags":[442],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Tutorial: \u00bfC\u00f3mo a\u00f1adir una galer\u00eda WordPress animada a tu web?<\/title>\n<meta name=\"description\" content=\"En el art\u00edculo hablamos de una galer\u00eda WordPress que no solo presente im\u00e1genes sino que tambi\u00e9n las muestre una por una de acuerdo con cierto algoritmo.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/es\/como-anadir-una-galeria-animada-a-tu-sitio-web-de-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tutorial: \u00bfC\u00f3mo a\u00f1adir una galer\u00eda WordPress animada a tu web?\" \/>\n<meta property=\"og:description\" content=\"En el art\u00edculo hablamos de una galer\u00eda WordPress que no solo presente im\u00e1genes sino que tambi\u00e9n las muestre una por una de acuerdo con cierto algoritmo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/es\/como-anadir-una-galeria-animada-a-tu-sitio-web-de-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de TemplateMonster\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/TemplateMonsterEspana\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/profile.php?id=100004881674652\" \/>\n<meta property=\"article:published_time\" content=\"2019-10-15T11:42:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-05-07T14:49:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/10\/galeria-animada-destacada.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"538\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Diane Parks\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TMonster_ES\" \/>\n<meta name=\"twitter:site\" content=\"@TMonster_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Diane Parks\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/es\/como-anadir-una-galeria-animada-a-tu-sitio-web-de-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/es\/como-anadir-una-galeria-animada-a-tu-sitio-web-de-wordpress\/\"},\"author\":{\"name\":\"Diane Parks\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c\"},\"headline\":\"Tutorial: \u00bfC\u00f3mo a\u00f1adir una galer\u00eda WordPress animada a tu web?\",\"datePublished\":\"2019-10-15T11:42:36+00:00\",\"dateModified\":\"2020-05-07T14:49:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/es\/como-anadir-una-galeria-animada-a-tu-sitio-web-de-wordpress\/\"},\"wordCount\":1584,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#organization\"},\"keywords\":[\"tutorial de wordpress\"],\"articleSection\":[\"Tutoriales\",\"WordPress\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/es\/como-anadir-una-galeria-animada-a-tu-sitio-web-de-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/es\/como-anadir-una-galeria-animada-a-tu-sitio-web-de-wordpress\/\",\"url\":\"https:\/\/monsterspost.com\/es\/como-anadir-una-galeria-animada-a-tu-sitio-web-de-wordpress\/\",\"name\":\"Tutorial: \u00bfC\u00f3mo a\u00f1adir una galer\u00eda WordPress animada a tu web?\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#website\"},\"datePublished\":\"2019-10-15T11:42:36+00:00\",\"dateModified\":\"2020-05-07T14:49:54+00:00\",\"description\":\"En el art\u00edculo hablamos de una galer\u00eda WordPress que no solo presente im\u00e1genes sino que tambi\u00e9n las muestre una por una de acuerdo con cierto algoritmo.\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/es\/como-anadir-una-galeria-animada-a-tu-sitio-web-de-wordpress\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/es\/como-anadir-una-galeria-animada-a-tu-sitio-web-de-wordpress\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/es\/como-anadir-una-galeria-animada-a-tu-sitio-web-de-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutorial: \u00bfC\u00f3mo a\u00f1adir una galer\u00eda WordPress animada a tu web?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/es\/#website\",\"url\":\"https:\/\/monsterspost.com\/es\/\",\"name\":\"Blog de TemplateMonster\",\"description\":\"Just another MonsterPost Sites site\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/es\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/es\/#organization\",\"name\":\"MonstersPost Espa\u00f1a\",\"url\":\"https:\/\/monsterspost.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonstersPost Espa\u00f1a\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/template_monster\/\",\"https:\/\/www.pinterest.com\/templatemonster\/\",\"https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/\",\"https:\/\/www.facebook.com\/TemplateMonsterEspana\",\"https:\/\/twitter.com\/TMonster_ES\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c\",\"name\":\"Diane Parks\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Diane Parks\"},\"description\":\"Diane trabja como una redactora del blog MonsterPost Espa\u00f1a desde hace muchos a\u00f1os. No imagina su vida sin escribir, aprender algo nuevo cada d\u00eda, desarollarse personalmente y profesionalmente, y compartir sus conocimientos y experiencia con los lectores del blog. \u00a1S\u00edguela en Facebook!\",\"sameAs\":[\"https:\/\/www.facebook.com\/profile.php?id=100004881674652\"],\"url\":\"https:\/\/monsterspost.com\/es\/author\/diane\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tutorial: \u00bfC\u00f3mo a\u00f1adir una galer\u00eda WordPress animada a tu web?","description":"En el art\u00edculo hablamos de una galer\u00eda WordPress que no solo presente im\u00e1genes sino que tambi\u00e9n las muestre una por una de acuerdo con cierto algoritmo.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/monsterspost.com\/es\/como-anadir-una-galeria-animada-a-tu-sitio-web-de-wordpress\/","og_locale":"es_ES","og_type":"article","og_title":"Tutorial: \u00bfC\u00f3mo a\u00f1adir una galer\u00eda WordPress animada a tu web?","og_description":"En el art\u00edculo hablamos de una galer\u00eda WordPress que no solo presente im\u00e1genes sino que tambi\u00e9n las muestre una por una de acuerdo con cierto algoritmo.","og_url":"https:\/\/monsterspost.com\/es\/como-anadir-una-galeria-animada-a-tu-sitio-web-de-wordpress\/","og_site_name":"Blog de TemplateMonster","article_publisher":"https:\/\/www.facebook.com\/TemplateMonsterEspana","article_author":"https:\/\/www.facebook.com\/profile.php?id=100004881674652","article_published_time":"2019-10-15T11:42:36+00:00","article_modified_time":"2020-05-07T14:49:54+00:00","og_image":[{"width":900,"height":538,"url":"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/10\/galeria-animada-destacada.jpg","type":"image\/jpeg"}],"author":"Diane Parks","twitter_card":"summary_large_image","twitter_creator":"@TMonster_ES","twitter_site":"@TMonster_ES","twitter_misc":{"Escrito por":"Diane Parks","Tiempo de lectura":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/es\/como-anadir-una-galeria-animada-a-tu-sitio-web-de-wordpress\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/es\/como-anadir-una-galeria-animada-a-tu-sitio-web-de-wordpress\/"},"author":{"name":"Diane Parks","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c"},"headline":"Tutorial: \u00bfC\u00f3mo a\u00f1adir una galer\u00eda WordPress animada a tu web?","datePublished":"2019-10-15T11:42:36+00:00","dateModified":"2020-05-07T14:49:54+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/es\/como-anadir-una-galeria-animada-a-tu-sitio-web-de-wordpress\/"},"wordCount":1584,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/es\/#organization"},"keywords":["tutorial de wordpress"],"articleSection":["Tutoriales","WordPress"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/es\/como-anadir-una-galeria-animada-a-tu-sitio-web-de-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/es\/como-anadir-una-galeria-animada-a-tu-sitio-web-de-wordpress\/","url":"https:\/\/monsterspost.com\/es\/como-anadir-una-galeria-animada-a-tu-sitio-web-de-wordpress\/","name":"Tutorial: \u00bfC\u00f3mo a\u00f1adir una galer\u00eda WordPress animada a tu web?","isPartOf":{"@id":"https:\/\/monsterspost.com\/es\/#website"},"datePublished":"2019-10-15T11:42:36+00:00","dateModified":"2020-05-07T14:49:54+00:00","description":"En el art\u00edculo hablamos de una galer\u00eda WordPress que no solo presente im\u00e1genes sino que tambi\u00e9n las muestre una por una de acuerdo con cierto algoritmo.","breadcrumb":{"@id":"https:\/\/monsterspost.com\/es\/como-anadir-una-galeria-animada-a-tu-sitio-web-de-wordpress\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/es\/como-anadir-una-galeria-animada-a-tu-sitio-web-de-wordpress\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/es\/como-anadir-una-galeria-animada-a-tu-sitio-web-de-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/es\/"},{"@type":"ListItem","position":2,"name":"Tutorial: \u00bfC\u00f3mo a\u00f1adir una galer\u00eda WordPress animada a tu web?"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/es\/#website","url":"https:\/\/monsterspost.com\/es\/","name":"Blog de TemplateMonster","description":"Just another MonsterPost Sites site","publisher":{"@id":"https:\/\/monsterspost.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/es\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/es\/#organization","name":"MonstersPost Espa\u00f1a","url":"https:\/\/monsterspost.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonstersPost Espa\u00f1a"},"image":{"@id":"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/template_monster\/","https:\/\/www.pinterest.com\/templatemonster\/","https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/","https:\/\/www.facebook.com\/TemplateMonsterEspana","https:\/\/twitter.com\/TMonster_ES"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c","name":"Diane Parks","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Diane Parks"},"description":"Diane trabja como una redactora del blog MonsterPost Espa\u00f1a desde hace muchos a\u00f1os. No imagina su vida sin escribir, aprender algo nuevo cada d\u00eda, desarollarse personalmente y profesionalmente, y compartir sus conocimientos y experiencia con los lectores del blog. \u00a1S\u00edguela en Facebook!","sameAs":["https:\/\/www.facebook.com\/profile.php?id=100004881674652"],"url":"https:\/\/monsterspost.com\/es\/author\/diane\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts\/17643"}],"collection":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/users\/1334762"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/comments?post=17643"}],"version-history":[{"count":13,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts\/17643\/revisions"}],"predecessor-version":[{"id":21211,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts\/17643\/revisions\/21211"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/media\/17723"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/media?parent=17643"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/categories?post=17643"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/tags?post=17643"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}