{"id":371413,"date":"2023-03-27T17:39:00","date_gmt":"2023-03-27T14:39:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=371413"},"modified":"2023-03-27T17:39:30","modified_gmt":"2023-03-27T14:39:30","slug":"como-adicionar-fotos-antes-e-depois-ao-seu-site-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/como-adicionar-fotos-antes-e-depois-ao-seu-site-wordpress\/","title":{"rendered":"Como adicionar fotos antes e depois ao seu site WordPress"},"content":{"rendered":"\n

As fotos antes e depois s\u00e3o uma das t\u00e1ticas de marketing mais eficazes. O caminho para os resultados finais \u00e9 muitas vezes longo e horr\u00edvel. Mostrar \u00e0s pessoas o que est\u00e1 no fim dessa estrada contribui para um discurso de vendas muito convincente.<\/p>\n

Se voc\u00ea deseja mostrar fotos de antes e depois em seu site WordPress, n\u00e3o precisa do Photoshop ou de nenhuma habilidade de design. Neste breve tutorial, mostraremos como criar fotos elegantes de antes e depois<\/strong>.<\/p>\n

Como funciona o efeito fotogr\u00e1fico antes e depois?<\/h2>\n

Existem muitas maneiras de criar uma imagem antes e depois, mas se voc\u00ea quiser torn\u00e1-la r\u00e1pida e bem projetada ao mesmo tempo<\/strong>, instale o plugin Twenty20 Image Before-After .<\/a> Quando voc\u00ea tem este plugin, voc\u00ea pode criar novas fotos de antes e depois sempre que quiser e coloc\u00e1-las em qualquer p\u00e1gina do seu site.<\/p>\n

Em vez de uma imagem est\u00e1tica, os visitantes do seu site recebem um controle deslizante interativo<\/strong>. Claro, este plugin pode ser usado para compara\u00e7\u00f5es ou exibir dois lados do mesmo produto<\/strong>.<\/p>\n

Agora vamos gui\u00e1-lo pelo processo de configura\u00e7\u00e3o do plugin e adicionar fotos antes e depois ao seu site WordPress.<\/p>\n

Mostrando a foto do antes e depois no WordPress<\/h2>\n

Como o plugin Twenty20 Image Before-After \u00e9 de c\u00f3digo aberto, voc\u00ea pode encontr\u00e1-lo no diret\u00f3rio de plugins do WordPress. Basta ir ao painel de administra\u00e7\u00e3o e clicar em Plugins>Add New<\/strong>. Voc\u00ea encontrar\u00e1 o plug-in de que precisa digitando seu nome na barra de pesquisa.<\/p>\n

Selecione o plug-in e clique no bot\u00e3o "instalar". Assim que o WordPress baixar e instalar o plug-in, voc\u00ea ver\u00e1 uma mensagem com um link de ativa\u00e7\u00e3o. Clique nele para ativar o plug-in. Agora voc\u00ea est\u00e1 pronto para us\u00e1-lo. precisa de um guia em v\u00eddeo sobre a instala\u00e7\u00e3o de plugins, aqui est\u00e1 um guia detalhado para instalar plugins do WordPress<\/a>.<\/p>\n

\"Como<\/a><\/p>\n

Quando voc\u00ea decidir criar uma imagem de slider antes e depois, v\u00e1 para o back-end da p\u00e1gina. Voc\u00ea ver\u00e1 o shortcode Twenty20.<\/p>\n

\"Como<\/a><\/p>\n

Clique nele para abrir a biblioteca de m\u00eddia do WordPress ou fa\u00e7a upload das fotos que voc\u00ea precisa. Selecione duas fotos e clique no bot\u00e3o Inserir.<\/p>\n

\"Como<\/a><\/p>\n

Ao fazer isso, voc\u00ea ver\u00e1 um pop-up com campos onde voc\u00ea pode adicionar texto e ajustar a largura, o valor do deslocamento, o alinhamento, a a\u00e7\u00e3o do gatilho, a dire\u00e7\u00e3o do controle deslizante,<\/strong> etc. Ao personalizar sua foto de antes e depois, clique no bot\u00e3o Inserir c\u00f3digo de acesso.<\/p>\n

\"Como<\/a><\/p>\n

Visualize a p\u00e1gina e verifique como \u00e9 a sua imagem antes e depois. Conforme voc\u00ea desliza a al\u00e7a para o lado, a outra imagem aparecer\u00e1.<\/p>\n

\"Como<\/a><\/p>\n

Este plugin WordPress de fotos antes e depois \u00e9 responsivo e funcional em todos os dispositivos<\/strong>. Como voc\u00ea pode ver, possui uma interface de usu\u00e1rio f\u00e1cil e limpa. Ele suporta WP Bakery Visual Composer, Elementor Page Builder e UX Builder da UXThemes<\/strong>.<\/p>\n

Agora voc\u00ea est\u00e1 pronto. Com este plugin, voc\u00ea pode criar um n\u00famero ilimitado de imagens antes e depois! Se voc\u00ea deseja enriquecer seu site com efeitos fotogr\u00e1ficos mais impressionantes, continue com esta lista dos melhores plugins de controle deslizante do WordPress<\/a>.<\/p>\n

Fonte de grava\u00e7\u00e3o: wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

Aqui est\u00e1 um guia para adicionar fotos antes e depois usando um plugin WordPress simples. Mostre aos visitantes do seu site o poder da transforma\u00e7\u00e3o!<\/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":[573],"tags":[848],"class_list":["post-371413","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nocoes-basicas-do-wordpress","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/371413","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=371413"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/371413\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/363616"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=371413"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=371413"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=371413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}