{"id":36272,"date":"2023-05-16T11:01:04","date_gmt":"2023-05-16T14:01:04","guid":{"rendered":"\/tutoriais\/?p=36272"},"modified":"2023-05-16T13:38:42","modified_gmt":"2023-05-16T16:38:42","slug":"padroes-de-bloco-wordpress","status":"publish","type":"post","link":"\/br\/tutoriais\/padroes-de-bloco-wordpress\/","title":{"rendered":"Padr\u00f5es de bloco do WordPress: o que s\u00e3o e como utilizar"},"content":{"rendered":"

Primeiramente introduzidos no WordPress versão 5.5, os padrões de blocos abriram o caminho para que o editor Gutenberg<\/strong> se tornasse um construtor de páginas de larga escala. Os blocos ajudam os usuários do WordPress a construir sites complexos em pouco tempo, sem precisar de muito esforço e conhecimento técnico para criar e estruturar suas páginas.<\/p>

Neste guia, vamos te mostrar como os padrões de blocos do WordPress funcionam e como eles se diferenciam dos blocos reutilizáveis. Além disso, você também vai aprender a utilizar os padrões no editor de blocos do WordPress, assim facilitando a sua tarefa de criar um site do zero<\/strong>.<\/p>

\"\"<\/a><\/figure>

\n\n\n\n\n\n

\n \n \n <\/svg>\n

\n O Que são os Padrões de Blocos do WordPress?\n <\/p>\n <\/div>\n

Os Padrões de Blocos do WordPress são layouts pré-definidos constituídos pelos diversos blocos da plataforma. Os usuários do WordPress podem facilmente inserir um padrão de bloco ou mais em posts e páginas do seu site para criar uma estrutura de conteúdos complexa com apenas alguns cliques.<\/p><\/div>\n\n\n\n<\/p>

Um exemplo de padrão de bloco do WordPress é o bloco de CTA (call to action<\/em>, ou Chamada para Ação) do tema Twenty Twenty<\/strong>. Ele contém os blocos de cabeçalho, parágrafo e botões, que podem ser personalizados desde sua cor de fundo até o tamanho e alinhamento do texto. <\/p>

\n
\"Exemplo<\/figure>\n<\/div>

Padrão de Bloco vs Bloco Reutilizável<\/strong><\/h2>

Tanto os padrões de blocos quanto os blocos reutilizáveis permitem que os usuários WordPress insiram rapidamente um layout ou modelo pré-pronto em suas páginas e posts. A principal diferença entre esses recursos é o que acontece quando você edita eles. <\/p>

Quaisquer alterações feitas em um bloco reutilizável serão aplicadas em todo post ou página no qual esse bloco já foi inserido. Enquanto isso, as alterações feitas em um padrão de bloco não afetam páginas e posts anteriores nos quais você utilizou tal elemento. <\/p>

Como exemplo, vamos supor que você deseja inserir um botão CTA em seus posts. Considere utilizar:<\/p>