{"id":371265,"date":"2023-03-27T18:05:00","date_gmt":"2023-03-27T15:05:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=371265"},"modified":"2023-03-27T18:05:02","modified_gmt":"2023-03-27T15:05:02","slug":"como-agregar-fotos-de-antes-y-despues-a-su-sitio-de-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/como-agregar-fotos-de-antes-y-despues-a-su-sitio-de-wordpress\/","title":{"rendered":"C\u00f3mo agregar fotos de antes y despu\u00e9s a su sitio de WordPress"},"content":{"rendered":"\n<p>Las fotos de antes y despu\u00e9s son una de las t\u00e1cticas de marketing m\u00e1s efectivas. El camino hacia los resultados finales suele ser largo y espantoso. Mostrar a la gente lo que hay al final de ese camino es un argumento de venta muy convincente.<\/p>\n<p>Si desea mostrar fotos de antes y despu\u00e9s en su sitio de WordPress, no necesita Photoshop ni ninguna habilidad de dise\u00f1o. En este breve tutorial, le mostraremos <strong>c\u00f3mo crear elegantes fotos de antes y despu\u00e9s<\/strong>.<\/p>\n<h2>\u00bfC\u00f3mo funciona el efecto fotogr\u00e1fico antes y despu\u00e9s?<\/h2>\n<p>Hay muchas maneras de crear una imagen de antes y despu\u00e9s, pero si desea que sea <strong>r\u00e1pida y est\u00e9 bien dise\u00f1ada al mismo tiempo<\/strong>, instale el complemento de imagen de antes y despu\u00e9s <a href=\"https:\/\/wordpress.org\/plugins\/twenty20\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">de Twenty20<\/a>. Cuando tiene este complemento, puede crear nuevas fotos de antes y despu\u00e9s cuando lo desee y colocarlas en cualquier p\u00e1gina de su sitio web.<\/p>\n<p>En lugar de una imagen est\u00e1tica, los visitantes de su sitio web obtienen un <strong>control deslizante interactivo<\/strong>. Por supuesto, <strong>este complemento se puede usar para comparar o mostrar dos lados del mismo producto<\/strong>.<\/p>\n<p>Ahora lo guiaremos a trav\u00e9s del proceso de configuraci\u00f3n del complemento y agregar fotos de antes y despu\u00e9s a su sitio web de WordPress.<\/p>\n<h2>Mostrando la foto de antes y despu\u00e9s en WordPress<\/h2>\n<p>Dado que el complemento Twenty20 Image Before-After es de c\u00f3digo abierto, puede encontrarlo en el directorio de complementos de WordPress. Simplemente vaya al panel de administraci\u00f3n y haga clic en <strong>Complementos&gt; Agregar nuevo<\/strong>. Encontrar\u00e1 el complemento que necesita escribiendo su nombre en la barra de b\u00fasqueda.<\/p>\n<p>Seleccione el complemento y haga clic en el bot\u00f3n &quot;instalar&quot;. Una vez que WordPress descargue e instale el complemento, ver\u00e1 un mensaje con un enlace de activaci\u00f3n. Haga clic en \u00e9l para activar el complemento. Ahora est\u00e1 listo para usarlo. necesita una gu\u00eda de video sobre la instalaci\u00f3n de complementos, aqu\u00ed hay <a href=\"https:\/\/themewp.inform.click\/es\/como-instalar-complementos-de-wordpress-de-manera-facil\/\" title=\"una gu\u00eda detallada para instalar complementos de WordPress\">una gu\u00eda detallada para instalar complementos de WordPress<\/a>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-291312-633e393081909.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-291312-633e393081909.jpg\" alt=\"C\u00f3mo agregar fotos de antes y despu\u00e9s a su sitio de WordPress\"><\/a><\/p>\n<p>Cuando decida crear una imagen del control deslizante antes y despu\u00e9s, vaya al backend de la p\u00e1gina. Ver\u00e1 el c\u00f3digo abreviado de Twenty20.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-291312-633e393358c40.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-291312-633e393358c40.jpg\" alt=\"C\u00f3mo agregar fotos de antes y despu\u00e9s a su sitio de WordPress\"><\/a><\/p>\n<p>Haga clic en \u00e9l para abrir la biblioteca de medios de WordPress o cargue las fotos que necesita. Seleccione dos fotos y haga clic en el bot\u00f3n Insertar.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-291312-633e3935db5ab.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-291312-633e3935db5ab.jpg\" alt=\"C\u00f3mo agregar fotos de antes y despu\u00e9s a su sitio de WordPress\"><\/a><\/p>\n<p>Cuando lo haga, ver\u00e1 una ventana emergente con campos donde <strong>puede agregar texto y ajustar el ancho, el valor de desplazamiento, la alineaci\u00f3n, la acci\u00f3n de activaci\u00f3n, la direcci\u00f3n del control deslizante,<\/strong> etc. Cuando personalice su foto de antes y despu\u00e9s, haga clic en el bot\u00f3n Insertar c\u00f3digo abreviado.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-291312-633e39388644c.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-291312-633e39388644c.jpg\" alt=\"C\u00f3mo agregar fotos de antes y despu\u00e9s a su sitio de WordPress\"><\/a><\/p>\n<p>Obtenga una vista previa de la p\u00e1gina y compruebe c\u00f3mo se ve su imagen de antes y despu\u00e9s. A medida que desliza el asa hacia un lado, aparecer\u00e1 la otra imagen.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-291312-633e393bf0e86.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-291312-633e393bf0e86.jpg\" alt=\"C\u00f3mo agregar fotos de antes y despu\u00e9s a su sitio de WordPress\"><\/a><\/p>\n<p>Este complemento de WordPress para fotos de antes y despu\u00e9s es <strong>receptivo y funcional en todos los dispositivos<\/strong>. Como puede ver, cuenta con una interfaz de usuario f\u00e1cil y limpia. <strong>Es compatible con WP Bakery Visual Composer, Elementor Page Builder y UX Builder de UXThemes<\/strong>.<\/p>\n<p>Ahora ya est\u00e1 todo listo. \u00a1Con este complemento, puede crear un n\u00famero ilimitado de im\u00e1genes de antes y despu\u00e9s! Si desea enriquecer su sitio web con efectos fotogr\u00e1ficos m\u00e1s impresionantes, contin\u00fae con esta <a href=\"https:\/\/themewp.inform.click\/es\/los-7-mejores-complementos-de-control-deslizante-de-wordpress-para-2022\/\" title=\"lista de los mejores complementos de control deslizante de WordPress\">lista de los mejores complementos de control deslizante de WordPress<\/a>.<\/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>Aqu\u00ed hay una gu\u00eda para agregar fotos de antes y despu\u00e9s usando un simple complemento de WordPress. \u00a1Muestre a los visitantes de su sitio web el poder de la transformaci\u00f3n!<\/p>\n","protected":false},"author":1,"featured_media":363616,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[566],"tags":[849],"class_list":["post-371265","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\/371265","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=371265"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/371265\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/363616"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=371265"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=371265"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=371265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}