O que você precisa saber sobre o diretório de padrões do WordPress
Publicados: 2021-08-26No final do ano passado, escrevi um guia completo sobre quais eram os padrões do WordPress, para que serviam e como criá-los e usá-los no editor de blocos do WordPress. Em pouco mais de meio ano, graças ao trabalho por trás de toda a comunidade WordPress, houve grandes avanços no desenvolvimento de padrões de blocos. Vemos como após a publicação da versão WordPress 5.8, sua disponibilidade e uso estão crescendo rapidamente. Por esse motivo, acho interessante estar atualizado no Diretório de Padrões do WordPress, pois isso afetará a forma como redesenhamos nossas páginas e temas no futuro.
Como já havíamos comentado anteriormente, um padrão de bloco é um conjunto de seções ou fragmentos pré-definidos formados por um grupo de blocos que você pode usar na criação de páginas e posts. Esses designs podem ser algo tão simples quanto uma seção mostrando dois botões ou uma seção de preços com designs chamativos e complexos.
Inserir e editar padrões de bloco
Inserir um padrão de bloco do editor de blocos é tão fácil quanto adicionar qualquer bloco. Depois de clicar no ícone + no canto superior esquerdo do editor, aparece uma caixa de diálogo pop-up com a qual você pode adicionar blocos, padrões ou outros elementos reutilizáveis.
Na guia Padrões , você encontrará um menu suspenso onde poderá selecionar por categoria os padrões a serem pesquisados. Alguns dos padrões que você encontrará vêm por padrão com o WordPress, outros são específicos para o tema que você instalou e alguns virão de seus plugins. Na verdade, existem muitos plugins que adicionarão um novo conjunto de belos padrões!
Depois de selecionar qualquer padrão, o conjunto de blocos que o compõem é adicionado automaticamente à sua postagem ou página. Tudo o que você precisa fazer agora é ajustá-lo para que eles contenham o conteúdo que você deseja.
Copie e cole do diretório de padrões do WordPress
No final de abril de 2021, o WordPress publicou o Diretório de padrões no WordPress.org. No momento em que escrevo este post, lá (23 de agosto de 2021), não há um item de menu no WordPress.org para navegar diretamente para esta página. Pelo menos, não há nenhum em inglês, porque há um em espanhol.
Embora à primeira vista este diretório possa parecer o mesmo que o diretório de temas ou plugins, ele tem a funcionalidade de adicionar qualquer padrão muito facilmente a qualquer post ou página.
A pesquisa de padrões de bloco no diretório de padrões do WordPress.org é muito semelhante ao que você tem disponível em seu painel do WordPress. Você pode pesquisar por palavra-chave ou também tem um conjunto de categorias para restringir sua pesquisa. Além disso, se você estiver logado no WordPress.org, poderá marcar qualquer padrão.
Quando você clica duas vezes no padrão, ele o mostra em detalhes e você pode selecionar entre diferentes dimensões de tela para ver como fica em cada uma delas.
Como você pode ver na imagem acima, você tem um botão com o qual você pode copiar o padrão e depois de colar em qualquer página ou post, você já tem todo o conjunto de blocos para que você possa fazer as modificações necessárias para adaptá-los seu site como você gosta:
Marie Martin
Editor chefe
Elizabeth Linden
Editor de estilo
Janet Smith
Editor de moda
Ao substituir fotos, textos e links, você cria rapidamente uma seção de blocos que se encaixa perfeitamente no que você precisa em uma página.
Ruth Raventos
CEO
Antonio Villegas
Diretor de Tecnologia
David Aguilera
Diretor de Produto e Qualidade
Fácil, certo?
Adicionar padrões ao diretório de padrões do WordPress
Embora o trabalho ainda esteja sendo feito sobre como deve ser o ambiente final para criar e enviar padrões para o Diretório de Padrões do WordPress, a chamada está aberta para você enviar seus próprios padrões para serem publicados no diretório. Vamos ver como fazemos isso com um exemplo simples.
Primeiro você deve criar seu próprio padrão. Você pode criá-lo diretamente no editor de blocos, como pode ser o caso do padrão de depoimento que acabei de criar abaixo do que temos em nossa página inicial. Lembre-se que se você incluir imagens, elas devem ter uma licença gratuita para uso comercial.
O que nossos clientes dizem sobre nós
Nossos clientes nos amam porque…
️️️️️
UAU Isso realmente funciona
De longe, este plugin é a melhor ferramenta que usamos. Todos os nossos clientes estão satisfeitos em trabalhar com este plugin. Fácil de usar e interface agradável.
Nome Sobrenome - Cargo
️️️️️
UAU Isso realmente funciona
De longe, este plugin é a melhor ferramenta que usamos. Todos os nossos clientes estão satisfeitos em trabalhar com este plugin. Fácil de usar e interface agradável.
Nome Sobrenome - Cargo
️️️️️
UAU Isso realmente funciona
De longe, este plugin é a melhor ferramenta que usamos. Todos os nossos clientes estão satisfeitos em trabalhar com este plugin. Fácil de usar e interface agradável.
Nome Sobrenome - Cargo
Então você precisa ter um conta do Github e preencha um formulário predefinido no qual você deve incluir:
- uma descrição do padrão,
- um título,
- uma categoria das disponíveis no diretório,
- uma captura de tela do padrão,
- créditos de imagem que você incluiu e
- a marcação do bloco. Para isso, basta posicionar o mouse no grupo que forma o padrão, clicar no botão com o ícone de três pontinhos e clicar em Copiar (para colar no Github).
E é isso. Você pode ir para a guia Visualizar para ver como ficou e, finalmente, clicar no botão Enviar novo problema .
Agora, você só precisa esperar alguém revisá-lo para que ele fique disponível no diretório de padrões do WordPress.
Notícias do diretório
Como mencionei anteriormente, o processo de envio de padrões ainda está em desenvolvimento. O trabalho está sendo feito para que você não precise enviar do GitHub e só precisa estar logado no WordPress.org.
A ideia que está sendo trabalhada é que em https://wordpress.org/patterns/new-pattern/ (atualmente a página está em branco), você verá uma página semelhante à imagem a seguir na qual, uma vez logado no WordPress.org, você terá um botão Criar padrão.
Para criar um padrão, você poderá usar uma instância hospedada no WordPress do editor de blocos. Este editor funcionará (na maior parte) como o editor de blocos normal, mas com alguns ajustes. A primeira mudança é que você terá uma versão personalizada do pop-up de boas-vindas do editor focada na criação e envio de padrões.
Por outro lado, a barra lateral de edição de um padrão também incluirá informações sobre ele, como título, descrição e categorias.
Por fim, você terá a opção de enviar o padrão para ser revisado e compartilhá-lo com o resto do mundo.
Resumindo
Os padrões de bloco do WordPress provavelmente acabarão sendo os elementos mais usados para o design de páginas e posts. Eles são úteis o suficiente para adicionar seções que fazem todo o sentido como uma unidade e permitem que você construa páginas muito mais rápido do que se você tivesse que adicionar cada um dos blocos que compõem essa seção um por um. E a busca de padrões no diretório se tornará padronizada de maneira semelhante à de plugins e temas.
Pessoalmente, quando olho para os padrões disponíveis no diretório, ainda acho difícil encontrar aqueles que eu usaria diretamente no meu site. Mas eu sei que isso vai mudar em questão de dias. Quando grandes designers começarem a adicionar suas propostas, teremos uma enorme explosão de designs ao nosso alcance que nos permitirá atualizar nossas páginas muito mais rapidamente.
Foto de Nick Morrison no Unsplash.