Suas tabelas podem perder a clareza rapidamente se o conteúdo dentro delas não estiver alinhado corretamente. Mesmo com um layout sólido, alturas de células desiguais ou comprimentos de conteúdo incompatíveis podem fazer com que a tabela pareça desequilibrada ou difícil de digitalizar.
O alinhamento vertical o ajudará a garantir que cada linha permaneça organizada, assegurando que conteúdos como texto, botões ou imagens apareçam exatamente onde deveriam, mesmo quando outras células na mesma linha forem mais altas ou mais baixas.
Considere uma tabela de preços em que uma lista de recursos é mais longa que as demais, ou uma tabela de equipe em que a biografia de um membro se estende mais que a dos outros. Sem o alinhamento vertical, os botões da tabela de preços podem ficar desalinhados e as fotos dos membros da equipe podem parecer desalinhadas.
É nesse ponto que sua escolha de alinhamento consistente ajudará sua mesa a permanecer estável. Neste artigo, vamos orientá-lo sobre como aplicar o alinhamento vertical para que você possa manter suas mesas limpas e consistentes. Hora de começar.
É possível alinhar verticalmente o conteúdo com o bloco de tabela padrão?
Infelizmente, o bloco Table padrão do WordPress não suporta o alinhamento vertical. Ele só permite texto simples dentro das células, e não há configurações integradas para alinhar esse conteúdo na parte superior, central ou inferior. Isso dificulta a manutenção de uma estrutura limpa quando o conteúdo da célula varia em altura.
Para superar essa limitação, usaremos o Tableberg plugin. O Tableberg é um construtor de tabelas baseado em blocos que suporta alinhamento vertical e permite inserir conteúdo avançado, como imagens, botões e ícones dentro das células. É uma solução fácil de usar para iniciantes que lhe dá mais controle sobre o layout sem escrever nenhum código.
Como aplicar o alinhamento vertical (usando o plug-in Tableberg)
Para aplicar o alinhamento vertical usando o Tableberg, você só precisa de algumas etapas simples. Siga as instruções abaixo para criar sua tabela e ajustar o alinhamento exatamente como você deseja.
Etapa 1: Instalar e ativar o plug-in Tableberg
Primeiro, instale e ative o plug-in Tableberg em seu painel do WordPress. Vá para Plugins → Adicionar novo, procure por "Tableberg" e clique em Instalar agora, seguido de Ativar.
Etapa 2: Insira um bloco Tableberg em sua postagem ou página
Navegue ou crie uma postagem ou página, clique no ícone "+" do inseridor de blocos, procure por Tableberg e insira o bloco. Em seguida, escolha o número de linhas e colunas que deseja preparar para sua tabela.
Etapa 3: Adicionar conteúdo às células da tabela
Continue adicionando conteúdo às células. Você pode inserir texto, botões, imagens, ícones ou qualquer outro bloco dentro de cada célula. Por padrão, todo conteúdo será alinhado ao meio da célula.
Etapa 4: Selecione Vertical Alignment (Alinhamento vertical) na barra de ferramentas
Selecione a célula específica que você está esperando para alinhar. Em seguida, clique na borda da célula para abrir a barra de ferramentas do bloco. Na barra de ferramentas do bloco que aparece, clique no ícone Alinhamento vertical e escolha entre Superior, Médio ou Inferior.
Nota rápida
Você verá o efeito do alinhamento vertical com mais clareza quando uma célula tiver espaço vertical extra. Além disso, como cada bloco de conteúdo dentro de uma célula Tableberg tem seus próprios controles de alinhamento, você pode ajustar o posicionamento alinhando o texto na parte inferior e posicionando um botão à direita para obter layouts mais precisos.
Conclusão
Quando o conteúdo da tabela parece desalinhado, até mesmo o layout mais bem estruturado pode parecer confuso. O alinhamento vertical lhe dá o controle para corrigir isso, mantendo tudo em ordem, seja um bloco de texto longo, um botão centralizado ou linhas com conteúdo irregular. Embora o bloco Table padrão seja insuficiente nessa área, o Tableberg facilita o alinhamento do conteúdo exatamente onde você deseja, sem a necessidade de código ou etapas complicadas. Com a ajuda de alguns cliques, você pode criar tabelas mais limpas e consistentes que ficam bem em qualquer tela.
Leia também:
