Tema Tove: apresentação de um tema WordPress compatível com Full Site Editing

Hamilton, Hitchcock, Chaplin, Miyazaki: esses nomes provavelmente lembram pessoas famosas, especialmente quando você pensa em esportes e cinema.

Mas você sabia que eles também têm algo a ver com o WordPress? Sim, de verdade. Exceto, não é o que você pensa: Lewis Hamilton não decidiu entrar no WP web design depois de perder o título mundial de 2021 na última volta do último Grande Prêmio.

Dito isto, ele pode ficar louco por isso (oi Alfred), mas você está perdendo o ponto. Na verdade, esses 4 sobrenomes famosos também são temas WordPress criados pelo prolífico e criativo Anders Noren .

O homem tem mais de 20 deles no diretório oficial, e hoje vamos nos concentrar em seu último bebê, chamado Tove .

O nome também está associado a uma celebridade – voltaremos a isso mais tarde – mas está intimamente ligado a uma pequena revolução com o lançamento do WordPress 5.9.

Seu nome? Edição completa do site (FSE). Admita, você está morrendo de vontade de saber mais, não é? Luzes, câmera, ação: venha comigo descobrir Tove… e ao mesmo tempo, um pouco de FSE também, já que andam juntos!

Seus melhores projetos WordPress precisam do melhor host!

O WPMarmite recomenda Bluehost: ótimo desempenho, ótimo suporte. Tudo o que você precisa para um ótimo começo.

Experimente o Bluehost

Qual é o tema Tove?

Tove é um tema WordPress gratuito e multifuncional baseado inteiramente em blocos usados ​​pelo editor de conteúdo do WordPress (Gutenberg). Ele foi projetado para atender aos requisitos do projeto Full Site Editing, lançado com o WordPress 5.9 (lançado em 25 de janeiro de 2022).

Lançado em setembro de 2021, o Tove permanece muito confidencial no momento da redação. Ele “só” tem mais de 400 instalações ativas, principalmente por um simples motivo: só pode ser usado com o WordPress 5.9 ou com uma das versões mais recentes do plugin Gutenberg.

Dentre as especificidades do tema WordPress Tove, destacam-se os seguintes pontos, conforme destacado por seu desenvolvedor, Anders Noren:

• O Tove é muito leve em termos de código , o que é uma vantagem real em termos de velocidade de carregamento e experiência do usuário que ele pode oferecer.
• Ele foi projetado especificamente para restaurantes e cafés , “mas você pode usar o Tove para o tipo de site que quiser” , diz Noren. Tove também é caracterizada por sua flexibilidade.
• O tema Tove tem cerca de 40 padrões de blocos que podem ser adicionados em um clique às suas páginas para ter um cabeçalho e um rodapé prontos para uso, por exemplo.

Isso o torna um assunto digno de estudo, sabendo que os temas compatíveis com FSE atualmente não são muito difundidos no ecossistema.

Por um lado, você encontrará alguns que são criados em caráter experimental (Armando, Q, TT1 Blocks).

Por outro lado, você encontrará temas que tomaram a decisão de surfar a onda FSE antes dos outros, como Blockbase, Hansen ou Aino.

Bem, estou falando de Edição Completa do Site, mas esse termo pode ser todo grego para você. Para ajudar você a entender melhor, darei algumas dicas sobre esse tema quente.

O que é a Edição Completa do Site?

O projeto Full Site Editing, disponível com o WordPress 5.9, permite criar e editar toda a estrutura de um site (incluindo cabeçalho, rodapé, menu e templates de página, não apenas seu conteúdo) usando os blocos do editor de conteúdo (Gutenberg).

Conforme detalhado neste artigo, os principais elementos normalmente gerenciados pelo tema, como o cabeçalho ou a página 404, agora podem ser tratados usando os blocos do editor de conteúdo, que você já usa para escrever seus posts, por exemplo.

Esta é uma grande mudança, aproximando o editor de conteúdo do WordPress da forma como um construtor de páginas funciona.

Você também pode conferir nosso estudo detalhado sobre o FSE e seu impacto nas lojas temáticas do WordPress.

Agora você sabe tudo sobre o FSE! Vamos continuar com foco no desenvolvedor do tema Tove, Anders Noren.

Tema Tove: O toque de Anders Noren

Se você acompanhar de perto as notícias do WordPress, o nome Anders Noren certamente deve soar como um sino.

Este desenvolvedor e web designer sueco baseado em Estocolmo ficou famoso por seus temas WordPress, todos disponíveis gratuitamente no diretório oficial.

No total, ele oferece 22 deles e foram cerca de 4 milhões de downloads . A maioria deles são dedicados principalmente a blogs, mas você também pode encontrar alguns para criar um portfólio ou uma loja online.
Muitas vezes, a diretriz é a mesma: um aspecto minimalista e clean.

Além disso, Noren também contribui para o desenvolvimento do WordPress Core. Um exemplo? Ele projetou o tema nativo Twenty Twenty, que vem com o WordPress 5.3 .

No meio desse pequeno exército de temas, está o Tove, o primeiro tema 100% compatível com FSE criado por Noren. Após esta primeira verificação de pulso, é hora de dar uma olhada neste tema inovador.

Para constar, o nome Tove vem de Tove Jansson, uma escritora, pintora e cartunista finlandesa conhecida principalmente como autora de livros infantis de acordo com a Wikipedia. Ela criou notavelmente os Moumines, uma família de trolls brancos.

Como é o tema Tove?

Com base na apresentação de demonstração do tema Tove, podemos ver várias características principais:

• As cores pastel e chamativas , com predominância do rosa, azul e amarelo.
• Os diferentes elementos no cabeçalho : ícones redirecionando para redes sociais, horário de funcionamento (lembre-se que o tema é dedicado a cafés e restaurantes) e até um botão de chamada para ação. O logotipo está localizado no centro do cabeçalho.
• Os visuais são exibidos em tela cheia.
• Blocos de conteúdo retangulares e quadrados .
• Espaços vazios para permitir a respiração e acentuar o lado arejado.
• O uso da tipografia “DM Sans” , geométrica e sem serifa.

A demo está lá para dar a você um aspecto visual finalizado do tema, mas é claro que você pode modificar suas características básicas (cores, tipografia, tipos de blocos, etc.) brincando com a fera.

É nisso que vamos nos concentrar na próxima parte.

Junte-se aos assinantes do WPMarmite

Obtenha os últimos posts do WPMarmite (e também recursos exclusivos).

INSCREVA-SE AGORA

Como personalizar o tema Tove no WordPress?

Editor do site

Depois de ativar o tema Tove, vá para Aparência > Editor. O Editor do Site chegou com o WordPress 5.9.

É aqui que você pode personalizar o Tove, bem como quaisquer outros temas baseados em blocos que você instalará posteriormente.

Como você pode ver, o menu Widgets desapareceu, assim como o do Customizer.

Tudo agora acontece neste famoso editor de sites, que usa blocos Gutenberg para criar e alimentar todas as áreas do seu site .

Por padrão, você acaba em um modelo de “Índice”, que lista todas as publicações do seu blog.

No começo, pode ser um pouco confuso. Você verá que tudo agora pode ser editado magicamente. Para apreciar isso, basta passar o mouse sobre qualquer elemento na página.

Clicar nele o levará à barra de ferramentas do editor de conteúdo, na qual você pode fazer ajustes :

Modelos

Para facilitar a criação de páginas padrão, o Tove também oferece 5 templates. Você pode acessá-los clicando em “Procurar todos os modelos”:

Entre esses modelos estão os seguintes:

• Postagem única , para gerenciar a exibição da página de postagem (imagem em destaque, meta tags etc.).
• Page , para organizar a apresentação de uma única página, como faria com um post.
• Index , para personalizar a organização da página do seu Blog, aquela que lista todas as suas publicações.
• Página sem título , para criar uma página sem título.
• 404 , para criar uma página 404 personalizada.

Estilos globais

Vamos ficar no tópico das configurações gerais do seu site olhando para os Estilos Globais. Este é um novo recurso no WordPress 5.9 , que é claro que o tema Tove usa.

Com esses estilos globais, agora você pode alterar as cores, a tipografia, o layout e até a aparência de blocos específicos em todo o site, tudo de uma vez.

Você não precisa mais passar pelo processo demorado de modificar cada elemento um por um.

Basicamente, o objetivo é substituir a ferramenta Customizer, fornecendo um local para gerenciar todas as configurações de tema e estilo de bloco.

Para acessar essa opção e alterar o visual do Tove – a cor rosa pode não caber no seu guia de estilo –, clique no pequeno botão na parte superior, à direita da barra de ferramentas do editor do site:

A partir daí, você pode gerenciar as configurações de diferentes elementos, como a seleção de cores. Você pode até criar sua própria paleta, se desejar.

Estilos de bloco

Você quer passar por cima de um elemento de cada vez? Cada bloco separadamente? Também é possível com o tema Tove, que oferece alguns estilos de blocos personalizados.
Para descobri-los, basta clicar no bloco de sua escolha.

Dependendo do bloco selecionado, um ou vários estilos serão sugeridos . Por exemplo, o bloco “Quote” oferece um estilo “Plain” e um “Large”, que alteram o tamanho da fonte:

O bloco “Imagem” oferece duas opções de estilo: “Arredondado” ou “Sombreado”.

Padrões de bloco

Por fim, saiba que com o tema Tove, você pode criar o conteúdo de suas páginas e posts do zero, graças à adição de padrões de blocos.

Estas são seções de conteúdo prontas para uso, feitas de vários blocos Gutenberg . Você pode adicioná-los facilmente ao seu conteúdo, clicando na guia “Padrões” no editor de conteúdo do WordPress.

Os padrões foram introduzidos com o WordPress 5.5. Para sua informação, além do editor de conteúdo, você também pode encontrá-los em um diretório específico no site oficial do WordPress. Para usá-los, basta copiar e colar o padrão de bloco de seu interesse diretamente no editor de conteúdo.

Anders Noren oferece quase 40 padrões de blocos no tema Tove. Eles são divididos em 7 categorias:

• Call to action , com 2 modelos para criar um call to action horizontal ou vertical.
• Blog , para personalizar a exibição da página do seu Blog, especialmente como uma grade ou uma lista (5 modelos no total).
• Header , que oferece 6 modelos de cabeçalho diferentes.

• Geral , onde você encontrará 11 templates para exibir depoimentos, tabelas de preços, banners informativos e outros ícones de redes sociais.
• Hero , que inclui 4 modelos para exibir um plano de fundo, um título, botões e um texto.
• Restaurante , com 8 modelos prontos para uso específicos para restaurantes: cardápio, horário de funcionamento, informações práticas, botão de reserva.

• Rodapé , com 7 templates para personalizar seu rodapé, incluindo créditos e layout (com colunas, por exemplo).

Bem, agora você sabe como manipular e personalizar o Tove. Antes de prosseguir, aqui está o meu sentimento sobre o manuseio deste tema.

De um modo geral, o tema Tove é fácil de usar, o que é uma grande vantagem. Embora você tenha que se acostumar com o editor de sites WordPress no início – principalmente para quem leu este artigo no início de 2022 – você rapidamente pegará o jeito, principalmente se você já conhece o editor de conteúdo.
Tem o jeito de usar blocos? Então Tove não terá segredo para você.

Por fim, para encerrar esta parte sobre personalização de temas, saiba que você pode acoplar o Tove a um construtor de páginas.

No entanto, não é o objetivo original do tema, pois foi projetado para ser usado com o editor do site WordPress. Mas nada impede você de usá-lo como ponto de partida, acoplando-o a um Elementor, por exemplo.

Construa seu site com Elementor

Projete facilmente a aparência do seu site WordPress com o famoso construtor de páginas. Experimente o Elementor

Experimente o Elementor

Ainda focado? Então vamos passar para a próxima parte do artigo, abordando vários tópicos que devem lhe interessar.

Desempenho, SEO, responsivo: amplie 3 aspectos principais

Desempenho do tema WordPress Tove

O primeiro aspecto que os webmasters tendem a focar – e com razão – é a velocidade de carregamento do seu site.

Obviamente, isso é algo a ser levado em consideração com cuidado, pois tem impacto na experiência do usuário , muito menos no SEO, ao contrário do que se pensa.

Vários fatores podem alterar a velocidade de carregamento das páginas do seu site: o peso das suas imagens, os plugins que você usa, seu host, sua versão do PHP, etc.

Entre eles, há também o seu tema. Quanto mais leve e melhor codificado for, maior a probabilidade de você ter um site rápido.

A este respeito, Tove é um excelente aluno. Não está sobrecarregado com elementos desnecessários e, conforme declarado em sua página de apresentação, como é construído em torno do projeto Full Site Editing, o Tove permanece “simples e fino. Realmente magro. O tema pesa pouco mais de 200 kilobytes, e a maioria desses bytes vem das ilustrações de espaço reservado e da captura de tela do tema” .

Isso é o que você notará se testar a demonstração do tema em uma ferramenta de medição de desempenho como WebPageTest.

Aliás, se o seu site estiver um pouco atrasado, aproveite para dar um empurrãozinho nele ativando o excelente plugin premium WP Rocket (link afiliado), por exemplo.

SEO

Você está preocupado com a velocidade de carregamento de suas páginas? Então, como um criador de site consciente, você certamente deve estar preocupado com seu SEO.

É verdade que a boa classificação do seu conteúdo na primeira página dos resultados dos buscadores é fundamental para obter mais tráfego e tudo o que o acompanha (vendas, downloads, assinaturas de newsletters, preenchimento de formulários, solicitação de orçamento etc.).

Para que uma página seja classificada corretamente no Google e em outros, você deve esquematicamente:

• Trabalhe no conteúdo do seu site em torno das consultas de destino (palavras-chave).
• Obtenha links de outros sites (os famosos backlinks).
• Cuide da arquitetura do seu site .

Um tema bem codificado respeitando as boas práticas de SEO permitirá que você comece em bases sólidas, como é o caso do tema Tove.

Para gerenciar seu SEO on-site (otimização de conteúdo), você não terá opções específicas com o tema de Anders Noren.

No editor de conteúdo do WordPress, você poderá escolher as tags de título (h1, h2, h3, h4, h5) de sua escolha e aplicá-las adequadamente aos seus diferentes títulos.

Para o resto, recomendo usar um plugin geral de SEO como o Yoast SEO. Isso não fará com que você ganhe automaticamente posições nas páginas de resultados de pesquisa.

No entanto, isso garantirá que você possa configurar corretamente alguns aspectos-chave do seu SEO, desde que você o faça da maneira certa.

Para isso, acesse nosso guia sobre o plugin de SEO mais famoso, no blog WPMarmite.

Responsivo

Cuidar do desempenho e do SEO do seu site é ótimo. Mas não estrague tudo com um site que não é compatível com dispositivos móveis. Em palavras exatas, chamamos isso de “resposta Projeto".

Novamente, isso é algo para realmente cuidar, especialmente se a maioria de seus visitantes acessar seu site WordPress com um smartphone ou tablet.

Dica: para descobrir que tipo de dispositivo seus visitantes estão usando, acesse Google Analytics: Audience > Mobile > Overview.

Anders Noren não é fã de marketing agressivo para promover seus temas, então você não encontrará grandes inserções pomposas na página de apresentação do tema certificando que o Tove é responsivo.

Hoje em dia, qualquer tema WordPress que se preze deve ser amplamente responsivo, mesmo que você provavelmente tenha que fazer alguns ajustes do seu lado para garantir que tudo esteja certo.

Na grande maioria dos casos, os temas WP que você encontrará no diretório oficial são responsivos por padrão.

Para garantir isso manualmente, você pode proceder de duas maneiras:

1. Reduza a janela do seu navegador para a esquerda ou para a direita , para verificar se os conteúdos se encaixam corretamente, um abaixo do outro. Para Tove, é o caso: tudo é exibido impecavelmente à medida que a janela se estreita.
2. Use uma ferramenta gratuita oferecida pelo Google : o Teste de compatibilidade com dispositivos móveis. Para fazer isso da maneira certa, testei a página de demonstração do Tove. O Google não encontrou nada de errado com isso:

Aqui estamos: responsivo, SEO e desempenho, terminamos essa parte difícil. Já que chegamos ao fim da revisão deste tema, vamos falar sobre o projeto de lei?

Preço Tove e suporte ao usuário

Com o Tove, não há surpresas nem custos ocultos no que diz respeito aos preços: é 100% gratuito , assim como os demais temas criados por Anders Noren.

Isso é sempre bom, mas você sabe, tema gratuito significa suporte reduzido.

Bem, sim, você não pode ter tudo na vida. Caso você fique preso ou tenha um problema técnico com o Tove, você não terá suporte ao usuário dedicado.

Você sempre pode tentar postar suas solicitações no fórum de suporte público do Tove. E aqui está a boa notícia: você notará que Anders Noren é bastante reativo e responde às perguntas que lhe são feitas , na maioria das vezes.

Dito isso, na prática, a maioria dos problemas que você pode encontrar terá a ver com o editor do site WordPress, não necessariamente com o Tove, que depende dele.

E para isso não existe receita milagrosa: você terá que praticar para domar o animal e dominá-lo como um chefe .

Como o Full Site Editing é um projeto recente – baseado no tempo de escrita – você pode precisar ler sobre o assunto para entender todas as sutilezas.

Para isso, Noren recomenda o site de Carolina Nymark, colaboradora do WordPress Core: fullsiteediting.com.

Nossa opinião sobre o tema Tove

Bem, aqui estamos. A degustação de Tove acabou. É hora de digerir tudo isso e fazer um balanço. Vamos resumir tudo o que passamos desde o início deste post.

Ao atender aos requisitos do projeto Full Site Editing, o Tove é um tema pioneiro do WordPress. No momento, a maioria das lojas e outros designers de temas não entenderam o que representa o futuro da criação e edição de sites com o WP.

Simples de manusear, agradável e fácil de usar sem codificação , o Tove é um tema que parece naturalmente destinado a iniciantes.

De fato, pode se adequar a esse tipo de perfil, principalmente se você for do ramo de catering e quiser criar um Blog ou um simples site de vitrine, mas para mim parece mais adequado para pessoas que já conhecem o WordPress e seu editor de sites .

Na verdade, mesmo que os padrões de bloco permitam adicionar facilmente modelos prontos para uso em suas páginas, não se esqueça de que você terá que moldar o design e a arquitetura de suas páginas principais (Blog, 404, etc.) .).

Além disso, se compararmos com outros temas famosos do diretório oficial, o Tove permanece muito mais leve em termos de opções de personalização (o que é lógico, pois não é o objetivo).

Assim, um web designer iniciante certamente se sentirá mais confortável com temas que o guiam de A a Z, e que estão repletos de templates e outras opções de estilo como Astra, GeneratePress, Kadence ou Blocksy.

De qualquer forma, Tove está conectado ao futuro . Deve continuar a se expandir com o desenvolvimento do FSE, e talvez se torne um tema obrigatório nos próximos meses. Para ser seguido de perto, então.

Baixe o tema Tove:

O que você acha disso? Você já planeja optar pelo tema FSE e Tove?

Aguardo suas respostas nos comentários abaixo.