O tema Vinte e vinte e um abrange os fundamentos da anatomia do editor de blocos. Em termos simples, assim como qualquer predecessor de tema WP oficial, este tema foi desenvolvido para funcionar sem problemas em Gutenberg.
Se você der uma olhada em sua demonstração , verá que é uma tela perfeita para um portfólio ou site pessoal.
Junto com o desenvolvimento do editor de bloco, surgiram os complementos do editor de bloco. Esses complementos oferecem muito mais blocos que não são oferecidos pelo criador WordPress nativo.
E nesta postagem, estamos prestes a descobrir como o tema de 2021 joga com um deles, Getwid , nosso Biblioteca de blocos do WordPress que possui uma taxa de aprovação de 94% com base em 64 resenhas e é até agora usada por mais de 30.000 pessoas em seus sites do WordPress.
Getwid ajudará você a adicionar e projetar muitos outros blocos funcionais e criativos diferentes, que ainda herdam o estilo nativo do mais novo tema padrão do WordPress. Você é livre para recorrer a ele quando não tiver algum conteúdo específico ou designs prontos.
a largura do bloco “largo”: 1240 px
- a largura “total” do bloco se estende por toda a largura da tela
Patterns
Para minimizar o uso indevido dos blocos, o tema Twenty Twenty-One do WordPress oferece muitos padrões predefinidos que você pode adicionar a uma página com apenas alguns cliques:
Cada padrão vem com seu conjunto de ferramentas de estilo para ajudá-lo a personalizá-lo ainda mais:
Cores
Você pode escolher um esquema de cores de fundo de base diferente em WP Customizer> Colors.
O tema escolherá automaticamente as cores complementares para a tipografia com base na cor de fundo que você escolheu:
Isso vai economizar muito tempo!
O tema padrão Twenty Twenty-One também suporta o modo escuro. Se estiver habilitado, os visitantes do site poderão ver seu site no modo escuro:
Widgets de rodapé
O tema suporta widgets de rodapé que você pode preencher com seu conteúdo, por exemplo, adicionar links para postagens, informações de contato, imagens, ícones de mídia social e muito mais.
Um lugar alternativo para seus links de mídia social é o menu Secundário acima do rodapé.
Vinte e vinte e um exemplos de temas
Vamos agora ver o que você pode criar com Getwid e Twenty Twenty-One.
Mais modelos Getwid prontos
O Getwid também vem com muitos mais padrões de design categorizados por finalidade, por exemplo, você pode adicionar seções de heróis e sub-heróis, partes de frases de chamariz, páginas de contatos, depoimentos e outros designs comumente usados em diferentes tipos de sites.
Vamos ver como um deles fica com o estilo padrão Twenty Twenty-One:
Visto que você pode alterar o estilo de cada bloco individual neste padrão, você pode, por exemplo, alterar a posição, o estilo e a cor de um botão; mude a cor do fundo e personalize o estilo da imagem:
A grande maioria desses padrões é feita com o Bloco de seções -um bloco poderoso que pode abrigar qualquer número de blocos e vem com uma tonelada de recursos de estilo, incluindo a facilidade de usar diferentes fundos-gradientes, vídeos, imagens, controles deslizantes e muito mais.
Ele permite que você use qualquer largura de seção:
Por exemplo, vamos pegar outro padrão e usar uma imagem de fundo:
Ou coloque um controle deslizante no fundo:
Outra coisa agradável é que você pode fazer alterações nas posições dos blocos e alinhamentos em um modo visual, apenas arrastando e soltando os ângulos:
O bloco de seção é tão diversificado que pode ajudá-lo a adicionar divisores de forma diferentes e aplicar efeitos de animação. Por exemplo, vamos adicionar um divisor de forma inferior:
Ou vamos torná-lo mais simétrico:
Com uma combinação do bloco de seção e o poder do tema Twenty Twenty-One, esperamos que sua carga de trabalho seja realmente agradável: você pode combinar diferentes padrões de tema Twenty Twenty-One pré-fabricados com o bloco de Seção, escolher automaticamente cores complementares através do WP Customizer e adicione as opções de estilo que desejar. WordPress nunca foi tão fácil!
Galerias de imagens, vídeos pop-up e controles deslizantes
Você pode adicionar visuais de tirar o fôlego, aplicar efeitos de animação, criar vídeos com Getwid e muito mais.
Por exemplo, crie uma apresentação incrível com um vídeo-você também pode enviar sua imagem da capa, escolher um estilo de botão e muito mais:
Um ponto de acesso de imagem está entre os blocos exclusivos de Getwid-ele permite que você coloque marcadores animados sobre a imagem para que os visitantes do site possam verificar os detalhes de cada parte da imagem:
Com o exclusivo bloco de cronograma de conteúdo , você pode construir um cronograma de eventos em ordem cronológica.
É totalmente personalizável quanto às cores, estilo e blocos que você pode usar dentro dos contêineres da linha do tempo. Parece bom no tema padrão do WordPress Twenty Twenty-One:
Embora o tema de 2021 seja focado em galerias e visuais, Getwid ainda tem algo a oferecer:
É uma Image Stack Gallery que permite criar uma galeria e colocar imagens em formas incomuns.
Existem vários tipos de controles deslizantes. Se você quiser criar uma mera apresentação de slides de imagem, vamos colocar uma dentro da Seção (e adicionar um fundo gradiente).
Se você precisar adicionar texto sobre as imagens, o controle deslizante Mídia e Texto do Getwid será útil:
Mais um bloco centrado na imagem é o banner-você pode aplicar vários efeitos de animação e decorações nele:
E fica bem assim que sai da caixa! Você não precisa suar em cada bloco por horas.
Adicionar blocos funcionais: índice, guias e muito mais
Getwid vem com vários blocos para ajudá-lo a apresentar informações de uma forma estruturada, colocar informações em todos os tipos de guias ou simplesmente melhorar a apresentação de suas seções de recursos/ofertas/serviços.
Como podemos ver, na maioria das vezes esses blocos funcionam bem com o estilo do tema padrão 2021, então sua tarefa é apenas adicionar blocos, encontrar a melhor posição para eles e provavelmente alterar as cores do texto, se necessário.
Por exemplo, Getwid oferece blocos de alternância, acordeão e guias para tipos de conteúdo como páginas de FAQ. Aqui está um deles, acordeão, em ação:
Você pode, opcionalmente, deixar uma guia aberta por padrão, as pessoas clicarão nas demais:
Você também pode criar tabelas, índices e outros elementos de conteúdo funcional. Por exemplo, o bloco de índice será útil para postagens longas:
Getwid também vem com muitos blocos que cabem em sites de negócios. Por exemplo, há vários blocos para a criação de um cronômetro de contagem regressiva, depoimentos, barras de progresso, tabelas de preços e muito mais. Por exemplo, aqui está a tabela de preços:
Getwid even deals with the narrowly dedicated niches, including such list templates you can use for restaurant or cafe websites:
Automatically sourced posts, pages and custom post types
Getwid stands in the vanguard of working with the automatically sourced posts thanks to several dedicated blocks: the Custom Post Type, Posts Carousel, and Recent Post blocks.
Going one step further, you can create a custom template for your posts, there are a few templates for this:
So your posts or custom post types will be shown in the format you created yourself:
As we know, these blocks are especially loved and used by Getwid users.
Build better content in the Twenty Twenty-One theme with Getwid
Thanks to the superpowers of Twenty Twenty-One (e.g. automatic color scheme) and the content-rich toolset of Getwid, you have almost no limitations when you need to build a portfolio, a business site or a blog in the block editor. The Getwid blocks most of the time seamlessly inherit the styling from 2021 providing you with awesome, good-looking content out of the box. Getwid WordPress Blocks is free to download, so grab it right away and start building better content in WordPress.
The post Twenty Twenty-One Theme Examples with Getwid Blocks appeared first on MotoPress.