Como tornar o cabeçalho de uma tabela fixo no WordPress (3 etapas fáceis)

Está procurando um tutorial sobre como tornar um cabeçalho de tabela fixo no WordPress? Falaremos sobre isso daqui a pouco. Não deixe de nos acompanhar atentamente.

Um cabeçalho de tabela fixo proporciona uma boa experiência ao usuário, especialmente em páginas com dados extensos ou tabelas de comparação mais longas.

Ele pode melhorar efetivamente a legibilidade e a navegação em publicações com tabelas longas, simplificando para os leitores o acompanhamento dos dados à medida que rolam a página para baixo.

Agora, vamos aprender como tornar um cabeçalho de tabela fixo no WordPress.


Como tornar o cabeçalho de uma tabela fixo no WordPress

Você encontrará um núcleo bloco de mesa no WordPress, mas as funcionalidades do bloco de tabela são tão básicas que você não encontrará a opção de cabeçalho fixo nele.

Portanto, usaremos um plug-in de construtor de tabelas de terceiros dedicado a ajudá-lo a criar tabelas incríveis no Gutenberg Block Editor, que é o Tableberg.

O Tableberg é um plug-in de bloco de tabela de terceiros que permite criar qualquer tabela que você possa imaginar no Gutenberg Block Editor.

Criar mesas bonitas
Com o Block Editor

Etapa 1: Instalar o Tableberg

A primeira etapa é instalar o plug-in Tableberg. Para isso, vá até o painel de controle do seu site WordPress.

Agora, navegue até Plugins (1) > Adicionar novo plug-in (2). Procure por Tableberg na caixa de pesquisa do plugin (3). Clique em "Instalar agora" (4).

Como tornar o cabeçalho de uma tabela fixo no Wordpress

Depois de instalar o plug-in, você deve ativá-lo.

Observação: Para usar a opção Sticky Header, você precisa obter o versão pro do Tableberg. A versão gratuita não inclui essa opção.

Etapa 2: Vá para sua postagem ou página

Navegar Postagens (1) > Todas as postagens (2) e editar essa postagem ou página (3). N.B. O mesmo se aplica à edição de uma página, mas primeiro você deve ir para Pages > All Pages.

Etapa 3: Torne o cabeçalho da tabela fixo

A primeira etapa é fazer com que a primeira linha seja o cabeçalho da tabela.

Selecione sua tabela primeiro. Clique em Settings (Configurações) no canto superior direito (1). Navegue até Block (2) > Configurações (3). Ative a opção "Criar cabeçalho da linha superior(4).

Role a tela para baixo e procure o Linha superior pegajosa e a habilite. Agora, o cabeçalho de sua tabela se tornou um cabeçalho fixo.

Além disso, você pode selecionar uma cor diferente para o cabeçalho, de modo que o cabeçalho fixo se destaque. As etapas são as mesmas da imagem acima. A única diferença é que você precisa escolher Estilo (1) > Plano de fundo do cabeçalho (2) > Escolher cor (3). (N.B. Essa etapa é opcional).

É assim que você cria um cabeçalho de tabela fixo. Veja abaixo a aparência de sua tabela.


Considerações finais!

A adição de um cabeçalho de tabela fixo no WordPress é um pequeno ajuste que pode ter um impacto eficiente, tornando as tabelas com muitos dados muito mais fáceis de usar. Esse aprimoramento melhorará a experiência do usuário dos visitantes do seu site.

Seguindo essas etapas, é possível criar uma tabela acessível e de aparência profissional com um cabeçalho fixo que permanece visível à medida que os usuários rolam a página.

Não é tão complicado quanto pode parecer à primeira vista.
Espero que você tenha entendido o tutorial. Ele o ajudou a transformar rapidamente o cabeçalho da linha superior de sua tabela em um cabeçalho fixo.

Se tiver alguma dificuldade em seguir o tutorial, não hesite em me informar na seção de comentários abaixo. Estou aqui para ajudá-lo e ficarei mais do que feliz em ajudar.

Publicações relacionadas



A equipe do Tableberg