{"id":112916,"date":"2023-05-17T12:02:28","date_gmt":"2023-05-17T12:02:28","guid":{"rendered":"https:\/\/elementor.com\/blog\/apresentando-o-elementor-3-13-construa-layouts-de-sites-leves-e-flexiveis-com-css-grid\/"},"modified":"2025-12-01T15:17:39","modified_gmt":"2025-12-01T13:17:39","slug":"apresentando-o-elementor-3-13-construa-layouts-de-sites-leves-e-flexiveis-com-css-grid","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/pt-br\/apresentando-o-elementor-3-13-construa-layouts-de-sites-leves-e-flexiveis-com-css-grid\/","title":{"rendered":"Apresentando o Elementor 3.13 \u2013 Construa Layouts de Sites Leves e Flex\u00edveis com CSS Grid"},"content":{"rendered":"\n<p>Aprimore suas capacidades de design e aproveite novas maneiras de estilizar seu site com <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/\" title=\"Elementor\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"1283\">Elementor<\/a> 3.13 para que voc\u00ea possa alcan\u00e7ar designs \u00fanicos que mantenham seus visitantes engajados.\nEsta vers\u00e3o inclui uma nova op\u00e7\u00e3o de layout em Cont\u00eaineres &#8211; <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/what-is-css\/\" title=\"CSS\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"4532\">CSS<\/a> Grid, uma \u00f3tima maneira de projetar layouts de sites sofisticados e leves, mantendo um alto n\u00edvel de consist\u00eancia.\nAl\u00e9m disso, esta atualiza\u00e7\u00e3o introduz mais op\u00e7\u00f5es de estilo no Widget de Menu e adiciona novas capacidades \u00e0 nova Barra Superior.  <\/p>\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"2401\" height=\"1261\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/Container-CSS-Grid.png\" alt=\"\" class=\"wp-image-85167\"\/><\/figure>\n\n<h2 class=\"wp-block-heading\"><strong>Novo &#8211; Cont\u00eainer CSS Grid &#8211; Projete Layouts Leves, Responsivos e Profissionais<\/strong><\/h2>\n\n<p>Agora, ao adicionar um Cont\u00eainer, voc\u00ea pode escolher entre Cont\u00eaineres Flexbox ou Grid.\nUsar Cont\u00eaineres Grid \u00e9 ideal para layouts em grade, ajuda a manter o alinhamento dos elementos no Cont\u00eainer e reduz a curva de aprendizado associada \u00e0 transi\u00e7\u00e3o do layout de se\u00e7\u00e3o-coluna para o layout de cont\u00eainer.  <\/p>\n\n<p>Com Cont\u00eaineres Grid, voc\u00ea pode escolher o n\u00famero de linhas e colunas que deseja para compor sua grade, determinar a dist\u00e2ncia entre suas colunas e linhas usando o controle de Espa\u00e7amentos e escolher se deseja que o Fluxo Autom\u00e1tico seja baseado em coluna ou linha.\nVoc\u00ea tamb\u00e9m pode justificar e alinhar conte\u00fado e itens, de maneira semelhante a um Cont\u00eainer Flexbox.  <\/p>\n\n<p>Cada c\u00e9lula na Grade pode aceitar um elemento, que pode ser estilizado e editado como voc\u00ea normalmente faria.\nPara alcan\u00e7ar um n\u00edvel mais alto de sofistica\u00e7\u00e3o, voc\u00ea pode colocar um Cont\u00eainer Flexbox dentro da c\u00e9lula de uma Grade e colocar quantos elementos desejar dentro do Cont\u00eainer Flexbox.  <\/p>\n\n<p>Para usar o Cont\u00eainer Grid, certifique-se de habilitar os recursos de Cont\u00eainer Flexbox e Cont\u00eainer Grid no Painel do WordPress \u2192 Elementor \u2192 Configura\u00e7\u00f5es \u2192 Recursos.<\/p>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2401\" height=\"1261\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/cover-4.png\" alt=\"\" class=\"wp-image-85169\"\/><\/figure>\n\n<p><\/p>\n\n<h2 class=\"wp-block-heading\"><strong>[Pro] Novas Capacidades de Estilo no Widget de Menu<\/strong><\/h2>\n\n<p>Na vers\u00e3o anterior, o Elementor introduziu um novo widget de Menu, que permite criar menus simples de um \u00fanico n\u00edvel e menus sofisticados de conte\u00fado suspenso, com conte\u00fado aninh\u00e1vel.\nEste widget \u00e9 um divisor de \u00e1guas para a cria\u00e7\u00e3o de sites, capacitando voc\u00ea a projetar menus bonitos e funcionais para seus sites. <\/p>\n\n<p><a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/pro\/\" title=\"Elementor Pro\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"2910\">Elementor Pro<\/a> 3.13 introduz duas novas capacidades que agora est\u00e3o dispon\u00edveis no widget de Menu:<\/p>\n\n<ul class=\"wp-block-list\"><li><strong>\u00cdcones no n\u00edvel superior do Menu<\/strong> &#8211; esta nova capacidade de estilo permite que voc\u00ea melhore o design de seus menus adicionando \u00edcones atraentes que chamam a aten\u00e7\u00e3o dos visitantes.\nCom uma variedade de \u00edcones para escolher na biblioteca de \u00edcones, ou a capacidade de carregar qualquer <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/svg\/\" title=\"SVG\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"4911\">SVG<\/a>, voc\u00ea pode personalizar seus menus para combinar com o estilo do seu site e faz\u00ea-los se destacar. <\/li><\/ul>\n\n<p><strong>Estado ativo para links \u00e2ncora<\/strong> &#8211; indique aos visitantes do site em que parte da p\u00e1gina eles rolaram ou clicaram quando seu menu inclui links \u00e2ncora.\nDessa forma, voc\u00ea pode melhorar a experi\u00eancia do visitante ajudando-o a navegar pelo seu site. <\/p>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2401\" height=\"1261\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/Editor-UI-Revamp-Next-Steps.png\" alt=\"\" class=\"wp-image-85170\"\/><\/figure>\n\n<h2 class=\"wp-block-heading\">Melhorias na Barra Superior &#8211; Continua\u00e7\u00e3o da Reformula\u00e7\u00e3o da Interface do Elementor<\/h2>\n\n<p>No Elementor 3.12, come\u00e7amos a implementa\u00e7\u00e3o gradual das pr\u00f3ximas mudan\u00e7as na interface do Elementor.\nEssas mudan\u00e7as s\u00e3o escritas em React, o que melhora o desempenho e permite o crescimento e escalabilidade futuros do produto.\nAl\u00e9m disso, essas mudan\u00e7as promovem as melhores pr\u00e1ticas do Elementor, resultando em uma experi\u00eancia de usu\u00e1rio melhor e mais simplificada.   <\/p>\n\n<p>Uma das maiores mudan\u00e7as \u00e9 a nova Barra Superior, introduzida como um experimento que voc\u00ea pode ativar na p\u00e1gina de recursos do Elementor no WordPress (Elementor \u2192 Configura\u00e7\u00f5es \u2192 Recursos \u2192 Barra Superior do Editor).\nNesta vers\u00e3o, a Barra Superior inclui duas atualiza\u00e7\u00f5es:  <\/p>\n\n<ol class=\"wp-block-list\"><li><strong>Op\u00e7\u00f5es de Salvamento no Bot\u00e3o Publicar<\/strong> &#8211; embora n\u00e3o seja uma nova capacidade, esse recurso n\u00e3o estava dispon\u00edvel na primeira vers\u00e3o da Barra Superior.\nAgora, voc\u00ea tem acesso a todas as op\u00e7\u00f5es de salvamento dispon\u00edveis no Editor &#8211; Salvar como Rascunho, Salvar como Modelo e Condi\u00e7\u00f5es de Exibi\u00e7\u00e3o (quando aplic\u00e1vel).\nIsso tamb\u00e9m significa que a Barra Superior agora inclui todas as capacidades anteriormente dispon\u00edveis na interface legada do Editor.   <\/li><li><strong>Navega\u00e7\u00e3o de P\u00e1gina<\/strong> &#8211; um novo recurso que agilizar\u00e1 seu fluxo de trabalho e tornar\u00e1 a transi\u00e7\u00e3o entre diferentes p\u00e1ginas e partes do tema mais suave.\nClicar na indica\u00e7\u00e3o da p\u00e1gina no centro da Barra Superior abrir\u00e1 um menu suspenso que inclui as cinco \u00faltimas p\u00e1ginas \/ postagens \/ partes do tema em que voc\u00ea trabalhou, permitindo redirecionar para qualquer uma delas com um \u00fanico clique, sem precisar navegar de volta ao Painel do WordPress.  <\/li><\/ol>\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2401\" height=\"1261\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/Automatically-Populate-The-Post-Excerpt-from-Your-Posts-Content.png\" alt=\"\" class=\"wp-image-85171\"\/><\/figure>\n\n<h2 class=\"wp-block-heading\"><strong>[Pro] Popule Dinamicamente Seu Trecho de Postagem com o Conte\u00fado da Sua Postagem<\/strong><\/h2>\n\n<p>Anteriormente, usar o widget de Trecho de Postagem ou a tag din\u00e2mica no WordPress significava que o conte\u00fado seria automaticamente preenchido a partir do Trecho Personalizado que voc\u00ea inseriu manualmente no WordPress.\nNo entanto, com o Elementor 3.13, agora voc\u00ea tem a op\u00e7\u00e3o de escolher se deseja que o conte\u00fado seja preenchido automaticamente a partir dos primeiros caracteres da sua postagem ou do Trecho Personalizado no WordPress.\nEsta atualiza\u00e7\u00e3o resolve um dos principais pedidos desde a introdu\u00e7\u00e3o do Construtor de Loops, e especificamente desde a possibilidade de adicionar o widget de Trecho de Postagem dentro do seu item de loop.  <\/p>\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2401\" height=\"1261\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/Performance-Improvements-2.png\" alt=\"\" class=\"wp-image-85180\"\/><\/figure>\n\n<h2 class=\"wp-block-heading\"><strong>Novo: Aproveite o Elementor AI, Perfeitamente Adaptado para o Elementor <\/strong><\/h2>\n\n<p>O Elementor 3.13 tamb\u00e9m inclui <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/products\/ai\/\" title=\"Elementor AI\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"2303\">Elementor AI<\/a>, que est\u00e1 integrado nativamente no Editor e transformar\u00e1 a maneira como voc\u00ea cria sites.\nEsta vers\u00e3o introduz a primeira fase do Elementor AI, que permite criar texto e c\u00f3digo com o poder da IA.\nVoc\u00ea pode us\u00e1-lo para criar conte\u00fado do zero, melhorar o conte\u00fado existente em seu site, traduzi-lo para qualquer site e muito mais.\nAl\u00e9m disso, voc\u00ea pode usar o Elementor AI para escrever c\u00f3digo para CSS personalizado ou c\u00f3digo personalizado (requer Elementor Pro ou Hospedagem), ou trechos de HTML.\nVoc\u00ea pode ler mais sobre o que pode fazer com o Elementor AI <a href=\"https:\/\/elementor.com\/blog\/introducing-elementor-ai\/\">aqui<\/a>.     <\/p>\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2401\" height=\"1261\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/Performance-Improvements-1.png\" alt=\"\" class=\"wp-image-85173\"\/><\/figure>\n\n<h2 class=\"wp-block-heading\"><strong>Melhorias de Desempenho<\/strong><\/h2>\n\n<p>Em vers\u00f5es anteriores, as melhorias de desempenho focaram nos <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/widgets\/\" title=\"widgets\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"4034\">widgets<\/a> mais comuns nas p\u00e1ginas principais.\nCom o Elementor 3.13, o foco foi direcionado para widgets usados principalmente em p\u00e1ginas internas, onde os visitantes do site costumam passar a maior parte do tempo. <\/p>\n\n<p>Os widgets Author Box, Post Info e Price List exibem imagens e fotos de perfil de usu\u00e1rios, essas imagens agora t\u00eam carregamento lento aplicado a elas.\nEssa mudan\u00e7a deve melhorar o carregamento inicial das suas p\u00e1ginas internas. <\/p>\n\n<p>Al\u00e9m disso, como o Cabe\u00e7alho aparece acima da dobra, ele deve sempre carregar imediatamente ao carregar a p\u00e1gina.\nPortanto, o carregamento lento foi removido dos cabe\u00e7alhos para melhorar a experi\u00eancia do visitante ao usar o experimento de Imagens de Fundo com Carregamento Lento. <\/p>\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2401\" height=\"1261\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/Accessibility.png\" alt=\"\" class=\"wp-image-85174\"\/><\/figure>\n\n<h2 class=\"wp-block-heading\"><strong>Melhorias de Acessibilidade<\/strong><\/h2>\n\n<p>O Elementor 3.13 est\u00e1 cheio de ajustes e corre\u00e7\u00f5es que melhoram a acessibilidade do seu site, bem como do Editor.\nNesta vers\u00e3o, focamos na navega\u00e7\u00e3o por teclado, implementando tags ARIA adicionais, corrigindo problemas de conformidade ARIA existentes e aplicando marca\u00e7\u00e3o sem\u00e2ntica.  <\/p>\n\n<p>Voc\u00ea pode ler mais sobre essas melhorias de acessibilidade no <a href=\"https:\/\/developers.elementor.com\/elementor-3-13-developers-update\/\">Blog dos Desenvolvedores<\/a>. <\/p>\n\n<h2 class=\"wp-block-heading\"><strong>Aproveite mais op\u00e7\u00f5es de estilo e design para experi\u00eancias de site altamente marcantes e envolventes <\/strong><\/h2>\n\n<p>Eleve o design do seu site e desbloqueie novas possibilidades de estilo para personalizar seu site usando o Elementor 3.13.\nCom Cont\u00eaineres de Grade CSS, voc\u00ea pode criar layouts leves, flex\u00edveis e semelhantes a grades de forma cont\u00ednua, e com as novas capacidades de estilo no widget de menu, voc\u00ea pode criar designs distintos que cativam e mant\u00eam os visitantes do seu site engajados.  <\/p>\n\n<p>Esta vers\u00e3o tamb\u00e9m inclui novas capacidades no recurso Barra Superior, o que significa que todas as capacidades anteriormente dispon\u00edveis no Editor agora est\u00e3o dispon\u00edveis ao usar o experimento Barra Superior. <\/p>\n\n<p>O Elementor 3.13 tamb\u00e9m inclui um teste gratuito do Elementor AI, que transformar\u00e1 a maneira como voc\u00ea constr\u00f3i sites, permitindo que voc\u00ea crie instantaneamente texto original, melhore o texto existente e escreva c\u00f3digo para aprimorar seu site e seu design. <\/p>\n\n<p>Experimente os novos recursos do Elementor 3.13 e nos diga o que voc\u00ea acha deles nos coment\u00e1rios abaixo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O Elementor 3.13 inclui Cont\u00eaineres CSS Grid, novas op\u00e7\u00f5es de estilo e personaliza\u00e7\u00e3o no widget de Menu, estende o experimento da Barra Superior e oferece op\u00e7\u00f5es adicionais de Conte\u00fado Din\u00e2mico para Trechos de Postagens. <\/p>\n","protected":false},"author":2024207,"featured_media":112917,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[256,292,324],"tags":[],"marketing_persona":[],"marketing_intent":[],"class_list":["post-112916","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog-pt","category-elementor-pt","category-new-features-pt"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Apresentando o Elementor 3.13 \u2013 Construa Layouts de Sites Leves e Flex\u00edveis com CSS Grid<\/title>\n<meta name=\"description\" content=\"O Elementor 3.13 inclui Cont\u00eaineres CSS Grid, novas op\u00e7\u00f5es de estilo e personaliza\u00e7\u00e3o no widget de Menu, estende o experimento da Barra Superior e oferece op\u00e7\u00f5es adicionais de Conte\u00fado Din\u00e2mico para Trechos de Postagens.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/pt-br\/apresentando-o-elementor-3-13-construa-layouts-de-sites-leves-e-flexiveis-com-css-grid\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Apresentando o Elementor 3.13 \u2013 Construa Layouts de Sites Leves e Flex\u00edveis com CSS Grid\" \/>\n<meta property=\"og:description\" content=\"O Elementor 3.13 inclui Cont\u00eaineres CSS Grid, novas op\u00e7\u00f5es de estilo e personaliza\u00e7\u00e3o no widget de Menu, estende o experimento da Barra Superior e oferece op\u00e7\u00f5es adicionais de Conte\u00fado Din\u00e2mico para Trechos de Postagens.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/pt-br\/apresentando-o-elementor-3-13-construa-layouts-de-sites-leves-e-flexiveis-com-css-grid\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-05-17T12:02:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-01T13:17:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/cover-3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2401\" \/>\n\t<meta property=\"og:image:height\" content=\"1260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Gabriella Laster\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Gabriella Laster\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/apresentando-o-elementor-3-13-construa-layouts-de-sites-leves-e-flexiveis-com-css-grid\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/apresentando-o-elementor-3-13-construa-layouts-de-sites-leves-e-flexiveis-com-css-grid\/\"},\"author\":{\"name\":\"Gabriella Laster\",\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a\"},\"headline\":\"Apresentando o Elementor 3.13 \u2013 Construa Layouts de Sites Leves e Flex\u00edveis com CSS Grid\",\"datePublished\":\"2023-05-17T12:02:28+00:00\",\"dateModified\":\"2025-12-01T13:17:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/apresentando-o-elementor-3-13-construa-layouts-de-sites-leves-e-flexiveis-com-css-grid\/\"},\"wordCount\":1410,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/apresentando-o-elementor-3-13-construa-layouts-de-sites-leves-e-flexiveis-com-css-grid\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/cover-3.png\",\"articleSection\":[\"Blog\",\"Elementor\",\"Novos recursos\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/pt-br\/apresentando-o-elementor-3-13-construa-layouts-de-sites-leves-e-flexiveis-com-css-grid\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/apresentando-o-elementor-3-13-construa-layouts-de-sites-leves-e-flexiveis-com-css-grid\/\",\"url\":\"https:\/\/elementor.com\/blog\/pt-br\/apresentando-o-elementor-3-13-construa-layouts-de-sites-leves-e-flexiveis-com-css-grid\/\",\"name\":\"Apresentando o Elementor 3.13 \u2013 Construa Layouts de Sites Leves e Flex\u00edveis com CSS Grid\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/apresentando-o-elementor-3-13-construa-layouts-de-sites-leves-e-flexiveis-com-css-grid\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/apresentando-o-elementor-3-13-construa-layouts-de-sites-leves-e-flexiveis-com-css-grid\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/cover-3.png\",\"datePublished\":\"2023-05-17T12:02:28+00:00\",\"dateModified\":\"2025-12-01T13:17:39+00:00\",\"description\":\"O Elementor 3.13 inclui Cont\u00eaineres CSS Grid, novas op\u00e7\u00f5es de estilo e personaliza\u00e7\u00e3o no widget de Menu, estende o experimento da Barra Superior e oferece op\u00e7\u00f5es adicionais de Conte\u00fado Din\u00e2mico para Trechos de Postagens.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/apresentando-o-elementor-3-13-construa-layouts-de-sites-leves-e-flexiveis-com-css-grid\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/pt-br\/apresentando-o-elementor-3-13-construa-layouts-de-sites-leves-e-flexiveis-com-css-grid\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/apresentando-o-elementor-3-13-construa-layouts-de-sites-leves-e-flexiveis-com-css-grid\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/cover-3.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/cover-3.png\",\"width\":2401,\"height\":1260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/apresentando-o-elementor-3-13-construa-layouts-de-sites-leves-e-flexiveis-com-css-grid\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/pt-br\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/pt-br\/category\/blog-pt\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Apresentando o Elementor 3.13 \u2013 Construa Layouts de Sites Leves e Flex\u00edveis com CSS Grid\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/pt-br\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/pt-br\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/pt-br\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a\",\"name\":\"Gabriella Laster\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d05a13ed44651430b9565d128ead6845482cddcafc9c725e89ecf083b78288e9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d05a13ed44651430b9565d128ead6845482cddcafc9c725e89ecf083b78288e9?s=96&d=mm&r=g\",\"caption\":\"Gabriella Laster\"},\"description\":\"Gabriella is a Product Marketing Director at Elementor, where she helps bridge the gap between complex web technology and seamless user experiences. With a decade of experience in marketing and entrepreneurship, she\u2019s passionate about empowering creators to build their digital dreams.\",\"url\":\"https:\/\/elementor.com\/blog\/pt-br\/author\/gabriellal\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Apresentando o Elementor 3.13 \u2013 Construa Layouts de Sites Leves e Flex\u00edveis com CSS Grid","description":"O Elementor 3.13 inclui Cont\u00eaineres CSS Grid, novas op\u00e7\u00f5es de estilo e personaliza\u00e7\u00e3o no widget de Menu, estende o experimento da Barra Superior e oferece op\u00e7\u00f5es adicionais de Conte\u00fado Din\u00e2mico para Trechos de Postagens.","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:\/\/elementor.com\/blog\/pt-br\/apresentando-o-elementor-3-13-construa-layouts-de-sites-leves-e-flexiveis-com-css-grid\/","og_locale":"pt_BR","og_type":"article","og_title":"Apresentando o Elementor 3.13 \u2013 Construa Layouts de Sites Leves e Flex\u00edveis com CSS Grid","og_description":"O Elementor 3.13 inclui Cont\u00eaineres CSS Grid, novas op\u00e7\u00f5es de estilo e personaliza\u00e7\u00e3o no widget de Menu, estende o experimento da Barra Superior e oferece op\u00e7\u00f5es adicionais de Conte\u00fado Din\u00e2mico para Trechos de Postagens.","og_url":"https:\/\/elementor.com\/blog\/pt-br\/apresentando-o-elementor-3-13-construa-layouts-de-sites-leves-e-flexiveis-com-css-grid\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2023-05-17T12:02:28+00:00","article_modified_time":"2025-12-01T13:17:39+00:00","og_image":[{"width":2401,"height":1260,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/cover-3.png","type":"image\/png"}],"author":"Gabriella Laster","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Escrito por":"Gabriella Laster","Est. tempo de leitura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/pt-br\/apresentando-o-elementor-3-13-construa-layouts-de-sites-leves-e-flexiveis-com-css-grid\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/pt-br\/apresentando-o-elementor-3-13-construa-layouts-de-sites-leves-e-flexiveis-com-css-grid\/"},"author":{"name":"Gabriella Laster","@id":"https:\/\/elementor.com\/blog\/pt-br\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a"},"headline":"Apresentando o Elementor 3.13 \u2013 Construa Layouts de Sites Leves e Flex\u00edveis com CSS Grid","datePublished":"2023-05-17T12:02:28+00:00","dateModified":"2025-12-01T13:17:39+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/pt-br\/apresentando-o-elementor-3-13-construa-layouts-de-sites-leves-e-flexiveis-com-css-grid\/"},"wordCount":1410,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/pt-br\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/pt-br\/apresentando-o-elementor-3-13-construa-layouts-de-sites-leves-e-flexiveis-com-css-grid\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/cover-3.png","articleSection":["Blog","Elementor","Novos recursos"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/pt-br\/apresentando-o-elementor-3-13-construa-layouts-de-sites-leves-e-flexiveis-com-css-grid\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/pt-br\/apresentando-o-elementor-3-13-construa-layouts-de-sites-leves-e-flexiveis-com-css-grid\/","url":"https:\/\/elementor.com\/blog\/pt-br\/apresentando-o-elementor-3-13-construa-layouts-de-sites-leves-e-flexiveis-com-css-grid\/","name":"Apresentando o Elementor 3.13 \u2013 Construa Layouts de Sites Leves e Flex\u00edveis com CSS Grid","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/pt-br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/pt-br\/apresentando-o-elementor-3-13-construa-layouts-de-sites-leves-e-flexiveis-com-css-grid\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/pt-br\/apresentando-o-elementor-3-13-construa-layouts-de-sites-leves-e-flexiveis-com-css-grid\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/cover-3.png","datePublished":"2023-05-17T12:02:28+00:00","dateModified":"2025-12-01T13:17:39+00:00","description":"O Elementor 3.13 inclui Cont\u00eaineres CSS Grid, novas op\u00e7\u00f5es de estilo e personaliza\u00e7\u00e3o no widget de Menu, estende o experimento da Barra Superior e oferece op\u00e7\u00f5es adicionais de Conte\u00fado Din\u00e2mico para Trechos de Postagens.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/pt-br\/apresentando-o-elementor-3-13-construa-layouts-de-sites-leves-e-flexiveis-com-css-grid\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/pt-br\/apresentando-o-elementor-3-13-construa-layouts-de-sites-leves-e-flexiveis-com-css-grid\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/elementor.com\/blog\/pt-br\/apresentando-o-elementor-3-13-construa-layouts-de-sites-leves-e-flexiveis-com-css-grid\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/cover-3.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/cover-3.png","width":2401,"height":1260},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/pt-br\/apresentando-o-elementor-3-13-construa-layouts-de-sites-leves-e-flexiveis-com-css-grid\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/pt-br\/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https:\/\/elementor.com\/blog\/pt-br\/category\/blog-pt\/"},{"@type":"ListItem","position":3,"name":"Apresentando o Elementor 3.13 \u2013 Construa Layouts de Sites Leves e Flex\u00edveis com CSS Grid"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/pt-br\/#website","url":"https:\/\/elementor.com\/blog\/pt-br\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/pt-br\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/pt-br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/pt-br\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/pt-br\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/elementor.com\/blog\/pt-br\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/pt-br\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/pt-br\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a","name":"Gabriella Laster","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/elementor.com\/blog\/pt-br\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d05a13ed44651430b9565d128ead6845482cddcafc9c725e89ecf083b78288e9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d05a13ed44651430b9565d128ead6845482cddcafc9c725e89ecf083b78288e9?s=96&d=mm&r=g","caption":"Gabriella Laster"},"description":"Gabriella is a Product Marketing Director at Elementor, where she helps bridge the gap between complex web technology and seamless user experiences. With a decade of experience in marketing and entrepreneurship, she\u2019s passionate about empowering creators to build their digital dreams.","url":"https:\/\/elementor.com\/blog\/pt-br\/author\/gabriellal\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/pt-br\/wp-json\/wp\/v2\/posts\/112916","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/pt-br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/pt-br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/pt-br\/wp-json\/wp\/v2\/users\/2024207"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/pt-br\/wp-json\/wp\/v2\/comments?post=112916"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/blog\/pt-br\/wp-json\/wp\/v2\/posts\/112916\/revisions"}],"predecessor-version":[{"id":112918,"href":"https:\/\/elementor.com\/blog\/pt-br\/wp-json\/wp\/v2\/posts\/112916\/revisions\/112918"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/pt-br\/wp-json\/wp\/v2\/media\/112917"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/pt-br\/wp-json\/wp\/v2\/media?parent=112916"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/pt-br\/wp-json\/wp\/v2\/categories?post=112916"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/pt-br\/wp-json\/wp\/v2\/tags?post=112916"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/pt-br\/wp-json\/wp\/v2\/marketing_persona?post=112916"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/pt-br\/wp-json\/wp\/v2\/marketing_intent?post=112916"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}