{"id":1170,"date":"2023-09-22T11:13:31","date_gmt":"2023-09-22T14:13:31","guid":{"rendered":"https:\/\/tribowp.com.br\/?p=1170"},"modified":"2023-09-22T11:18:29","modified_gmt":"2023-09-22T14:18:29","slug":"atualizacao-do-elementor-coloca-o-uso-do-flexbox-container-como-padrao","status":"publish","type":"post","link":"https:\/\/marciorodrigues.dev.br\/blog\/atualizacao-do-elementor-coloca-o-uso-do-flexbox-container-como-padrao\/","title":{"rendered":"Atualiza\u00e7\u00e3o do Elementor coloca o uso do Flexbox Cont\u00eainer como padr\u00e3o"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">O que \u00e9 o Elementor?<\/h2>\n\n\n\n<p>O <a href=\"https:\/\/marciorodrigues.dev.br\/blog\/elementor\" target=\"_blank\" rel=\"noreferrer noopener\">Elementor<\/a> \u00e9 um dos construtores de p\u00e1ginas mais populares para o WordPress. Com ele, \u00e9 poss\u00edvel criar p\u00e1ginas visualmente atraentes sem a necessidade de conhecimentos avan\u00e7ados em programa\u00e7\u00e3o. Seu uso intuitivo e sua ampla gama de recursos o tornam uma ferramenta indispens\u00e1vel para desenvolvedores e usu\u00e1rios comuns.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">A atualiza\u00e7\u00e3o do Elementor<\/h2>\n\n\n\n<p>A \u00faltima atualiza\u00e7\u00e3o do <a rel=\"noreferrer noopener\" href=\"https:\/\/marciorodrigues.dev.br\/blog\/elementor\" target=\"_blank\">Elementor<\/a> trouxe uma nova funcionalidade importante: o uso do cont\u00eainer por padr\u00e3o. Anteriormente, os elementos do Elementor eram encontrados em um cont\u00eainer flex\u00edvel, o que muitas vezes resultava em problemas de layout.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-style-default\"><a href=\"https:\/\/marciorodrigues.dev.br\/blog\/elementor\" target=\"_blank\" rel=\"noreferrer noopener\"><img fetchpriority=\"high\" decoding=\"async\" width=\"900\" height=\"232\" src=\"https:\/\/marciorodrigues.dev.br\/blog\/wp-content\/uploads\/2023\/09\/containers-do-elementor.jpg\" alt=\"Estruturas do Elementor Cont\u00e2iner\" class=\"wp-image-1173\" srcset=\"https:\/\/marciorodrigues.dev.br\/blog\/wp-content\/uploads\/2023\/09\/containers-do-elementor.jpg 900w, https:\/\/marciorodrigues.dev.br\/blog\/wp-content\/uploads\/2023\/09\/containers-do-elementor-300x77.jpg 300w, https:\/\/marciorodrigues.dev.br\/blog\/wp-content\/uploads\/2023\/09\/containers-do-elementor-768x198.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><figcaption class=\"wp-element-caption\">Estruturas do Elementor Cont\u00eainer<\/figcaption><\/figure>\n\n\n\n<p>Agora, com o uso do cont\u00eainer, esses problemas s\u00e3o resolvidos e os usu\u00e1rios podem desfrutar de uma experi\u00eancia de design mais fluida e consistente.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Vantagens do uso do cont\u00eainer<\/h2>\n\n\n\n<p>O uso do cont\u00eainer traz v\u00e1rias vantagens para os usu\u00e1rios do <a rel=\"noreferrer noopener\" href=\"https:\/\/marciorodrigues.dev.br\/blog\/elementor\" target=\"_blank\">Elementor<\/a>. Primeiramente, ele permite um melhor controle do layout da p\u00e1gina. Com o cont\u00eainer, \u00e9 poss\u00edvel definir facilmente a largura, altura e espa\u00e7amento dos elementos da p\u00e1gina. Isso resulta em um design mais equilibrado e esteticamente agrad\u00e1vel.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"554\" height=\"824\" src=\"https:\/\/marciorodrigues.dev.br\/blog\/wp-content\/uploads\/2023\/09\/controles-do-container-no-elementor.png\" alt=\"Controles do Cont\u00eainer no Elementor\" class=\"wp-image-1174\" srcset=\"https:\/\/marciorodrigues.dev.br\/blog\/wp-content\/uploads\/2023\/09\/controles-do-container-no-elementor.png 554w, https:\/\/marciorodrigues.dev.br\/blog\/wp-content\/uploads\/2023\/09\/controles-do-container-no-elementor-202x300.png 202w\" sizes=\"(max-width: 554px) 100vw, 554px\" \/><figcaption class=\"wp-element-caption\">Controles do Cont\u00eainer no Elementor<\/figcaption><\/figure>\n\n\n\n<p>Al\u00e9m disso, o cont\u00eainer facilita a cria\u00e7\u00e3o de layouts responsivos. Com os recursos de flexibilidade oferecidos pelo cont\u00eainer, os elementos da p\u00e1gina podem se adaptar automaticamente a diferentes tamanhos de tela. Isso garante uma experi\u00eancia de navega\u00e7\u00e3o consistente em dispositivos m\u00f3veis e desktops.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">O uso do Flexbox Cont\u00eainer com o Elementor<\/h2>\n\n\n\n<p>Outra novidade trazida pela atualiza\u00e7\u00e3o do <a rel=\"noreferrer noopener\" href=\"https:\/\/marciorodrigues.dev.br\/blog\/elementor\" target=\"_blank\">Elementor<\/a> \u00e9 o suporte ao Flexbox Cont\u00eainer. O Flexbox \u00e9 um modelo de layout CSS que permite um posicionamento flex\u00edvel e responsivo dos elementos da p\u00e1gina. Com o suporte ao Flexbox Cont\u00e2iner, os usu\u00e1rios podem criar layouts complexos e din\u00e2micos de maneira mais f\u00e1cil e eficiente.<\/p>\n\n\n\n<p>O Flexbox Cont\u00eainer oferece uma s\u00e9rie de recursos interessantes. \u00c9 poss\u00edvel definir a ordem de exibi\u00e7\u00e3o dos elementos, ajustar a altura e a largura dos itens automaticamente e alinhar os elementos vertical e horizontalmente. Esses recursos tornam a cria\u00e7\u00e3o de layouts criativos e personalizados uma tarefa simples e intuitiva.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclus\u00e3o<\/h2>\n\n\n\n<p>A atualiza\u00e7\u00e3o do <a rel=\"noreferrer noopener\" href=\"https:\/\/marciorodrigues.dev.br\/blog\/elementor\" target=\"_blank\">Elementor<\/a> com o uso do cont\u00eainer por padr\u00e3o e o suporte ao Flexbox Cont\u00eainer s\u00e3o \u00f3timas not\u00edcias para os usu\u00e1rios dessa ferramenta de design. Com essas novidades, \u00e9 poss\u00edvel criar p\u00e1ginas ainda mais atraentes e responsivas, sem a necessidade de conhecimentos avan\u00e7ados em programa\u00e7\u00e3o. Se voc\u00ea ainda n\u00e3o experimentou o <a href=\"https:\/\/marciorodrigues.dev.br\/blog\/elementor\" target=\"_blank\" rel=\"noreferrer noopener\">Elementor<\/a>, \u00e9 hora de atualizar e aproveitar todas as vantagens que essa ferramenta oferece!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A \u00faltima atualiza\u00e7\u00e3o do Elementor trouxe uma nova funcionalidade importante: o uso do cont\u00e2iner por padr\u00e3o. <\/p>\n","protected":false},"author":1,"featured_media":1171,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"Atualiza\u00e7\u00e3o do Elementor coloca o uso do Flexbox Cont\u00e2iner como padr\u00e3o","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[5],"tags":[47,48,29],"class_list":["post-1170","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","tag-elementor","tag-flexbox","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/marciorodrigues.dev.br\/blog\/wp-json\/wp\/v2\/posts\/1170","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marciorodrigues.dev.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marciorodrigues.dev.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marciorodrigues.dev.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marciorodrigues.dev.br\/blog\/wp-json\/wp\/v2\/comments?post=1170"}],"version-history":[{"count":2,"href":"https:\/\/marciorodrigues.dev.br\/blog\/wp-json\/wp\/v2\/posts\/1170\/revisions"}],"predecessor-version":[{"id":1177,"href":"https:\/\/marciorodrigues.dev.br\/blog\/wp-json\/wp\/v2\/posts\/1170\/revisions\/1177"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marciorodrigues.dev.br\/blog\/wp-json\/wp\/v2\/media\/1171"}],"wp:attachment":[{"href":"https:\/\/marciorodrigues.dev.br\/blog\/wp-json\/wp\/v2\/media?parent=1170"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marciorodrigues.dev.br\/blog\/wp-json\/wp\/v2\/categories?post=1170"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marciorodrigues.dev.br\/blog\/wp-json\/wp\/v2\/tags?post=1170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}