As caixas de serviços são geralmente conhecidas como caixas de recursos. Elas são usadas para destacar os principais serviços que seus produtos e empresas oferecem. As caixas de serviços geralmente incluem imagens, ícones, títulos e breves descrições para torná-las significativas.
Embora o Tableberg seja um plugin de criação de tabelas, você pode usá-lo para vários projetos de web design, como caixas de serviço atraentes. Esta postagem tutorial mostrará a você como adicionar caixas de serviço no WordPress com um guia fácil.
Se você não tiver o plug-in do Tabelberg em seu site, obtenha-o clicando nos botões do banner abaixo.
Criar mesas bonitas
Com o Block Editor
Etapa 01: Criar linhas e colunas
Adicione o Bloco Tableberg para o editor, clicando no botão ícone de mais (+).
Próximo, definir o número de linhas e colunas você deseja criar suas caixas de serviço. Como criaremos quatro caixas de serviço, selecionamos 2*2 linhas e colunas.
Etapa 02: Adicionar conteúdo a uma célula
Precisamos de três tipos de elementos em nossas caixas de serviço. São eles: ícones, parágrafos e botões. Vamos começar a adicioná-los.
Cor de fundo da tabela
É bom adicionar uma cor de fundo para a tabela desde o início. Porque você precisa determinar a cor dos outros elementos da célula com base na cor de fundo.
Selecione o ícone Tableberg na barra de ferramentas. Vá para a seção Guia Estilos. Você verá as opções de cor de fundo na seção Cor. Escolha as cores adequadas.
Ícone para a célula
O Tableberg permite que você adicione vários blocos, assim como o editor Gutenberg. Clique no botão ícone de mais (+) e adicione o Bloco de ícones para a célula.
Venha para o Guia Configurações. Você terá opções para alterar o tamanho do ícone, rotação, e ícone. Agora, selecionar um ícone que corresponde ao seu tipo de serviço para a célula específica.
Ir para o Guia Estilos. Você verá as opções para alterar a cor de seu ícone. Nós o tornamos branco.
Nome do serviço
Você precisa do Bloco de parágrafos para escrever o nome do serviço.
Depois que o bloco Parágrafo for adicionado, escrever um nome de serviço para a célula. Na barra lateral direita, colorir o nome do serviço e definir seu tamanho.
Descrição do serviço
Assim como no método anterior, escreva uma descrição do serviço usando o bloco Parágrafo.
Botão CTA
Um serviço fica incompleto sem um botão de CTA. Portanto, adicionar um botão de CTA para a célula por clicando no ícone de mais (+).
Agora, personalize o cor de fundo, cor do texto, e efeito hover para o botão que você desejar.
Etapa 03: Adicionar espaço entre os blocos
Você deve adicionar espaços entre os elementos da célula para remover o congestionamento. Para fazer isso, selecionar a célula inteira.
Em seguida, vá para a seção Guia Estilos. Rolando a guia para baixo, vá para a seção Preenchimento de células e Espaçamento entre células opções.
Ao definir valores nessas duas opções, você pode adicionar espaço entre os elementos da célula.
Etapa 04: Adicionar conteúdo às outras células
O Tableberg tem um recurso interessante na barra de ferramentas que permite duplicar instantaneamente as linhas e colunas da tabela.
Clique no botão [Pro] Editar ícone de tabela na barra de ferramentas. Em seguida, selecione o ícone Duplicar esta linha opção.
Isso criará uma coluna em branco. Excluir a coluna pois isso não é necessário.
Agora, usando o [Pro] Editar ícone de tabela, selecione o Duplicar esta coluna opção.
Portanto, as caixas de serviço estão prontas. Assim, você pode duplicar células, linhas e colunas de uma tabela com o plug-in Tableberg.
Etapa 05: Adicionar espaços entre as caixas de serviço
Selecione todo o bloco da tabela com clicando no ícone Tableberg na barra de ferramentas.
Ir para o Guia Estilos. Role a guia para baixo e vá para Espaçamento entre células. Com essa opção, você pode criar espaços entre as caixas de serviço.
Etapa 06: Ocultar as bordas das caixas de serviço
Agora, para ocultar as bordas da caixa, vá para a guia Styles (Estilos). Novamente, role a guia para baixo e chegue à seção Seção de fronteira.
Desativar as opções [PRO] Borda somente de linha e Ocultar célula fora das bordas.
Portanto, suas caixas de serviço estão prontas. Se desejar, você pode tornar suas caixas de serviço mais atraentes com outras personalizações. Para saber mais sobre como personalizar as mesas Tableberg, Explore nossa documentação.
Conclusão
O Tableberg não é apenas um plugin de criação de tabelas. É uma ferramenta versátil que você pode usar em seus vários projetos de web design e criação de conteúdo. Espero que você tenha gostado do tutorial, de cima a baixo.
Se houver alguma confusão com relação à postagem de hoje, deixe seu comentário abaixo. Nossa equipe de suporte responderá em breve.
Leia também:
