Uma lista de ícones é uma coleção de elementos visuais exibidos em um formato de lista. Eles são usados em vários contextos para melhorar o apelo visual e a legibilidade das publicações do blog e do conteúdo da página.
As listas de ícones são usadas principalmente para mostrar os recursos, os pontos principais, os benefícios etc. dos produtos em um formato de lista. Elas dividem o conteúdo extenso em partes pequenas e fáceis de ler para que os leitores possam entendê-las com rapidez e facilidade.
Nesta postagem do blog, mostraremos a você dois métodos fáceis de adicionar uma lista de ícones no WordPress. Fique conosco até o fim.
Criar mesas bonitas
Com o Block Editor
Método 1: Usando o Ultimate Blocks
Bloco definitivo é um plugin de blocos do Gutenberg com mais de 25 blocos personalizados. O "Styled List" é um bloco de destaque entre eles. Aqui, mostraremos a você como usar esse bloco.
Etapa 1: Instale o plug-in Ultimate Blocks
Ir para Plug-ins > Adicionar novo plug-in em seu painel de controle do WordPress. Encontre o plug-in digitando Ultimate Blocks na caixa de pesquisa. Instalar e ativar o plug-in depois que ele aparecer abaixo.
Etapa 2: Adicionar o bloco de lista com estilo ao Editor
Como qualquer bloco do Gutenberg, clique no botão de adição (+) e tipo Styled List na caixa de pesquisa. Quando o bloco for exibido, adicione para o editor.
Etapa 3: Adicionar itens ao bloco de lista com estilo
Você pode ver que o bloco Styled List foi adicionado ao editor. Agora, é hora de adicionar itens à lista. Você pode listar os recursos do seu produto.
Adicionamos um texto fictício ao bloco da lista estilizada.
Etapa 4: Selecione o ícone para o bloco de lista com estilo
Selecione todo o bloco Styled List. Você verá o ícone padrão Tick na guia Settings (Configurações). Clique no ícone de tique.
Uma caixa, incluindo uma coleção de ícones, será aberta. Selecione o ícone desejado. O ícone será aplicado em todo o bloco de lista estilizado.
Etapa 5: Personalizar o bloco de lista com estilo
Na guia settings (configurações), você encontrará várias outras opções para personalizar o bloco. São elas:
Tamanho do ícone - Aumentar ou diminuir o tamanho do ícone.
Número de colunas - Exiba o bloco de listas em várias colunas.
Número de colunas no celular - Exiba o bloco de listas em várias colunas no celular.
Espaçamento entre itens (pixels) - Aumentar ou diminuir o espaço entre os itens da lista.
Etapa 06: Estilizar o bloco de lista estilizada
Próximo, vá para a guia Styles (Estilos). Você pode alterar a cor do ícone, a cor do texto da lista e a cor do plano de fundo da lista nessa guia.
Depois disso, você pode adicionar preenchimento e margem para dar a um bloco o layout desejado.
Assim, você pode criar uma lista de ícones usando o plug-in Ultimate Blocks.
Método 2: Usando o Tableberg
Muitas vezes, você pode querer adicionar listas de ícones às suas tabelas do WordPress. Mas o bloco de tabela padrão não permite que você faça isso. Portanto, instale o bloco Tableberg plugin. Com ele, você pode criar tabelas abrangentes e multifuncionais para o seu site.
Etapa 1: Instalar o plug-in TableBerg
Instalar e ativar o plug-in Tableberg em seu site.
O processo de criação de tabelas com o plug-in é praticamente o mesmo do bloco de tabelas padrão. Siga este guia para aprender Como criar tabelas com o TableBerg.
Observação: A versão gratuita do Tableberg vem com um Bloco de listas. Para usar o Bloco de lista com estilovocê precisa obter o versão pro do Tableberg.
Etapa 2: Adicionar o bloco de lista com estilo à tabela
Selecione a célula à qual você deseja adicionar a lista de ícones. Quando a célula estiver selecionada, você verá o ícone de mais (+).
Clique no ícone de mais (+). Localizar e adicionar o bloco Styled List para a célula.
O bloco Styled List será adicionado instantaneamente à tabela.
Etapa 3: Adicionar itens ao bloco de lista estilizada na tabela
Adicione quantos itens você quiser à tabela.
Etapa 04: Definir um ícone para o bloco de lista com estilo
Selecione todo o bloco Styled List. Ir para o Guia Configurações na barra lateral direita. Clique no ícone Tick na opção Icon Settings (Configurações de ícones).
Uma janela pop-up será aberta com uma coleção de ícones. Selecione o ícone de sua preferência.
O ícone selecionado será aplicado a todo o bloco Styled List.
Etapa 5: Personalizar o bloco de lista com estilo
Na opção Icon Settings (Configurações de ícones), você encontra maneiras de personalizar o tamanho e o espaçamento dos ícones.
Etapa 06: Estilizar o bloco de lista estilizada
Vá para a guia Styles (Estilos). Você pode alterar a cor do ícone, a cor do texto, a cor do plano de fundo e o preenchimento do bloco.
Assim, você pode adicionar e criar listas de ícones nas tabelas do WordPress.
Conclusão
As listas de ícones no WordPress não só ajudam a transmitir informações importantes aos usuários, mas também melhoram a navegação e a estética do seu conteúdo. Ao personalizar o bloco, você deve ter em mente a consistência da marca, a pontuação de legibilidade e a hierarquia do conteúdo.
Somente se houver uma combinação de todos esses aspectos, sua lista de ícones se tornará viva para os usuários. Isso é tudo por hoje.
Leia também:
