Skinning the WordPress Admin, CSS Custom Properties on the Way – WordPress Tavern

O uso de propriedades personalizadas CSS para o sistema de esquema de cores do administrador do WordPress está listado para o marco do WordPress 5.7. Parece discreto o suficiente para que a maioria passasse por cima como uma atualização simples para acompanhar os tempos. No entanto, esse recurso pode criar ondas que se espalham e beneficiam o ecossistema nos próximos anos.

Kirsty Burgoine, desenvolvedora front-end da Human Made, anunciou a introdução de propriedades customizadas CSS para o administrador do WordPress. O trabalho inicial resultou em um tíquete para iterar nos esquemas de cores do administrador. O primeiro estágio reduziu a paleta de cores de 199 cores para 99, criando uma lista mais razoável para trabalhar.

Paleta de cores de azuis, cinzas, vermelhos, amarelos e verdes do esquema de cores do administrador do WordPress.
Paleta de cores do WordPress por Kelly Choyce-Dwan.

O segundo estágio examinará como implementar um sistema de propriedades customizadas CSS que faça sentido. Isso significa fazer o trabalho temido de nomeando coisas. A equipe do CSS principal está procurando feedback sobre como lidar da melhor forma com nomes de propriedades no futuro e está aberta a sugestões de implementação alternativas.

Assim que as propriedades personalizadas estiverem em vigor, o novo sistema poderá abrir um mundo de possibilidades a longo prazo.

Pensando à frente

Minhas esperanças de ter temas de administração do WordPress viveram e morreram em cada notícia sobre esquemas de cores personalizados, maquetes criativas e o hype geral de projetos que nunca cumpriram suas promessas. Posso muito bem ter minhas esperanças de novo.

Os desenvolvedores podem registrar esquemas de cores de administrador personalizados desde o WordPress 2.5, mas nunca foi um sistema ideal.

Um dos meus plug-ins favoritos é o Admin Color Schemes, mantido por designers da equipe principal do WordPress. Ele adiciona vários esquemas para os usuários escolherem.

Usando o esquema de cores Cruise do plugin Admin Color Schemes WordPress.
Esquema de cruzeiro a partir do plugin Admin Color Schemes.

O Sass, que é usado para gerar os esquemas de cores do administrador no core hoje, simplificou o processo. No entanto, os desenvolvedores de terceiros ainda precisam garantir que seus esquemas personalizados permaneçam atualizados entre as versões do WordPress. O sistema não foi construído para proteger contra futuros problemas de compatibilidade.

As propriedades personalizadas do CSS mudam o jogo. Com seu amplo uso e compatibilidade com navegadores modernos, os temas de administração personalizados – pelo menos o esquema de cores – são muito mais reais.

Eu não fiquei tão animado com a possibilidade de algo novo desde que Tung Do lançou seu plug-in DP Dashboard de curta duração em 2013. Agora, poucos dias antes de oito anos desde sua fase de teste beta inicial, tenho mais uma vez alguma esperança.

Tela do painel no WordPress com o plugin DP Dashboard instalado.
Design beta original do plugin DP Dashboard.

Dada a pouca sabedoria que acumulei ao longo dos anos, agora vejo que temas de administração totalmente personalizados nunca levaram ao caminho certo. Estou feliz por nunca termos descido isso. As IUs de administração precisam funcionar de maneira consistente para os usuários e se adaptar às mudanças ao longo do tempo. Os temas personalizados eram um pesadelo de manutenção sempre que o WordPress adicionava um recurso. No entanto, um sistema construído em propriedades personalizadas CSS significa que as personalizações não quebram – ou quebram com muito menos frequência – conforme a IU do software evolui.

Embora o foco agora esteja nos esquemas de cores, nada impede que o WordPress mude para outros recursos no futuro. É possível configurar um sistema de estilos global para que os designers coloquem a pele do administrador em todos os tipos de maneiras interessantes sem quebrar nada. Opções menores, como o raio da borda dos botões, opções de família de fontes ou tamanhos de fonte do título, seriam fáceis de incluir com o tempo.

Como o sistema de bloqueio continua substituindo partes do administrador do WordPress, as skins personalizadas do administrador serão muito mais fáceis de manter. Como tudo no sistema de blocos é construído como um componente, é melhor à prova de futuro contra problemas de compatibilidade anterior.

Há um caminho longo e tortuoso em direção a um sistema de gerenciamento de skins de administrador completo. No entanto, não está fora do reino das possibilidades.

Estou ansioso para o dia em que os autores de temas possam facilmente implementar designs administrativos que correspondam ao front end. Talvez integração com o sistema de blocos theme.json é uma possibilidade. Eu também não me importaria de ver um diretório de temas de administração separado no futuro. O caso de uso pode ser muito específico neste ponto, mas nunca é demais manter a ideia no fundo da mente de todos.

No mínimo, a mudança para propriedades personalizadas permite que a equipe limpe o CSS do administrador e torna mais fácil adicionar esquemas de cores personalizados. Isso é uma vitória para o projeto WordPress.



Source



Deixe uma resposta

%d blogueiros gostam disto: