Crie modelos personalizados com o complemento MB Views para Meta Box

A Meta Box lançou seu plugin add-on MB Views na semana passada. A nova extensão permite que os desenvolvedores criem modelos personalizados no conforto de seu administrador do WordPress. O objetivo é fornecer uma interface fácil de usar para a saída de campos personalizados sem editar arquivos de tema, mas sua flexibilidade ultrapassa os limites da edição completa do site.

Visão rápida: o MB Views oferece uma experiência de desenvolvedor sólida, mas fica um pouco aquém de ser amigável para aqueles que não estão familiarizados com o código.

Há muito tempo sou fã do que a equipe do Meta Box fez com seu plug-in e extensões principais. Os desenvolvedores do projeto criaram uma base de código bem documentada, escreveram documentação sólida e geralmente prestaram atenção aos detalhes onde outros falharam. MB Views não é diferente. Minutos depois de ativar a extensão, eu tinha visualizações personalizadas configuradas e lançadas no front-end do meu site de teste.

A interface é simples o suficiente para pegar quase imediatamente com flexibilidade suficiente para construir quase qualquer coisa do administrador do WordPress.

No geral, o novo complemento da equipe vale o preço de um dos pacotes premium disponíveis, que variam entre US$ 79 e US$ 349. Não é sem alguns pequenos problemas, mas isso é esperado com uma versão 1.0.

Uma ferramenta poderosa para edição de front-end

Minha experiência trabalhando com a tela de edição de visualização pareceu natural. O editor de código usa Code Mirror e seu tema Oceanic Next. Ele tem auto-tabbing e auto-completar embutidos, então se parece com a maioria dos editores offline. Os desenvolvedores devem se sentir em casa criando rapidamente uma visualização personalizada.

Como uso principalmente o Tailwind CSS atualmente, consegui criar um formulário de inscrição de e-mail falso em alguns minutos e exibi-lo diretamente abaixo das minhas postagens usando as configurações de exibição disponíveis.

O editor de código possui um botão “Novo Campo” que abre uma caixa deslizante no lado direito da tela. Ele permite que os usuários insiram campos de postagem, site, usuário e consulta. As opções também incluem campos personalizados criados através do plugin Meta Box.

Além de editar o modelo, os usuários também podem adicionar CSS e JavaScript personalizados diretamente do editor de código de visualização.

A saída desses campos é tratada por meio do Twig, um moderno mecanismo de modelagem PHP. Muitos desenvolvedores PHP já estarão familiarizados com o Twig e se sentirão confortáveis ​​com sua sintaxe. Através deste sistema, os usuários de plugins não estão limitados ao HTML. Eles podem usar condicionais e loops para personalizar a saída de seu conteúdo de exibição.

Para uma melhor experiência do desenvolvedor, seria bom ver uma opção de preenchimento automático para inserir novos campos em vez de clicar no botão “Novo campo” e depois clicar em um campo específico. Muito provavelmente, os desenvolvedores começarão a memorizar os campos ao longo do tempo e simplesmente os digitarão. O preenchimento automático seria um toque agradável para campos personalizados.

Onde o MB Views realmente brilha são suas configurações de visualização. O plugin permite que as visualizações ocupem toda a página entre o cabeçalho e o rodapé do tema ou apenas a área de conteúdo. Ele permite que os usuários escolham entre exibir uma visualização em postagens singulares, páginas de arquivo ou algo personalizado usando seu código de acesso integrado. Os usuários podem detalhar ainda mais onde uma exibição aparece com base em condições que podem ser agrupadas de várias maneiras. Pode ser tão simples ou complexo quanto necessário. Não está completamente a par com o que é possível com condicionais PHP personalizadas, mas está perto o suficiente para cobrir a maioria dos casos de uso.

Se alguém quisesse tentar, poderia usar o MB Views como um editor de site inteiro. O único requisito real seria construir seu tema com um cabeçalho e rodapé. Em algum momento, talvez o plugin permita que os usuários assumam todo o layout da página, tornando um tema desnecessário.

Problemas e melhorias futuras

A versão 1.0 trata de enviar algo para as mãos dos usuários. É um momento em que os desenvolvedores recebem alguns de seus comentários mais úteis, então espero que o seguinte seja abordado à medida que os desenvolvedores continuam a desenvolver o plug-in no futuro. Não encontrei nenhum obstáculo importante, mas me deparei com alguns problemas menores e tive algumas ideias para melhorias.

O primeiro problema que encontrei me fez acreditar inicialmente que o plugin não funcionava. Eu havia escolhido exibir minha visualização personalizada em postagens singulares. Isso é fácil de fazer através das configurações de visualização. Você seleciona o tipo “Singular”. Em seguida, selecione "Postar" na primeira seleção suspensa. Eu tinha assumido que isso faria o modelo aparecer em todas as postagens. No entanto, nada aconteceu depois de salvar. Nenhum dos meus conteúdos personalizados apareceu no front-end. O problema era que havia uma segunda seleção suspensa, que não havia sido preenchida com um valor por padrão. Havia uma opção “Todas as postagens” que eu precisava selecionar. Foi um problema rápido de resolver, mas é por isso que bons padrões são tão importantes no desenvolvimento de plugins.

Não há suporte de revisão. Para um editor de código no administrador do WordPress, faz sentido que os usuários possam reverter seu código para uma versão anterior. Se os usuários apenas criarem visualizações com pequenos pedaços de código, isso não será um problema. No entanto, o plugin permite que os usuários criem um layout de página inteiro entre o cabeçalho e o rodapé do tema. Isso às vezes significa muito código e a necessidade de retroceder nas alterações.

O MB Views oferece um shortcode [mbv] para a saída de uma visualização em áreas prontas para shortcode, como conteúdo de postagem. No entanto, não há equivalente de bloco para uso no editor de blocos. Neste ponto, ter um código de acesso, mas nenhum bloco, parece um grande descuido. Os códigos de acesso precisam ter uma morte lenta e dolorosa.

A tela de gerenciamento de exibição também poderia usar um pouco de amor. Seria bom ver pelo menos uma coluna para o tipo de exibição. À medida que a lista de visualizações personalizadas cresce, pode ficar difícil descobrir onde cada visualização é usada rapidamente.

Facilidade de uso e o futuro

Você deseja obter os valores dos campos Meta Box e colocá-los em seus modelos front-end, mas não está muito familiarizado com a codificação e não deseja tocar nos arquivos do tema?

A descrição de abertura do MB Views afirma que o plug-in é voltado para usuários que não estão familiarizados com codificação. Não tenho certeza se o usuário médio poderia tirar proveito disso sem adquirir algum conhecimento de codificação ao longo do caminho. A interface é voltada principalmente para desenvolvedores. Literalmente, o editor de visualização é um editor de código. Ele tem um insersor de campo fácil de clicar, mas esses campos geralmente serão inúteis sem alguma familiaridade com HTML e CSS.

A ferramenta é boa no que faz, mas quase parece uma medida paliativa na era do editor de blocos.

Para que o MB Views seja uma ferramenta de usuário final mais útil, ele precisará fazer a transição para uma interface mais visual, de apontar e clicar, com opções de design. Caso contrário, ele ficará principalmente na terra dos desenvolvedores que podem personalizar a saída da visualização com perfeição.

Não acho necessariamente que o MB Views deva seguir nessa direção se a equipe quiser se concentrar em uma ótima experiência de desenvolvedor. No entanto, atualmente não está à altura de sua alegação de amizade para aqueles menos familiarizados com o código.

Ainda estamos provavelmente a pelo menos um ano de uma experiência de edição completa do site por meio do sistema de blocos. Os esforços da equipe do Meta Box podem ser mais bem gastos integrando a edição de visualizações nesse sistema. O complemento MB Views é uma ferramenta útil e necessária para muitos usuários do plugin Meta Box hoje, mas pode não ter tempo para ganhar força antes que a edição completa do site chegue ao núcleo. Nesse ponto, a equipe do plug-in precisará já estar em transição para um mundo muito diferente de experiência do usuário com o WordPress.