{"id":365937,"date":"2022-11-04T10:00:00","date_gmt":"2022-11-04T07:00:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=365937"},"modified":"2022-12-10T12:15:30","modified_gmt":"2022-12-10T09:15:30","slug":"como-construir-um-site-wordpress-de-uma-pagina-com-elementor","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/como-construir-um-site-wordpress-de-uma-pagina-com-elementor\/","title":{"rendered":"Como construir um site WordPress de uma p\u00e1gina com Elementor"},"content":{"rendered":"\n

A facilidade de uso \u00e9 a principal raz\u00e3o pela qual o WordPress \u00e9 o sistema de gerenciamento de conte\u00fado mais popular<\/strong>. Mesmo pessoas sem uma s\u00f3lida forma\u00e7\u00e3o t\u00e9cnica podem facilmente criar e manter sites por conta pr\u00f3pria. Com este tutorial, demonstraremos exatamente isso, usando o construtor de p\u00e1ginas Elementor<\/a> para criar um site WordPress de uma p\u00e1gina<\/strong>.<\/p>\n

Vamos come\u00e7ar explicando o que realmente \u00e9 um site de uma p\u00e1gina. Ao contr\u00e1rio do que o nome sugere, pode n\u00e3o se limitar a uma \u00fanica p\u00e1gina<\/strong>. Voc\u00ea pode querer, digamos, criar uma p\u00e1gina inicial com se\u00e7\u00f5es como Home, About, Contact e similares, e link para uma galeria, portf\u00f3lio ou blog de l\u00e1.<\/p>\n

Navegar entre as se\u00e7\u00f5es da sua p\u00e1gina principal sem ter que rolar por todas as se\u00e7\u00f5es pode ser feito facilmente usando links na p\u00e1gina<\/strong> ou \u00e2ncoras. O Elementor tamb\u00e9m possui um elemento pronto para configurar uma \u00e2ncora<\/strong> e \u00e9 muito f\u00e1cil de usar.<\/p>\n

\u00c9 claro que voc\u00ea pode usar \u00e2ncoras para conectar v\u00e1rias se\u00e7\u00f5es em uma p\u00e1gina<\/a><\/strong> usando o elemento Menu Anchor em conjunto com v\u00e1rios elementos vincul\u00e1veis, mas neste tutorial discutiremos como fazer isso usando um menu.<\/p>\n

Vamos come\u00e7ar<\/h2>\n

Criaremos uma p\u00e1gina com quatro se\u00e7\u00f5es e usaremos um menu para vincular a cada uma delas. Como a se\u00e7\u00e3o Home estar\u00e1 no topo da nossa p\u00e1gina de qualquer maneira, n\u00e3o h\u00e1 necessidade de uma \u00e2ncora. O link para sua p\u00e1gina o levar\u00e1 ao topo da p\u00e1gina, ent\u00e3o voc\u00ea pode us\u00e1-lo para a op\u00e7\u00e3o Home no menu.<\/p>\n

Isso significa que precisamos de tr\u00eas outras \u00e2ncoras, uma para cada uma das outras se\u00e7\u00f5es<\/strong>: Sobre n\u00f3s, Nosso menu e Contato.<\/p>\n

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

Para colocar a \u00e2ncora, basta encontrar o elemento Menu Anchor no menu da barra lateral do Elementor<\/strong> e arrast\u00e1-lo e solt\u00e1-lo para onde voc\u00ea deseja vincular<\/strong>, digamos, logo acima de cada se\u00e7\u00e3o.<\/p>\n

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

Observe que uma \u00e2ncora existe apenas para auxiliar na navega\u00e7\u00e3o e, portanto, n\u00e3o \u00e9 vis\u00edvel para o visitante de forma alguma,<\/strong> apenas aparece no editor para que possamos ver onde ela est\u00e1 enquanto constru\u00edmos nosso site.<\/p>\n

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

A pr\u00f3xima coisa que precisamos fazer \u00e9 nomear cada uma das \u00e2ncoras, dar a elas seus IDs exclusivos<\/strong>. Eles precisam ser uma \u00fanica string, usando letras mai\u00fasculas e min\u00fasculas, d\u00edgitos, tra\u00e7os e sublinhados, mas sem espa\u00e7os.<\/p>\n

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

Como vincular a partir do menu<\/h2>\n

Em seguida, vamos construir um menu personalizado<\/a> usando o editor padr\u00e3o do WordPress<\/strong> e seguindo estas etapas f\u00e1ceis.<\/p>\n

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

Vamos ent\u00e3o criar tr\u00eas links personalizados dentro do menu<\/strong>. No campo URL, inserimos nosso nome de \u00e2ncora, precedido por #<\/strong>, como em #anchor_name. O campo de texto do link \u00e9 o texto da op\u00e7\u00e3o de menu. Nesse caso, como queremos que o link \u00e2ncora nos leve \u00e0 se\u00e7\u00e3o Sobre n\u00f3s, \u00e9 isso que inserimos. Repetiremos isso tamb\u00e9m para as se\u00e7\u00f5es Nosso Menu e Contato: adicione a \u00e2ncora e, em seguida, fa\u00e7a um link pelo menu.<\/p>\n

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

Observe que esses links de \u00e2ncora s\u00f3 funcionam para a mesma p\u00e1gina em que as \u00e2ncoras est\u00e3o<\/strong>. Caso voc\u00ea tenha outra p\u00e1gina com o mesmo menu, o link \u00e2ncora n\u00e3o funcionar\u00e1. Os links \u00e2ncora s\u00f3 v\u00e3o depois de suas \u00e2ncoras de destino na p\u00e1gina em que os elementos vinculados est\u00e3o<\/strong>.<\/p>\n

Quando especificado assim, o link de \u00e2ncora funciona para qualquer \u00e2ncora<\/strong>, independentemente da p\u00e1gina em que o link est\u00e1.<\/p>\n

Como voc\u00ea viu, voc\u00ea pode ter um site de uma p\u00e1gina totalmente funcional e facilmente naveg\u00e1vel em poucos minutos, de maneira r\u00e1pida e f\u00e1cil, com quase zero esfor\u00e7o e exatamente zero conhecimento de codifica\u00e7\u00e3o. Tudo o que voc\u00ea precisa \u00e9 do construtor de p\u00e1ginas Elementor e deste tutorial pr\u00e1tico, e est\u00e1 tudo pronto. Al\u00e9m disso, n\u00e3o se esque\u00e7a de manter seu conte\u00fado atualizado e envolvente. Escolha cuidadosamente as imagens e preste aten\u00e7\u00e3o \u00e0 organiza\u00e7\u00e3o do site. A mesma informa\u00e7\u00e3o pode ter uma import\u00e2ncia diferente dependendo de onde \u00e9 colocada. Portanto, use cores diferentes para o seu conte\u00fado ou altere a fonte<\/a> para chamar a aten\u00e7\u00e3o profissionalmente.<\/p>\n

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

Tenha um site WordPress de uma p\u00e1gina em funcionamento com uma pequena ajuda do WPKlik e do construtor de p\u00e1ginas Elementor.<\/p>\n","protected":false},"author":1,"featured_media":363491,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[573],"tags":[848],"class_list":["post-365937","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\/365937","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=365937"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/365937\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/363491"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=365937"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=365937"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=365937"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}