Gerenciamento e Criação de Padrões de Ponta

Aqueles que dominam os padrões de blocos estarão fortemente posicionados para liderar no novo paradigma de design, construção e dimensionamento do WordPress.

Assista a esta sessão para saber como você pode aproveitar os recursos de moldes mais recentes, bem como uma nova ferramenta empolgante que eleva a experiência de gerenciamento de moldes para freelancers e agências.

Caixas de som:

• Michael Day, React Engineer na WP Engine
• Phil Johnston, engenheiro de software sênior da WP Engine

Diapositivos da Sessão:

Transcrição:

PHIL JOHNSTON: Olá. Meu nome é Phil Johnston e sou engenheiro de software sênior da WP Engine. E eu, juntamente com meu colega de equipe Mike Day, falaremos sobre gerenciamento e criação de padrões de ponta no WordPress.

Portanto, há muitas coisas novas e interessantes que estão sendo adicionadas ao WordPress recentemente. E um deles são os padrões. E eu vou falar sobre isso. Os padrões são feitos de blocos. Então, vamos mergulhar direto nisso.

Você usaria blocos no editor de blocos, que é o painel do WordPress. É aqui que você faria algo como uma postagem de blog ou uma página e onde você pode começar a escrever ou criar. E é o lugar onde você usaria blocos.

Então, pude pegar emprestados alguns blocos de Lego dos meus filhos para esta palestra. Então, para ajudar a ilustrar isso, quando você olha para a página aqui onde diz que eu sou um bloco de cabeçalho, você pode pensar nisso como um bloco de LEGO. E abaixo disso, onde diz que sou um bloco de parágrafo, você pode pensar nisso como outro bloco que você recortou embaixo dele e assim por diante.

Você tem outro bloco de cabeçalho embaixo. Então você pode clicar nele. E então você pode começar a construir sua página como quiser. E você pode reorganizar esses blocos apenas clicando, arrastando ou reordenando. E então você pode remontar sua página com muita facilidade dessa forma porque eles estão todos bloqueados.

Embora isso seja muito simples para algo como uma postagem de blog, e você pode simplesmente mergulhar direto no editor e começar a fazer isso sem saber que são blocos, mas também pode criar um layout de bloco muito mais complexo como o que você está vendo aqui. Então aqui você tem um layout de três colunas com três imagens. E acima disso, você realmente tem uma coluna de largura total. E se estende por todas as três colunas. E então três blocos de imagem, três blocos de cabeçalho de amostra, três blocos de parágrafo e, em seguida, três blocos de botão abaixo disso.

Então, novamente, os blocos do WordPress são como LEGO. Você pode encaixá-los para criar um layout simples como o primeiro que mostrei ou um layout mais complexo como o que você está vendo aqui. Destaquei os blocos que você pode esperar ver em uma página como esta em vermelho. Então você pode ver que o primeiro tem uma caixa vermelha ao redor. [LIMPA A GARGANTA] Com licença. E isso representa um bloqueio. E então abaixo disso, você tem outro bloco com algum texto Lorem ipsum nele e então três blocos de imagem como eu mencionei, três blocos de título, três blocos de parágrafo abaixo disso e três blocos de botão.

Você pode pensar que isso é tudo o que é necessário para criar um layout de página como este, mas na verdade é um pouco mais complexo do que isso. Aqui neste slide, destaquei os blocos invisíveis, os blocos que você não pode ver. Esses são blocos que precisam estar na página para definir onde as coisas devem ficar, como o fato de haver três colunas em vez de uma coluna.

E assim, os blocos invisíveis, embora poderosos, também são muito difíceis para um usuário comum mergulhar e começar a usar. Ao mover o mouse dentro do editor de blocos, você não saberá que existem blocos invisíveis porque eles são invisíveis. E todos esses blocos também possuem controles complexos que os acompanham. Por exemplo, aqui está um dos blocos de coluna.

E se você olhar para o lado direito, poderá ver todos os controles complexos que vêm junto e que não são superfáceis ou intuitivos de entender. Coisas como blocos internos usam largura de conteúdo ou preenchimento ou espaçamento de bloco. O usuário médio não vai saber ou entender o que essas configurações fazem. E isso é um pouco como se eu entrasse em uma cozinha e visse um monte de temperos.

Eu não sou um grande cozinheiro. E então eu teria um monte de temperos na prateleira assim. E eu não saberia combiná-los ou usá-los porque não tive tempo para me tornar um chef. E assim como leva tempo para se tornar um chef cinco estrelas e cozinhar uma refeição excelente e deliciosa, leva tempo e há uma curva de aprendizado difícil com o editor de blocos e entender quais blocos usar e em qual momento fazer algo que pareça bom ou saboroso bom.

E por isso é uma especialidade. É um ofício que você tem que desenvolver. Portanto, o usuário médio será despejado no editor de blocos com uma lousa vazia como a que você vê aqui. E eles não vão saber que precisam usar um bloco de colunas, ou como usar esse bloco, ou o que colocar dentro desse bloco, basicamente os temperos que eles precisam combinar para fazer algo que realmente pareça ótimo.

Eles podem achar frustrante. Eles podem achar que é tedioso e difícil conseguir o que querem. E mesmo que aprendam todas essas complexidades de blocos, eles podem simplesmente não ter habilidades de design. E assim, embora poderosos, os blocos podem ser difíceis de usar. E é por isso que o conceito de padrão foi inventado.

Então, no WP Engine, construímos um plugin chamado Atomic Blocks. E em Atomic Blocks, basicamente criamos o conceito de um padrão, mas os chamamos de seções e layouts. E é exatamente o mesmo conceito. E o WordPress Core realmente se inspirou nos blocos atômicos para o conceito do que está agora no WordPress Core e é chamado de padrões.

Portanto, os padrões são grupos pré-criados de blocos que os usuários podem navegar, como você vê aqui. Há um monte de padrões aqui para eles escolherem. E ao clicar em um, eles inserem tudo isso em sua página com um único clique. Então, em vez de precisar montar blocos como este, blocos de LEGO, eles obtêm algo assim, um grupo pré-montado de um monte de blocos que foi feito por, esperançosamente, alguém que já é muito bom em design e dedicou horas a essa arte de fazer blocos.

E assim que você o insere na página, ele se parece um pouco com isso. E assim, boom, você tem um padrão, um monte de blocos pré-montados que parecem bons, têm bom gosto e funcionam, e você pode simplesmente entrar e digitar o texto que precisa alterar . Portanto, você alteraria algo como cabeçalho de amostra para o texto exclusivo da sua página.

Portanto, os padrões são como uma grande vantagem para o usuário médio. Eles não precisam aprender todas as complexidades do editor de blocos, todas essas coisas complexas. Eles não precisam ser designers profissionais, mas podem obter um design de ótima aparência apenas inserindo um padrão na página.

Portanto, se você é uma agência, alguém que cria sites para outra pessoa ou cliente, pode usar padrões de bloqueio para ajudar seus clientes a se ajudarem. Ao entregar um monte de padrões predefinidos ao seu cliente, eles podem criar suas próprias páginas.

Digamos que eles tenham um evento chegando para o qual precisam de uma página especial. Eles podem pegar um padrão de bloco que você criou para eles que corresponda à marca deles. Ele corresponde ao esquema de cores e todo esse tipo de coisa, e eles podem simplesmente clicar e inserir na página e fazer engenharia reversa - basta começar a digitar nesses blocos em vez de precisar saber todas as complexidades de qual bloco usar em qual cenário, e o que não fazer também, e como construir um layout que funcione bem em todos os dispositivos e todos esses tipos de coisas.

No entanto, embora os padrões de bloco sejam fáceis de usar para o usuário médio, eles não são fáceis de criar. E eles são ainda mais difíceis de gerenciar ao longo do tempo. E para desenvolvedores e agências, não há fluxo de trabalho ou ferramentas incorporadas ao WordPress para ajudá-lo a criar padrões.

Portanto, dividi as etapas para a construção de um padrão atualmente no que chamarei da maneira mais difícil aqui em 10 etapas. E se isso parece esmagador, é porque meio que é. A primeira coisa que você precisa fazer é criar um arquivo PHP em um editor de código como o VS Code. Você deve colocar um cabeçalho de arquivo específico na parte superior desse arquivo.

Então você precisa de um lugar para construir. Então você tem que ter um WordPress, provavelmente no seu local, o que é ótimo. Mas então você precisa criar uma página temporária dentro desse WordPress apenas para poder colocar blocos em algum lugar e trabalhar neles. E então você precisa construí-lo. Você precisa usar essas habilidades, esse ofício que você desenvolveu e torná-lo bonito. E então, quando terminar, você deve alternar para uma visualização de código e copiar todo esse código para o arquivo que você criou na primeira etapa.

E então você deve salvar esse arquivo em um local específico do seu tema. Se você está construindo um tema e entregando-o ao seu cliente, você deve colocá-lo no diretório patterns. E então, se o seu padrão contiver imagens como no layout de três colunas que mostrei, você deve garantir que essas imagens realmente funcionem quando você entregá-lo ao seu cliente. Então, como você a construiu em seu computador local, essa imagem também será referenciada no código como se estivesse no disco rígido de seu computador local.

Obviamente, isso é um problema. Quando não estiver mais no seu computador, essa imagem não funcionará. Então, você precisa passar pelo código com um pente fino, procurar por qualquer um dos URLs de seus computadores locais e substituí-los por uma tag PHP específica. E então você precisa ter certeza de que realmente moveu esses arquivos de imagem para o seu tema também. Você não pode simplesmente mudar isso no código. Você também tem que mover esse arquivo.

E então, para tornar ainda mais difícil, é aqui que fica realmente. Acho que o mais frustrante, pelo menos para mim quando estava construindo muitos padrões, era se eu cometesse um erro de ortografia dentro de um padrão, precisaria começar na etapa três novamente e vá até a etapa nove novamente todas as vezes apenas para corrigir um erro de ortografia. Você também tem que - porque você tem que regenerar todo o código de bloco toda vez - você tem que pesquisar todos esses URLs de imagem e substituí-los, colocá-los de volta no arquivo.

É todo um conjunto repetitivo e tedioso de etapas, especialmente para gerenciar ao longo do tempo. Como dizer, você precisa ajustar um padrão meses a partir de agora. É muito tedioso. E isso é algo que encontramos ao construir padrões para nossa coleção Genesis Pro. Entregamos muitas seções e layouts ou padrões com isso e ficamos muito frustrados com o processo de fazer essas coisas tediosas repetidas vezes.

E foi isso que nos levou a construir uma ferramenta para nos ajudar a não ter que fazer essas coisas, para eliminar esse tédio e torná-lo o mais rápido possível. Você pode apenas trabalhar nele, salvá-lo e, bum, ele irá direto para o arquivo para você. Ele vai colocar o arquivo no lugar certo. Ele escreve todo o código para você. E então decidimos construir uma ferramenta para nós mesmos internamente que eliminaria toda essa dor. E nunca pretendemos realmente que se tornasse algo que permitiríamos que outras pessoas usassem, mas tornou-se tão útil para nós que queríamos disponibilizá-lo para que outras pessoas também usassem.

Então, novamente, como você pode ver, a maneira atual difícil de construir um padrão não é ideal e não é uma ótima maneira de fazer as coisas. É por isso que construímos o Pattern Manager, uma interface do usuário para criar e manter coleções de padrões dentro do WordPress. Então, vou passá-lo para meu colega, Mike Day, para nos guiar pelo gerenciador de padrões e nos mostrar todos os recursos impressionantes dentro dele. Então, para você, Mike.

MIKE DAY: Oi. Eu sou Mike. Sou engenheiro de software na WP Engine. Os padrões são uma poderosa ferramenta de criação de layout que tem o potencial de mudar o jogo para os criadores do WordPress. Mas, como Phil acabou de demonstrar, a experiência de realmente usar esses padrões em termos de criá-los e gerenciá-los é, no mínimo, insuficiente. O Pattern Manager tem como objetivo trazer o gerenciamento de arquivos de padrão para a vanguarda do design do WordPress de maneira descomplicada por meio de um plug-in que pode deslizar para o seu fluxo de trabalho. Vamos entrar.

Para os propósitos iniciais desta demonstração, vou deixar minha janela do editor de código aberta aqui à direita. Este é um arquivo de padrão real salvo diretamente no meu disco. E eu realmente quero enfatizar que quando você trabalha com o Pattern Manager, você está realmente manipulando e criando arquivos físicos salvos em seu disco. Especificamente, eles são salvos no diretório do tema atual. Então você pode ver aqui esses dois arquivos PHP ou arquivos de padrões, eles representam os padrões que estão atualmente ativos nesta visualização de Padrões.

Além disso, observe este diretório de imagens. Phil trouxe um ponto realmente interessante que, agora, ao trabalhar com padrões, digamos que você tenha um monte de imagens salvas em um padrão. Todos esses URLs para essas imagens específicas apontarão para sua instalação local. Isso é um grande problema sempre que chega a hora de realmente compartilhar seu trabalho.

Todas essas imagens serão quebradas. Portanto, abordamos isso de maneira um pouco diferente. Na verdade, salvamos cópias dessas imagens diretamente na própria pasta do tema. Isso é uma virada de jogo para controle de versão, por exemplo. Digamos que você e seus colaboradores estejam usando o Git. Agora você pode ter certeza de que todos têm acesso às mesmas imagens enquanto trabalha.

OK. Então, vamos pular para a interface. Esta é a visualização dos padrões. E imediatamente aqui, você pode ver os dois padrões registrados para o meu tema. Ao passar o mouse sobre uma visualização de padrão, observe os botões de ação que aparecem. Temos opções para editar, duplicar ou excluir um determinado padrão. Há também algumas opções de filtragem aqui à esquerda, mas voltarei a elas daqui a pouco. Por enquanto, vamos pular e editar um padrão.

Portanto, tenho certeza de que você reconhecerá uma IU muito familiar. Este é o editor de blocos do WordPress, neste caso reaproveitado para fornecer um espaço específico para trabalhar com padrões. E aqui à direita, você verá essas várias propriedades de cabeçalho. Agora, antes de entrar nisso, quero fornecer um pouco mais de contexto e usar algum texto emprestado da documentação do desenvolvedor do WordPress.

A propriedade do título é bastante auto-explicativa. Este é um ID frontal legível por humanos, se você quiser, que os usuários verão quando interagirem com seu padrão em um site. As categorias são realmente usadas para agrupar padrões. Esta será uma matriz de categorias registradas onde você pode adicionar uma, muitas ou nenhuma, se quiser. Mas há um problema aqui com a maneira atual como isso funciona no WordPress Core.

Não há realmente uma ótima maneira de saber quais categorias estão realmente disponíveis. Não há um local óbvio para realmente encontrar essas categorias de padrão de bloco registradas em qualquer lugar do seu site, pelo menos que eu saiba. Agora, palavras-chave que você pode imaginar como termos de pesquisa. Essencialmente, você pode inserir esses aliases descritivos para descrever seu padrão para que, independentemente do que os usuários estejam procurando no inseridor, eles possam encontrar facilmente o que precisam. E a descrição é uma espécie de extensão dessa ideia, exceto que é um texto visualmente oculto. Isso é muito útil para usuários com deficiência visual que podem estar usando um leitor de tela.

Agora voltando para o Pattern Manager, vamos modificar essas metapropriedades. O título do padrão é uma entrada de texto simples. Basta começar a digitar para renomear seu padrão. Mas observe um recurso oculto aqui. O gerenciador de padrões está me dizendo que um padrão com este título já existe no tema. Não quero destruir esse arquivo acidentalmente, então vou deixar o título em paz.

OK. Vamos escolher algumas categorias. Portanto, observe imediatamente que renderizamos esta lista de categorias apenas em um menu suspenso. Caso contrário, é difícil saber onde realmente encontrar esses dados. Mas essa lista é preenchida dinamicamente por meio de uma chamada de API. Isso significa não apenas todas as categorias de padrão de bloco registradas para o seu tema, mas qualquer categoria que você possa ter registrado, mostraremos aqui. Vamos apenas escolher os destaques por enquanto.

OK. E vamos adicionar alguns termos pesquisáveis. Para os fins desta demonstração, usarei apenas o padrão de amostra. Mas lembre-se de que é aqui que você pode adicionar termos que descrevam esse padrão para usuários que estão pesquisando no insersor. E observe que usei um termo com várias palavras aqui. Esses são suportados no gerenciador de padrões.

OK. E vamos adicionar uma descrição. Lembre-se de que este é um texto visualmente oculto. Então, realmente, a principal intenção aqui, na minha opinião, é ajudar os leitores de tela. Vamos descrever isso como três colunas com cores invertidas. OK. Perfeito. Sinto que estamos em um bom lugar agora. Podemos realmente salvar nosso trabalho. Mas antes de fazer isso, quero que você preste muita atenção ao cabeçalho deste arquivo à direita. Agora, assim que clico em Atualizar padrão, de repente há muito mais dados aqui. A descrição, categorias e palavras-chave que estávamos apenas modificando apareceram aqui sem que eu tivesse que tocar neste arquivo.

OK. Vejamos as metapropriedades restantes. Primeiro, temos uma propriedade bastante interessante na largura da janela de visualização. O objetivo é ser um número inteiro que representa a largura dimensionada para visualizar esse padrão. Então, por padrão, sempre que você criar um padrão, digamos que você faça algo com largura total ou talvez até muito estreito. As configurações padrão para isso em um WordPress Core podem fazer com que o dimensionamento pareça um pouco estranho nas visualizações.

Então poste tipos. Isso é simplesmente uma matriz de slugs do tipo post com a qual o padrão deve ser usado. Observe que adicionar valores aqui irá, na verdade, restringir o padrão para que funcione apenas com esses tipos de postagem. Observe também que deixar em branco fará com que o padrão funcione com todos os tipos de postagem.

Em seguida, temos os tipos de bloco. Esta é outra matriz, mas desta vez de tipos de bloco com os quais o padrão deve ser usado. Agora, devo admitir que sempre que comecei a usar esses tipos de bloco, achei um pouco confuso. Parece que o uso é realmente multiuso, mas a intenção por trás dele não é muito clara na minha opinião.

E por último, temos a propriedade inserter. Agora, por padrão, todos os padrões aparecerão no insersor, mas digamos que você queira alterar isso. Você simplesmente adicionaria um valor booleano de false para esta propriedade e ela seria ocultada do uso no inseridor.

Então, voltando ao Gerenciador de Padrões, vamos ver como lidamos com essas metapropriedades restantes. Primeiro, vou fechar esses outros painéis. E vamos dar uma olhada na largura da viewport. Agora, lembre-se de que este é um valor inteiro que simplesmente controla visualizações dimensionadas para seu padrão no inseridor. Uma coisa que é um problema com a implementação atual disso é realmente ver os resultados do seu trabalho.

Então, digamos que eu modifique o cabeçalho em meu arquivo de padrão e altere a largura da janela de visualização. A única maneira de realmente ver como isso é, digamos, criando uma nova postagem. Isso fica um pouco complicado. É apenas um pouco complicado demais pular para frente e para trás. É um pouco doloroso. Portanto, a maneira como abordamos isso é simplesmente passar o mouse sobre o controle deslizante e imediatamente uma visualização é exibida. E enquanto arrasto e tento tamanhos diferentes, posso ver como esse padrão é dimensionado. Isso é realmente útil e economiza muito tempo. Vamos escolher 1.200 por enquanto. E vamos passar para os tipos de postagem.

A primeira coisa a observar sobre esse painel é a presença dessas dicas de ferramentas. Estas são apenas pequenas informações para tentar ajudar a guiá-lo em seu caminho enquanto você usa o aplicativo. Em primeiro lugar, isso é apenas reiterar algo que já discuti. Se não houver seleções, se não houver tipos de postagem adicionados ao cabeçalho de seu arquivo de padrão, seu padrão funcionará para todos os tipos de postagem. Mas observe abaixo que há essa configuração chamada Modal Visibility.

Este é um recurso oculto muito legal. Essencialmente, se você tiver o tipo correto de bloco no cabeçalho do seu arquivo de padrão, sempre que os usuários criarem uma nova postagem do tipo de destino, eles verão um modal aparecer. E eles podem escolher seu padrão diretamente desse modal. E eu vou te mostrar exatamente o que quero dizer em um momento. Mas quero que você observe como essa alternância está realmente desativada. E isso ocorre porque as configurações de visibilidade modal não funcionarão, a menos que haja um tipo de postagem preenchido.

Portanto, a maneira como abordamos isso é simplesmente desabilitando a alternância até que haja um tipo de postagem presente. OK. Agora posso ativar isso. E a alternância de exibição e inserção faz o que você pode imaginar. Se você desativasse isso, atribuiria um valor false no cabeçalho do seu arquivo. E esse padrão não apareceria mais no insersor. OK. Vamos atualizar isso.

Agora vamos ver como tudo isso realmente funciona em um post. Então, vou mudar e realmente criar um novo post. Agora imediatamente este é aquele modal que eu estava falando em ação. Como o tipo de bloco e o tipo de postagem corretos são adicionados ao arquivo, agora vejo isso imediatamente quando crio uma nova postagem. E posso simplesmente clicar na visualização do padrão e, bum, meu padrão está ali.

Isso é muito legal, mas vamos ver como a marcação está realmente funcionando de outra forma. Então aqui está a categoria que escolhi, o recurso. E o outro padrão no meu tema tem as categorias de colunas e texto, então está funcionando muito bem. E os meus termos de pesquisa? Meu termo de pesquisa com padrão de amostra. Isso está funcionando muito bem. E meu texto oculto começou com três colunas, também funcionando exatamente como pretendido. Isso é ótimo.

OK. Então, vamos voltar e cobrir mais uma metapropriedade restante. Este é um pouco estranho de explicar. Eu sinto que é mais fácil se eu apenas mostrar a você. Então, vamos em frente e criar um novo padrão. Tudo o que você precisa fazer para isso é clicar neste botão Criar novo padrão. E aqui estou eu de volta ao editor. Neste caso, vou escolher o bloco de código. E neste bloco de código, vou colar alguns exemplos de código.

Agora, isso foi retirado da documentação do WordPress. Esta é a maneira que você registraria uma transformação de bloco usando PHP. Então você pegaria esse código e talvez colaria em um arquivo de funções, o que você preferir. Deixe-me mostrar como abordamos isso. Nesta seção de tipo de bloco transformado, há um menu suspenso. Essa lista suspensa é preenchida dinamicamente, assim como os tipos e categorias de postagem, por meio de uma chamada de API.

Assim, posso simplesmente pesquisar meu tipo de destino – aí está, núcleo/código – e selecioná-lo. Agora, apenas para ilustrar mais uma vez, a diferença está em como você pode fazer isso agora em vez de usar o gerenciador de padrões. Para fazer isso agora, tenho que caçar esse bloco de código, descobrir exatamente qual conteúdo posso precisar, descobrir meu tipo de bloco e colá-lo em algum lugar, em comparação com o Gerenciador de padrões, apenas escolhi esse campo. Eu escolhi esse valor em um menu suspenso. OK. Vamos atualizar isso. E vou criar um novo post. E vamos sair do nosso modal.

Agora, desta vez, também vou escolher o bloco de código. Mas, em vez de preenchê-lo com conteúdo, posso simplesmente escolher essa opção na barra de ferramentas. E observe esta seleção de padrão. Quando escolho padrões, existe o meu padrão. E ao clicar nele, imediatamente esse bloco foi transformado em meu padrão de destino.

Outra coisa a cobrir com os tipos de transformação é a ideia do que é chamado de padrões de bloco semântico. Elas são semelhantes a uma transformação de bloco, mas voltadas para peças de modelo. Por exemplo, cabeçalhos e rodapés. Mas há uma pegadinha aí. Uma coisa a saber sobre a seleção desse tipo de bloco de peça de modelo de destino é que você deve ter o tipo correto de tipo de postagem também atribuído ou simplesmente não funcionará. Portanto, abordamos isso simplesmente atribuindo esse tipo de modelo para você. E está trancado. E permanecerá bloqueado até que esse tipo de bloqueio seja realmente removido.

Então é isso para a demonstração inicial desta visualização do editor, mas preciso alternar os temas em segundo plano aqui. E agora voltarei para a Visualização de Padrões. O ponto aqui é mostrar como o Gerenciador de Padrões se comporta com muitos padrões. Este tema específico possui mais de 50 padrões cadastrados.

Agora observe, enquanto clico nessas várias categorias, como esses padrões são filtrados imediatamente. Isso é muito útil quando estou tentando encontrar o que preciso entre vários padrões. Mas digamos que você queira um controle mais granular. Basta começar a digitar. Essa filtragem funciona de maneira muito semelhante ao Insersor. É realmente útil e muito rápido. E por falar em agilidade, mais uma coisa a destacar é a rapidez dessa interface do usuário.

Observe como essas visualizações não carregam até que eu realmente role até elas. Esta é uma implementação personalizada que realmente é ótima para economizar recursos do navegador. E faz com que este aplicativo pareça rápido e muito rápido, não importa quantos padrões você use. Tudo bem. Cobrimos muito terreno nesta apresentação, então vamos recapitular rapidamente. Os padrões representam uma interseção interessante entre a curadoria de elementos de conteúdo individuais e o design de página inteira.

Como construtor do WordPress, a capacidade de criar elementos de layout maiores e reutilizá-los em um tema é uma ideia atraente. Cabeçalhos, rodapés, depoimentos, caixas de recursos. Estas são todas as características de cada site. E agora você pode criar facilmente todo o seu site com padrões.

Agora, apesar do surgimento de padrões como um componente-chave dos temas de bloco, o próprio WordPress não possui uma interface oficial para realmente criar ou gerenciar esses padrões, nem há nada no roteiro. Em vez disso, os construtores precisam criar padrões manualmente em seu editor de código, copiando e colando o código dezenas de vezes, deixando muito espaço para erros.

Nosso produto, Pattern Manager, é projetado para deslizar em seu fluxo de trabalho. Basta instalar e ativar o plug-in e você obterá uma interface de usuário moderna para filtrar padrões, criar, duplicar, editar, excluir e tudo isso junto com a experiência de edição de conteúdo na experiência familiar de usar o editor principal do WordPress. Além disso, muitas das complexidades mais difíceis de entender para marcar corretamente um arquivo de padrão, por exemplo, adicionar categorias, palavras-chave ou talvez até mesmo restringir o trabalho apenas com determinados tipos de postagem personalizados, são todas abstraídas em nossa interface do usuário. Os construtores têm controle total sobre essas configurações por meio de controles da barra lateral fáceis de usar.

O Pattern Manager foi lançado e está disponível para download agora no URL abaixo. Dê uma olhada e deixe-nos saber seus pensamentos. E, por favor, sinta-se à vontade para entrar em contato comigo pessoalmente e me dizer o que você pensa. Esperamos que você experimente o Pattern Manager. E esperamos que ajude você da mesma forma que ajudou nossa equipe de criadores de WordPress. Obrigado.