Programa FSE: Insights sobre como alternar entre temas de bloco

Ao contrário das rodadas de testes de rotina do FSE Outreach Program, Anne McCarthy deu uma reviravolta no blog Make WordPress Test hoje cedo. O anúncio pede aos usuários que pensem no que gostariam de ver ao alternar entre os temas de bloco. O teste está aberto a quem quiser participar até 29 de setembro.

As etapas são soltas e não são necessárias. O objetivo é fazer com que as pessoas pensem e discutam como será o fluxo de mudança de tema ao longo do tempo. McCarthy fez várias perguntas, mas elas são apenas um ponto de partida para uma discussão mais aberta.

Embora às vezes eu precise de estrutura, costumo quebrar as regras de qualquer maneira. O formato deste teste me serviu bem hoje.

Não sou de mudar de tema. Desde que aprendi a projetar para WordPress há mais de uma década, nunca mudei de um tema para o outro. Pelo menos não da mesma forma que o usuário médio faria. Em vez disso, toda vez que adiciono uma nova camada de tinta em meus sites, simplesmente troco a base para o que estiver trabalhando no momento. Os temas do WordPress, para mim, sempre foram apenas uma iteração do último projeto.

Uma das pedras angulares da programação é reutilizar seu código, e é um princípio que tenho levado a sério. Mesmo agora, enquanto continuo a explorar o design do tema de bloco, estou fazendo isso a partir de uma versão eviscerada do último tema do WordPress que construí.

Quando penso em trocar de tema, não é uma experiência a que estou acostumado. Mesmo quando comecei a trabalhar para o WP Tavern, o site já utilizava um dos meus temas com algumas customizações. Parece que eu perdi. Ao longo de toda a minha jornada com o WordPress desde a versão 1.5, na qual a plataforma introduziu temas pela primeira vez, nunca experimentei verdadeiramente o processo de mudança de tema da maneira mais fundamental. Em breve, mas falaremos sobre isso em outro dia.

Quando eu “troquei” temas, fiz isso em ambientes de teste para escrever sobre eles ou executar suporte técnico para usuários finais.

A chamada para exploração se concentrou principalmente em recursos globais relacionados ao design. No entanto, na minha experiência, isso tende a importar muito menos do que a aparência do conteúdo de um usuário. A primeira coisa que faço ao testar qualquer tema é carregar um post de demonstração. Ultimamente, este tem sido o post de teste “Bem-vindo ao Editor Gutenberg”. A questão principal: Posso ler o conteúdo confortavelmente? Se eu não passar dessa fase, simplesmente desativo o tema.

Para esta experiência, escolhi três temas:

• Meu projeto personalizado e inédito
• Blocos TT1
• Quadrado

Comecei com essa base de testar o quão fácil era ler uma simples postagem no blog.

No geral, cada tema teve um desempenho admirável. No entanto, o uso da imagem em destaque por Quadrat em uma única visualização de postagem parecia fora de lugar.

Uma pergunta que me mantém acordado à noite é como a compatibilidade entre temas funcionará no nível do conteúdo. A saída de bloco padrão deve ser traduzida de um tema para o próximo com pouco ou nenhum problema. No entanto, estilos de bloco personalizados, tamanhos de fonte, cores e toda a gama de predefinições já são uma área problemática.

Esta não é uma conversa nova. Há uma discussão em andamento sobre a padronização de alguns recursos. Mas o gato já está fora do saco e correndo solto pela casa.

Estilos e modelos globais são recursos com os quais os temas lidam há anos de uma forma ou de outra. Os novos sistemas são apenas maneiras diferentes de fazer a mesma coisa.

No entanto, quando os elementos de design se fundem com o conteúdo, a troca de temas se torna mais complexa sem um sistema padronizado e subjacente. Para ilustrar esse ponto, verifiquei todos os meus três temas de teste em uma postagem que usava estilos de bloco personalizados, cores de gradiente e tamanhos de fonte. Eu queria empurrar os limites além de uma simples postagem no blog.

O conteúdo foi construído com meu tema personalizado e um modelo de “tela aberta”. Quadrat tinha um modelo semelhante para ocultar o título do post, mas o TT1 Blocks não.

O resultado foi, ahem , áspero:

Claro, meu tema personalizado parece como deveria. Isso não quer dizer que os Blocos TT1 e Quadrat sejam mal projetados. Na verdade, eles são dois dos melhores temas de blocos disponíveis no momento. O problema é que eles não compartilham os mesmos estilos de bloco e presets. O WordPress e o Gutenberg também estão faltando algumas ferramentas de layout fundamentais que podem tornar mais fácil transportar esse design de um tema para o outro.

A peça mais complexa do design é com o padrão de bloco de tampa de abertura:

Tecnicamente, este é um bloco Cover dentro de outro. A camada inferior tem uma imagem de fundo com um filtro duotônico e define o conteúdo interno para 90% da largura de seu pai. A segunda camada tem um plano de fundo gradiente definido pelo tema e define seu contêiner interno à esquerda com 50% de largura. Além disso, tem uma pitada de tamanhos de fonte personalizados.

Esses controles de layout só são possíveis por meio de estilos de bloco personalizados ou alguns usos hackeados do bloco Colunas. Eu escolhi o primeiro porque era mais fácil, mas também significa que eles estão quebrados quando usados ​​com qualquer outro tema.

Embora eu tenha chamado isso de a parte mais complexa do design, na verdade é uma coisa simples de fazer com a maioria dos construtores de páginas ou com algumas linhas de CSS. Até que o WordPress tenha algum tipo de bloco de contêiner de grade, os autores de temas contarão com técnicas personalizadas para tornar esses layouts possíveis. Pode e ficará ainda mais feio do que isso quanto mais esperarmos.

As discussões abertas sobre a padronização de predefinições como tamanhos de fonte e nomes de cores podem dar frutos que podem ajudar nas partes mais triviais. No entanto, não vi nomes de gradientes aparecerem nesta discussão.

Eu tenho pelo menos um motivo oculto para este teste. Há muito tempo queria experimentar designs e layouts de postagem mais experimentais aqui no WP Tavern. No entanto, eu sei que eventualmente vamos mudar de tema. Essa voz no fundo da minha mente sempre me lembra que esses layouts de postagem personalizados provavelmente quebrarão quando esse dia chegar. As ferramentas não são avançadas o suficiente para que eu mergulhe. Ainda não de qualquer maneira.

Neste ponto, tenho certeza de que não estou mais seguindo a direção pretendida do chamado para a exploração. No entanto, estou apenas deixando a jornada me levar para onde devo ir. Meu destino é uma adição à minha lista de desejos: ferramentas de layout mais robustas que funcionam de tema para tema.