Gutentor - um construtor de páginas completo baseado no editor de blocos de Gutenberg

Publicados: 2019-12-28

Após a introdução de Gutenberg, o design de sites em WordPress tornou-se muito mais fácil do que antes. Este editor WordPress baseado em blocos levou o sistema de construção de páginas para o próximo nível. Gutenberg oferece muitos blocos para brincar. Mesmo assim, você precisa personalizar manualmente os blocos padrão. O que pode demorar mais do que você espera. É aqui que Gutentor entra em ação.

Então, o que é Gutentor?

Gutentor é uma coleção de blocos prontos e modelos lindamente projetados com muitas opções de personalização. Usando seus blocos e modelos incrivelmente projetados, você pode criar páginas, postagens, páginas de destino ou até mesmo sites inteiros com poucos cliques.

Gutentor estende o editor Gutenberg com uma ampla variedade de blocos bonitos que tornam a criação e o design de conteúdo ainda mais flexível. Ele foi desenvolvido com todos os recursos de personalização necessários, incluindo imagem, tipografia, cores, formato de bloco, plano de fundo, animação e muito mais.

O que há de novo?

Biblioteca de modelos de demonstração com um clique para modelos e blocos prontos
Experiência de design mais rápida
Blocos de construção completos da página da Web com todos os recursos necessários
Extremamente simples, sem adicionar linhas / colunas, apenas adicionar bloco é suficiente para fazer um belo site
Campo repetidor para criar itens dentro de blocos com arrastar e soltar para reordenar, editar, excluir opções
Opções de linhas / colunas altamente personalizáveis disponíveis para designers criativos
Opções avançadas em cada bloco, incluindo tag HTML, plano de fundo, borda, sombra de caixa, preenchimento de margem, divisor de forma SVG e animações integradas
Módulo de modelo de bloco em cada bloco, modelo de design múltiplo de bloco único
Elementos individuais com opções de estilo completas
Controles responsivos específicos do dispositivo
Opções avançadas de tipografia que inclui todas as fontes do Google disponíveis e fontes de sistema
Opções de fundo de vídeo
Arquivos CSS Inline, Internos ou Externos para CSS Dinâmico

O que torna o Gutentor diferente?

Gutentor é aparentemente um construtor de blocos distinto para WordPress. Consiste em algumas características incríveis que o tornam esplêndido e um avanço em relação aos outros. Abaixo estão alguns de seus recursos exclusivos:

Coluna dinâmica - a coluna dinâmica permite que você adicione qualquer número de colunas em sua página. Essa opção permite criar o site que você deseja de maneira flexível. Basta definir o número da coluna, adicionar elementos e personalizá-lo.
Coluna avançada - A coluna avançada vem com opções de personalização avançadas que permitem criar belas páginas adicionando vários elementos básicos de que você gosta.
Elementos básicos - Elementos básicos contém quase todos os elementos usados nas tendências existentes do site. Basta inserir o elemento preferido na coluna avançada e personalizar de acordo. O mais importante sobre o elemento básico é que você tem controle sobre os elementos individuais.
Blocos / elementos pré-construídos - Gutentor vem com 11 elementos, 3 grupos e 30 blocos. O que é mais do que suficiente para construir qualquer tipo de site.
Modelos - Os modelos prontos não economizam seu tempo, mas também fornecem opções de personalização suficientes.
Uso estendido de CSS
Opção de carrossel impressionante para diferentes blocos.
Altamente responsivo e amigável com SEO.
Vem com um serviço de suporte de qualidade

Pacote de modelos prontos

Gutentor vem com impressionantes modelos prontos. Você pode escolher e instalar os modelos em poucos cliques. Escolha o seu modelo favorito na categoria de:

O negócio
Educação
Médico
Corporativo
Ginástica
Viajar por
Agência
Construção
Multiuso

Esses modelos podem ser personalizados facilmente para corresponder à sua marca e preferências.

Blocos Gutentor Avançados

Sobre o bloco - Bloco personalizado para mostrar a descrição, imagem, título e botão.
Acordeão - seção recolhível que exibirá o título, a descrição e o botão.
Coluna avançada - Este bloco irá ajudá-lo a fazer várias colunas em sua página ou posts.
Perfil do autor - outro bloco personalizado Gutenberg para mostrar o perfil do autor, incluindo título, descrição, perfil social, etc.
Postagem do blog - se você estiver preocupado em exibir as postagens do blog dentro da postagem ou página, pode usar este bloqueio.
Call to Action - Um bloco simples mas poderoso para colocar o botão com o link na seção.
Caixa de conteúdo - é muito útil exibir o título, o conteúdo e o botão simples. A imagem e o ícone não serão exibidos aqui.
Contagem regressiva - se você for anunciar alguns eventos ou anúncios importantes, isso ajudará a tornar tudo mais fácil.
Contador - Com templates atraentes, ajuda a representar os fatos sobre o produto.
Divisor - ajuda a separar as seções. Você também pode carregar sua própria imagem como separador.
Bloco em destaque - é uma grande seção com uma foto, título, descrição e botão.
Galeria - esta galeria é um bloco personalizado cuidadosamente criado para fazer a galeria em sua página.
Google Map - ajuda a exibir o mapa do google com longitude e latitude.
Caixa de ícones - blocos personalizados para exibir o ícone incrível da fonte.
Caixa de imagem - se você precisar mostrar a única imagem com título, descrição e botão, você pode usar este bloco.
Image Slider - Blocos personalizados incríveis para criar um controle deslizante com título, descrição e botão com modelos predefinidos.
Horário de funcionamento - Para um site corporativo e comercial, os blocos personalizados de horário de funcionamento serão muito úteis. Os usuários podem adicionar hora, data e dia neste bloco.
Caixa de preços - ajuda a mostrar as características e os preços dos respectivos produtos.
Barra de progresso - Com o valor percentual, você pode mostrar o progresso das coisas no círculo ou no gráfico de barras.
Menu do Restaurante - Para o site do hotel e restaurante, este bloco personalizado será muito útil para mostrar o menu e seu preço.
Social - Este é o bloco personalizado de Gutenberg para mostrar ícones e links sociais. Você pode adicionar seus links sociais facilmente.
Guias - cada guia terá conteúdos diferentes. Ele terá título, descrição e botões. Faça o número necessário de guias com o bloco.
Equipe - Outro bloco personalizado muito útil para mostrar as informações da equipe no site.
Testemunhos - Não é muito legal mostrar depoimentos de clientes ou usuários no site? Sim, este bloco é útil para isso.
Linha do tempo - Para mostrar as informações na ordem cronológica, é necessário um bloco personalizado da linha do tempo.
Popup de vídeo - ajuda a incorporar os vídeos e, quando os usuários visualizarem, eles serão exibidos no pop-up.

Além disso, se você usar outros plug-ins de blocos adicionais para Gutenberg, por exemplo, o plug-in ZeGuten, eles também funcionam com o editor Gutenor.

Introdução ao Gutentor

Instalar e personalizar blocos e modelos Gutentor são muito fáceis. Você não precisa sair do editor do WordPress. Os blocos e modelos Gutentor vêm dentro do editor Gutenberg. Basta seguir as etapas simples abaixo para começar a usar o Gutentor.

Instalando Gutentor

Pesquise “Gutentor” dentro da seção do plugin, conforme mostrado na fig acima. Como alternativa, você pode baixar diretamente o arquivo zip do diretório de plug-ins do WordPress. Após instalá-lo, ative o plugin.

Acessar blocos / modelos de Gutentor

Você pode acessar os blocos de Gutentor no editor de Gutenberg. Na parte superior da página ou postagem, você verá opções como “Biblioteca de modelos”, “Exportar modelo de bloco”. Você pode acessar diretamente o bloco de uma biblioteca de modelos.

Na biblioteca de modelos, você terá as seguintes opções. Categorias no lado esquerdo de onde você pode pesquisar por categorias diferentes. Verifique cada demonstração de bloco clicando no botão “Visualizar” ou clique em “Inserir” para inseri-lo em sua página.

Você pode personalizar cada elemento (imagem, tipografia, cores, botões) dos blocos de acordo com sua preferência. Se você encontrar qualquer problema ao usar o Gutentor, pode seguir a documentação detalhada e os tutoriais em vídeo.

Exporte o seu bloco e modelo

Se você quiser usar os mesmos blocos ou modelos em outras páginas, você pode exportar seus blocos e modelos. Basta clicar em “Block Template Export” e salvá-lo como um arquivo JSON.

Você pode importar este arquivo em outras páginas da Biblioteca de modelos > Arquivo .