Tema WordPress TwentyFourteen: Uma beleza imperfeita

Ame-os ou odeie-os, os temas padrão do WordPress são importantes. Eles são instalados automaticamente em cada site WordPress atualizado e novo, ganhando exposição maciça.

Para 2014, o WordPress rompeu com os padrões anteriores para produzir um tema para um uso específico, ou seja, revistas. E não apenas qualquer tema de revista, mas um “belo tema de revista”.

E com certeza é lindo. Mas se você quiser usar o tema, também terá que lidar com suas falhas.

TwentyFourteen é oficialmente “um belo tema de revista”. Uma afirmação ousada, mas não há dúvida de que visualmente ele tem um impacto muito maior do que o neutro TwentyTwelve e parece muito melhor do que qualquer um de seus antecessores, em particular o peculiar TwentyThirteen.

Se você ainda não viu, vá para o site de demonstração agora e passe cinco minutos jogando com ele.

Continue lendo ou vá em frente usando estes links:

• Porcas e Parafusos: Tema TwentyFourteen
• Capacidade de resposta do tema vinte e quatorze
• É um tema de revista?
• Melhorias potenciais

Porcas e Parafusos: Tema TwentyFourteen

O layout do TwentyFourteen é uma configuração simples de cabeçalho, barra lateral esquerda e rodapé com uma barra lateral direita opcional que se alinha com o conteúdo. O cabeçalho fino é fixo e permanentemente visível.

O esquema de cores é preto, branco e verde e o site utiliza a fonte Lato do Google.

As personalizações do tema são praticamente as mesmas de todos os outros temas com a adição da função Featured Content, que permite que o conteúdo seja apresentado na página inicial em um controle deslizante ou em uma grade. O conteúdo é selecionado especificando uma tag ou tornando o conteúdo “fixo”.

Existem dois locais de menu, um no cabeçalho e outro na barra lateral esquerda e três áreas widgetizadas – Barra Lateral Primária, Barra Lateral de Conteúdo e Área de Rodapé. O rodapé permite que widgets ilimitados sejam adicionados, mas os quatro são ideais.

O tema fornece um widget adicional à lista padrão: TwentyFourteen Ephemera. Este é realmente um widget bastante útil e é usado extensivamente na Barra Lateral de Conteúdo na demonstração, mas é um pouco decepcionado por não fornecer opções para controlar a saída.

O que há de bom no TwentyFourteen

Há muito a ser admirado sobre este tema:

• Esquema de cores – apesar das reservas de fundos pretos, a combinação preto, branco e verde funciona. O uso liberal de espaços em branco nos layouts ajuda consideravelmente
• A tipografia é excelente por toda parte, com fontes claras, nítidas e de aparência profissional que funcionam bem mesmo quando exibidas como texto branco em um fundo preto (não é minha combinação favorita)
• As imagens também ficam boas, principalmente as grandes imagens em destaque nas páginas de postagem
• Estilizando nas tags - elas se parecem com tags criando uma sugestão visual instantânea

• 

  Estilo pós-navegação – simplesmente empilhar a navegação é muito mais limpo e esteticamente agradável do que o alinhamento tradicional à esquerda e à direita

• Postar estilo de metadados – ícones inteligentes funcionam bem com o texto em maiúsculas
• Os menus suspensos funcionam bem na margem esquerda e, novamente, o texto branco no fundo verde é surpreendentemente eficaz
• Grade de imagens em destaque - mecanismo simples e altamente eficaz para destacar postagens
• Widget Ephemera – isso poderia ser ainda mais útil se apenas mais algumas opções estivessem disponíveis
• Comportamento de pesquisa - embora seja discutível se um usuário deve clicar para revelar uma caixa de entrada de pesquisa, eu gosto que a caixa de texto apareça abaixo do ícone de pesquisa, em vez da recente tendência irritante de revelar uma caixa de texto ao lado do ícone de pesquisa

Mas há desvantagens

Às vezes, a beleza é apenas superficial e o tema não é isento de falhas:

• 

  Slider – precisa ter imagens grandes (maiores que 800px) para funcionar corretamente na área de trabalho, o que pode dificultar o uso do tema em um site existente

• Slider – não tem funcionalidade de reprodução automática!
• Grade – gostaria de poder especificar a configuração da grade (ou seja, número de imagens por linha) em vez de deixá-la para o design responsivo
• O conteúdo em destaque não oferece suporte a tipos de postagem personalizados - apenas postagens são selecionadas, mesmo que o tipo de postagem personalizado seja compatível com a taxonomia de tags
• Os menus suspensos não podem ser usados ​​para as opções mais à direita no menu superior, caso contrário, eles “voam” para fora dos limites da página
• A barra lateral de conteúdo é aplicada a todo o conteúdo – se você quiser na página inicial, você a obtém em todas as postagens e páginas (embora nas páginas você possa escolher o modelo de largura total para remover a barra lateral*)
• Enorme lacuna na parte superior das páginas “internas” – isso é para acomodar a barra de pesquisa, mas não sei por que não poderia ter sobreposto a entrada de pesquisa como faz na página inicial
• Design de largura máxima fixa, mas alinhado à esquerda em vez de centralizado
• O cabeçalho é bastante curto - encaixar um logotipo de tamanho decente pode ser um desafio!
• Página inicial – Ao listar postagens e usar a grade, a imagem em destaque da primeira postagem briga pela atenção com a grade

Tangente: por que as postagens não têm modelos?

Embora isso não seja específico do TwentyFourteen, ele surgiu enquanto eu brincava com a barra lateral de conteúdo e a ocultava nas páginas selecionando o modelo de largura total.

Por que o WordPress não permite Post Templates como faz para Page Templates? Seria muito útil poder selecionar modelos para exibir postagens exatamente da mesma maneira que com páginas e, no entanto, atualmente isso só é possível por meio de plugins. Um pedido de recurso para TwentyFifteen, talvez?

Capacidade de resposta do tema vinte e quatorze

De volta ao Vinte e Quatorze. É, naturalmente, um tema responsivo, mas quão bem ele responde e quais escolhas ele faz? Você pode perguntar por que nos importamos contanto que ele responda, mas como o site responde a exibições que não são de desktop pode afetar suas decisões de conteúdo.

Comprimidos

Ao responder às telas do tablet, o tema oculta o menu superior, substituindo-o pelo ícone de menu padrão de três barras. Clicar no ícone revela o menu através de uma expansão básica e não é tão eficaz ou esteticamente agradável quanto a sobreposição da caixa de texto de entrada de pesquisa revela.

A grade responde perfeitamente, reconfigurando-se para ser duas imagens, mas você precisa ter em mente que na paisagem apenas quatro imagens estarão disponíveis, no modo retrato um visitante verá seis, mas isso é tudo.

O conteúdo parece ótimo, com a tipografia e as imagens grandes se destacando na tela menor e tornando a experiência de leitura um verdadeiro prazer.

No entanto, existem três problemas, todos causados ​​pela movimentação da barra lateral esquerda entre o conteúdo e o rodapé.

Em primeiro lugar, o desaparecimento efetivo da barra lateral significa que o menu na barra superior provavelmente será onde os usuários procuram navegação. Isso praticamente força você a usar esse menu superior como a navegação principal do site, o que não apenas reduz suas opções, mas também pode encontrar o problema destacado anteriormente.

Em segundo lugar, mover a barra lateral esquerda muda completamente seu contexto ao se mover entre dispositivos (novamente, não é um problema restrito ao TwentyFourteen). Na área de trabalho, é uma parte importante da propriedade (todos nos lembramos de nossos padrões de leitura 'F'), então o conteúdo é escolhido de acordo, mas mova-o para o rodapé e esse conteúdo parece decididamente fora do lugar.

Em terceiro lugar, com o slogan do site na barra lateral esquerda, não é imediatamente visível para usuários de tablets, o que significa que novos usuários terão apenas o título do site e as quatro ou seis imagens em destaque (ou apenas uma única imagem se você optar pelo controle deslizante) para determinar a finalidade e a utilidade do site. Isso me parece uma tarefa e tanto.

Uma solução seria ocultar completamente a barra lateral esquerda e o ícone do menu na barra superior deslizar em uma barra lateral específica (ou pelo menos a barra lateral esquerda), permitindo que o proprietário do site decida o que é revelado ao clicar o ícone. Esta é uma técnica que funciona bem em tablets e está se tornando mais prevalente. É surpreendente que o TwentyFourteen também não tenha seguido esse caminho.

Celulares

Assim como nos tablets, o conteúdo fica ótimo em um dispositivo móvel e em termos de pura mecânica de resposta à tela menor, o tema não apresenta problemas.

No entanto, os mesmos problemas destacados acima com tablets também ocorrem em um celular. Na verdade, o problema de navegação é realmente acentuado devido ao tamanho limitado da tela e a possibilidade muito real de que um menu de qualquer tamanho não caiba.

Além disso, exibir conteúdo em destaque no formato de grade não é adequado para dispositivos móveis em que a grade é reduzida a apenas uma única imagem. Com apenas uma imagem cabendo em uma tela, há muita rolagem envolvida para passar do conteúdo em destaque para qualquer outro conteúdo, o que significa que, mesmo que você use uma página estática como forma de “bem-vindo”, os usuários podem desistir antes eles chegam lá.

O controle deslizante, por outro lado, funciona muito bem tanto em celulares quanto em tablets (melhor no modo retrato, pois o conteúdo abaixo do controle deslizante é visível) apresentando uma espécie de dilema para os proprietários do TwentyFourteen, com a grade com desempenho muito melhor na área de trabalho do que o controle deslizante mas o controle deslizante é a melhor escolha para tablets e celulares.

É um tema de revista?

É chamado de “tema de revista bonita”, mas é realmente adequado para revistas?

Não há dúvida de que o TwentyFourteen tem um visual brilhante e de alta produção que pode funcionar bem particularmente para uma editora com um suprimento pronto de imagens de alta qualidade.

O design é certamente mais minimalista do que a maioria dos temas da revista, uma abordagem que eu gosto, e parece que os usuários mais prováveis ​​seriam os editores que se concentram na qualidade (talvez em formato mais longo) em vez da quantidade. Eu me pergunto o quão difícil pode ser inserir publicidade sem quebrar a sensação de alta produção do site, então talvez isso também seja de maior interesse para quem publica gratuitamente ou usa um modelo de assinatura.

A página inicial é um problema, especialmente em dispositivos não desktop. Um site tem que ser capaz de contar sua história, seu propósito, sua razão de ser quase imediatamente e minha preocupação é que o design não permita isso.

Os editores também podem ficar desanimados com a forma como o tema responde aos tablets, em particular, pois esse é um segmento crescente e cada vez mais importante de seu público.

Melhorias potenciais

É um pouco difícil falar sobre melhorias quando o tema ainda nem foi lançado, mas se eu quisesse usar o TwentyFourteen, aqui está uma lista do que eu estaria personalizando:

• Adicionando suporte de tipo de postagem personalizado ao conteúdo em destaque
• Permitindo que o usuário especifique o número de imagens em uma linha de grade
• Adicionando a capacidade do controle deslizante para mover automaticamente para o próximo slide
• Capacidade de atribuir a barra lateral de conteúdo apenas à página inicial
• Opção para especificar um componente de imagem em destaque para cada plataforma (ou seja, grade > desktop, controle deslizante > tablet, celular)
• Centralizando o desenho
• Convertendo a barra lateral esquerda em uma barra lateral deslizante e conectando-a ao ícone de menu no cabeçalho

A Lavagem

Vinte e quatorze é lindo. O esquema de cores, a tipografia, o destaque dado às imagens, o uso liberal de espaços em branco contribuem para uma aparência polida e de alta produção.

Se ele pode ser usado efetivamente fora da caixa, no entanto, é discutível. A maneira como o tema responde a tablets e dispositivos móveis é um problema, especialmente na página inicial, e o controle deslizante parece melhor nas telas menores, enquanto a grade parece melhor nas telas maiores força os proprietários do site a fazer um compromisso desnecessário.

Pode parecer duro, mas acho que TwentyFourteen fica um pouco aquém das expectativas. Certamente é uma grande melhoria em relação ao TwentyThirteen, mas certamente não é premium e pode ser difícil atender ao desejo de Matt Mullenweg de ter “um ano inteiro de um tema padrão, para ser apreciado por um ano”.

Claro, este é um tema gratuito e os temas padrão do WordPress nunca tiveram como objetivo ultrapassar os limites do design e desenvolvimento de temas.

O TwentyFourteen realmente não oferece uma solução que possa ser efetivamente usada pronta para uso. O que ele faz, no entanto, é oferecer uma vantagem significativa para aqueles com acesso ao know-how do tema WordPress que desejam construir um site de revista de alta qualidade e estão preparados para resolver seus problemas e contornar suas falhas.

• temas gratuitos