Índice
Definimos a ideia principal de qualquer CMS como:
A maneira fácil de manter o conteúdo do site, mantê-lo atualizado e preciso por administradores não técnicos. Graças a isso, você pode usar seu site como o principal canal de comunicação com baixo custo. Portanto, mudar para um tema e blocos do Gutenberg é sua melhor escolha para atingir seus objetivos de marketing. Provamos o que foi dito acima apresentando como adicionar uma tabela no WordPress sem um plugin.
Você pode encontrar algumas postagens de blog sobre como adicionar uma tabela no WordPress sem um plug-in que mencione que não é fácil ou que você precisa usar o Google Docs ou Word. Bem, isso pode ser verdade, a menos que você ainda não tenha mudado para o tema Citadela Gutenberg. Temas antigos com seu construtor de páginas usam um editor clássico. E não havia uma opção tão fácil quanto o editor do Gutenberg oferece.
Comece agora
Pagamento único. Garantia de reembolso de 30 dias.
Explore duas opções para tabelas WordPress em Citadela
Com base no conteúdo da tabela do WordPress, você tem duas opções para o bloco Gutenberg que cria uma tabela no WordPress. Você está obtendo muito mais opções do que pode imaginar em combinação com outros blocos.
- Bloco Tabela de Preços (disponível apenas em plug-in Citadela Pro)
- Bloco de tabela (bloco principal do WordPress)
Use a versão premium Citadela e você não precisará de um plug-in extra para adicionar a tabela no WordPress.
Bloco de tabela de preços
Como as tabelas geralmente são usadas para apresentar itens e preços, criamos um bloco especial Price Table, que está incluído no plug-in Citadela Blocks (amplamente compatível com a maioria dos temas WP modernos). Você pode usá-lo facilmente no editor de blocos do WordPress para apresentar e administrar preços de maneira atraente.
Este bloco possui configurações avançadas e você pode configurar a versão responsiva de acordo com suas necessidades. Está disponível em plug-in Citadela Pro.
No entanto, o próprio WordPress oferece um bloco padrão para criar tabelas. Chama-se simplesmente: Bloco de mesa, e você pode usá-lo para criar uma apresentação muito básica, por exemplo, de seus pacotes de assinatura, em minutos.
Hoje veremos o Table Block com mais detalhes e falaremos sobre:
- Por que as tabelas no WordPress são práticas
- Como usar o bloco Table e criar uma tabela no WordPress (sem plugin)
- Configurações do bloco de tabela na barra de ferramentas
- Configurações de bloqueio de tabela do WordPress no inspetor
- Dica extra: Como inserir uma tabela ao lado da imagem
Por que as tabelas no WordPress são práticas
Tabelas têm uso universal em Postagens e Páginas. A funcionalidade básica é organizar dados ou números. As tabelas também são benéficas para os blogueiros. Por exemplo, blogueiros de viagens podem comparar preços para destinos individuais. Os blogueiros de culinária podem criar facilmente uma lista de ingredientes ou a quantidade necessária.
Por último, mas não menos importante, é possível usar tabelas para apresentar horários de funcionamento ou tabelas de preços de serviços e produtos. Não importa se você tem um site de restaurante, salão de beleza ou padaria. Você encontrará o uso de tabelas em seu site com certeza.
Como usar o bloco Table e criar tabela no WordPress (sem plugin)
Criar tabelas no WordPress usando o editor de blocos é muito fácil. Usando o bloco Tabela, você pode criar tabelas com apenas alguns cliques, sem plug-in ou codificação. Vamos dar uma olhada em como funciona:
- Em primeiro lugar, você precisa inserir o bloco de tabela do WordPress. Você pode fazer isso clicando no “+” localizado na barra superior ou em qualquer lugar do editor. Depois disso, você pode escolher um bloco específico.
Também é possível inserir o bloco Tabela usando a barra “/“, seguindo a palavra “tabela” para pesquisar o bloco tabela.
Depois de adicionar o bloco Tabela à sua página ou postagem, você deve definir configurações básicas, como o número de colunas e linhas.
Explore o mais novo tema Citadela, onde você pode criar tabelas usando o bloco de tabelas do WordPress e também usar nossos blocos personalizados. Saiba mais sobre o Citadela que você pode personalizar com pacotes de layout desenvolvidos para tipos específicos de negócios.
Configurações do bloco de tabela na barra de ferramentas
Agora você sabe como fazer uma tabela no WordPress. A seguir, mostraremos como trabalhar com ele.
A barra de ferramentas superior acima da tabela permite fazer alterações no estilo e na formatação. Usando essas configurações, você pode alterar a aparência da tabela. Não se esqueça que a aparência final sempre depende do tema WordPress ativo que você usa.
O que pode ser mudado?
1. Estilos de bloco
Usando o primeiro ícone, você pode selecionar estilos de tabelas. Você pode escolher uma das 2 opções:
- Padrão – as células da tabela terão bordas, sem fundo. A cor de fundo de todo o bloco pode ser adicionada posteriormente.
- Listras – tabela sem bordas, mas cada segunda linha será destacada usando um fundo. Este estilo é mais moderno e menos formal.
2. Alinhando o bloco de tabela do WordPress
O alinhamento da tabela também pode ser alterado na barra de ferramentas superior acima do bloco. Você pode escolher um dos clássicos, como esquerdo, direito ou centro, mas também pode fazer a mesa larga ou toda a largura. A disponibilidade dos dois últimos sempre depende do tema WordPress ativo que você usa.
3. Formatando o conteúdo da tabela
O texto ou os números dentro das tabelas podem ser definidos como negrito ou itálico. Você pode adicionar um link para outra página, gráfico ou imagem.
4. Alinhamento do texto na tabela
A versão mais recente do WP garante que seja possível alinhar não apenas a tabela inteira, mas também o texto dentro das linhas. Agora você pode alinhar o texto inserido em cada linha separadamente. Esse recurso ajuda você a criar uma mesa mais bonita.
5. Número de colunas e linhas
Como adicionar colunas ou linhas de tabela no WordPress? No bloco Tabela, é muito fácil. Este bloco permite adicionar ou remover células muito rapidamente. Basta clicar em “Editar tabela” e em seguida, na ação que deseja realizar. Se você clicar em “Add Row After”, uma nova linha será criada imediatamente na parte inferior.
Configurações de bloqueio de tabela do WordPress no inspetor
Enquanto a barra de ferramentas superior permite alterar as configurações das células da tabela, uma barra de ferramentas do lado direito chamada Inspetor é usada para configurações mais complexas do bloco Tabela. Também aqui você pode configurar estilos de bloco (Padrão ou Listras), mas além disso, você também pode definir a cor de fundo e a largura da tabela.
Configurações da mesa
Por padrão, as células da tabela se ajustam dinamicamente à quantidade de texto que está dentro. Você também pode permitir a função “Células de tabela de largura fixa”. Todas as células terão a mesma largura, não importa o que você coloque dentro.
Configurações de cores
O Inspector também permite alterar a cor de fundo da tabela. Se você selecionou o estilo padrão, toda a tabela terá a mesma cor de fundo. Se você selecionou Listras, apenas cada segunda linha terá o plano de fundo definido.
Recurso recém-adicionado: Suporte de cabeçalho e rodapé
Para tornar as tabelas mais acessíveis, os desenvolvedores adicionaram a opção de cabeçalho e rodapé ao bloco Tabela do WordPress. Essa funcionalidade também fornece melhor definição estrutural (dos dados) e fornece informações mais precisas aos assistentes móveis. A estrutura da tabela agora inclui <thead>, <tfoot>
, e <tbody>
para identificar e distinguir o cabeçalho, rodapé e corpo da tabela. Você pode ativar ou desativar a seção de cabeçalho e rodapé diretamente do Inspetor.
Dica extra: Como criar tabela no WordPress sem plugin ao lado da imagem
Você precisa ter uma tabela e uma imagem lado a lado? Para fazer isso, você precisa usar o Bloco de Colunas. Este bloco permitirá que você insira diferentes tipos de conteúdo em colunas e tenha-os bem alinhados.
Como fazer isso?
Insira o Bloco de Tabela em uma coluna e o Bloco de Imagem na segunda. Você obterá uma tabela aninhada dentro do bloco de colunas do WordPress ao lado da imagem. É muito simples e você não precisa se preocupar com alinhamento ou versão responsiva.
Você pode ler mais sobre o bloco de colunas em nosso artigo Como fazer colunas no WordPress sem plugin.
Excelente aporte!
Post muito bom, o wordpress tem opções que muitos usuários não veem, seu post esclarece isso. É o fim dos plugins de tabela
Ótimo…!
Sem Plugin Clássico
Uma informação tão legal! Claroⅼү uma leitura obrigatória e uma descoberta!
Na verdade me ajudou muito obrigado.
Obrigado. foi de grande ajuda
Muito útil. Ótimo para aprender sobre os novos recursos do bloco Gutenberg. Continue com o bom trabalho! Tenha um bom dia 🙂
Ele perde um recurso por excelência, ou seja, responsivo.
Se eu visualizar a tabela no celular com 6 colunas ou mais, ela é compactada e parece horrível.
Pelo menos deveriam ter testado!
Isso é realmente muito útil. Obrigado
Agora que você terminou de criar a tabela, o próximo passo é adicioná-la à sua postagem. Para fazer isso, primeiro você terá que copiar o Shortcode da tabela. Isso pode ser feito navegando até TablePress All Tables. Em seguida, localize a tabela que deseja copiar, abaixo dela clique em Mostrar Shortcode? Ao clicar, um alerta pop aparecerá mostrando o shortcode.
Não consigo entender por que os desenvolvedores do WordPress não pensaram em tornar a tabela responsiva em 2020. Como isso é possível? Portanto, antes que isso aconteça, ainda haverá uso de plugins para resolver isso. Na minha opinião honesta. Ótimo artigo embora.
Como adicionar borda à tabela?
Olá,
Obrigado por perguntar. Não há opção para gerenciá-lo na administração do painel por padrão. Talvez você possa considerar o uso de outro tipo de bloco de tabela. Dê uma olhada no fornecido pelo PublishPress Blocks (onde você pode gerenciar diferentes tipos de bordas, cores, fontes, plano de fundo, etc.
Tenha um bom dia!
Zlatko
equipe AIT
Existe alguma maneira de mesclar células de uma coluna sem usar nenhum plugin?
Olá,
Obrigado por perguntar. O bloco tratado pela comunidade WordPress não permite mesclar células no momento. Talvez, no futuro, haja uma opção para isso.
Se houver algo mais em que possamos ajudá-lo, sinta-se à vontade para nos contatar de volta.
Tenha um bom dia!
Zlatko
equipe AIT