Uma tabela pesquisável permite que os usuários encontrem rapidamente os dados específicos em um conjunto de dados maior apresentado em um formato tabular. Esse recurso não apenas ajuda os usuários a localizar as informações de que precisam, mas também os mantém envolvidos, proporcionando uma experiência de navegação intuitiva.
A ativação desse recurso em suas tabelas pode ajudar os usuários a economizar um tempo valioso ao explorar os dados. Isso pode reduzir significativamente as frustrações e aumentar a satisfação do usuário. Com o plug-in Tabelberg, você pode habilitar facilmente esse recurso em suas tabelas.
Nesta postagem do tutorial, forneceremos um guia passo a passo sobre como criar uma tabela pesquisável no WordPress. Obtenha o plug-in clicando nos botões anexados abaixo.
Criar mesas bonitas
Com o Block Editor
Depois que o plug-in estiver instalado em seu site, siga o tutorial abaixo.
Etapa 01: Adicionar o bloco Tableberg ao Editor
Assim como qualquer bloco do Gutenberg, localize e adicione o bloco Bloco Tabelberg para o editor.
Conjunto o número de colunas e linhas que você deseja. Em seguida, pressione o botão Botão Criar.
Quando as colunas e linhas estiverem prontas, comece a adicionar as informações que desejar.
Etapa 02: Adicionar conteúdo à tabela
Um recurso interessante do Tableberg é que ele permite que você adicione vários blocos personalizados à tabela, como o editor de blocos do Gutenberg.
Coloque o cursor em qualquer célula da tabela. O ícone de mais (+) será exibido. Em seguida, adicione os blocos desejados às células e ao conteúdo de acordo.
Por exemplo, você pode adicionar imagens às células da tabela usando o bloco Image.
Já preparamos a tabela com as informações necessárias. Como nosso principal objetivo é mostrar a você como adicionar uma barra de pesquisa à tabela do WordPress para torná-la pesquisável, não queremos perder tempo com outras coisas.
Para se inspirar, você pode visitar este guia em Como criar uma tabela com o Tableberg.
Etapa 03: Ativar a barra de pesquisa
Selecione a tabela inteira clicando no botão Ícone Tableberg na barra de ferramentas. Em seguida, vá para a seção Guia Configurações na barra lateral direita.
Venha para o [PRO] Pesquisa rolando a guia. Ativar o Ativar pesquisa opção. Você verá que a barra de pesquisa apareceu na parte superior da tabela.
Etapa 04: Selecione uma posição para a barra de pesquisa
Você pode colocar a barra de pesquisa no esquerda, centro, direita, ou amplo. Selecione a opção desejada.
É isso aí. Sua tabela agora pode ser pesquisada.
Etapa 05: Visualizar a barra de pesquisa
Vá para a seção de visualização da postagem. Digite algo na barra de pesquisa que existe na tabela. Você verá o resultado instantaneamente.
Vejamos o videoclipe anexado abaixo. Ele está funcionando bem em nosso lado.
Etapa 06: Estilizar a tabela pesquisável
Vá para a guia Styles (Estilos) novamente e mantenha a tabela selecionada. Você verá várias opções de personalização para estilizar a tabela.
Por exemplo, algumas coisas importantes que você pode fazer lá são:
- Alterar as cores das colunas, linhas e células individualmente
- Modificar a dimensão e o preenchimento da célula
- Adicionar espaçamento entre blocos
- Personalizar/remover/colorir as bordas internas e externas
- Atualizar as fontes globais
Espero que você possa fazê-las sozinho. Ou explore nossas postagens de documentação DIY para obter o guia necessário.
Observações finais!
Como já foi dito, a opção da barra de pesquisa é extremamente útil para tabelas que lidam com conjuntos de dados extensos. Mas, para garantir que suas tabelas pesquisáveis sejam eficazes, você deve manter o design da tabela limpo e organizado.
Em segundo lugar, a barra de pesquisa deve ser colocada em uma posição adequada para que os usuários possam encontrá-la facilmente. Se possível, adicione também a opção de filtragem para tornar sua tabela classificável, de modo que as pessoas possam reordenar as linhas e colunas da tabela conforme necessário.
Aqui está um guia sobre como tornar sua tabela classificável no WordPress.
