Fato engraçado

O widget Funfact do ElementsKit permite que você exiba fatos fascinantes em números com ícones e opções personalizáveis.  

Leia esta documentação para aprender a usar o widget Elementor Funfact do ElementsKit.

Plug-in necessário: #

  1. Elemento: Baixar plug-in.
  2. ElementsKit Lite: Baixar plug-in.
  3. ElementosKit Pro: Obtenha o plug-in.

Etapa 1: Habilitar o widget Funfact #

Primeiro, você precisa habilitar o widget no painel do WordPress. Para habilitar o widget Funfact:

  1. Navegue até ElementsKit > Widgets.
  2. Encontre o Fato engraçado da lista e ative o widget.
  3. Clique em SALVAR ALTERAÇÕES.

Etapa 2: arraste e solte o widget #

Depois disso, arraste e solte o widget ElementsKit Funfact no editor Elementor.

Etapa 3: personalizar o widget Funfact #

Ícone #

Na aba de conteúdo, você pode personalizar o ícone.

  1. Tipo de ícone: Escolha entre as opções disponíveis: Ícone, Imagem ou Nenhum.
  2. Adicionar ícone: Esta opção está disponível para ícones.
  3. Ícone: Escolha um ícone se você escolher “Ícone”.
  4. Imagem: Escolha uma imagem se você escolher “imagem”
  5. Tamanho da imagem: Selecione o tamanho da imagem.
personalizar ícone no widget Elementor Funfact

Na aba estilo, você pode alterar os estilos do ícone,

  1. Cor: Escolha uma cor para o ícone.
  2. Cor de fundo: Escolha uma cor de fundo para o ícone.
  3. Tipo de borda: Selecione o tipo de borda do ícone.
  4. Raio da borda: Ajuste o raio da borda do ícone.
  5. Tamanho: Ajuste o tamanho do ícone.
  6. Margem Inferior: O espaço da margem para baixo.
  7. Preenchimento: Ajuste o preenchimento ao redor do ícone.
  8. Girar: Você pode girar o ícone 360 graus.
  9. Sombra da caixa: Adicione um estilo de sombra de caixa se desejar.
alterar estilos de ícones do widget Elementor Funfact

Contente #

Na aba Conteúdo, você pode personalizar o conteúdo,

  1. Prefixo numérico: Adicione um prefixo antes do número.
  2. Número: Adicione o número neste campo.
  3. Sufixo numérico: Adicione um sufixo antes do número.
  4. Título: Insira o conteúdo do título neste campo.
  5. Habilitar Super: Você pode habilitar a opção super. E adicionar um texto ou símbolo no Super campo.
personalizar o conteúdo do widget Funfact

Na aba Estilo, você pode alterar os estilos do conteúdo,

  1. Alinhamento: Defina o alinhamento do conteúdo do Funfact.

Contagem de números:

  1. Cor do número: Escolha uma cor para o número.
  2. Tipografia: Defina a tipografia numérica.
  3. Espaçamento: Espaço entre o número e o título.
  4. Espaçamento correto: O espaço entre o número e o sufixo.
Alterar estilos do conteúdo de contagem de números do widget Funfact

Título:

  1. Espaçamento: Ajuste o espaçamento inferior do título.
  2. Cor: Escolha uma cor para o título.
  3. Tipografia: Defina a tipografia do título.
  4. Preenchimento: Ajuste o preenchimento do título do conteúdo.
  5. Margem de conteúdo: Ajuste a margem ao redor do conteúdo (número e título).
Alterar estilos de conteúdo do título do widget Funfact

Super:

Se você habilitar o super, você também poderá personalizar seus estilos.

  1. Cor do número: Escolha uma cor.
  2. Tipografia: Definir tipografia.
  3. Principal: Ajuste a posição.
  4. Espaço Horizontal: Ajuste o espaço da esquerda.
  5. Posição vertical: Defina a posição vertical para cima, meio ou baixo.
Habilitar e personalizar o super personagem do widget Elementor Funfact
personalizar-super-personagem-de-elementor-funfact-widget

Configurações #

Configure as configurações do widget Funfact.

  1. Escolha o estilo de animação: Selecione um estilo de animação entre as opções fornecidas: Estático ou Deslizando.
  2. Duração da animação: Defina a duração da animação em milissegundos (ms).
  3. Posição do ícone: Defina a posição do ícone como Superior, Esquerda ou Direita.
  4. Tag HTML do título: Selecione a tag HTML do título.
Configurar as configurações do widget Funfact
  1. Habilitar borda inferior do hover: Você pode adicionar uma borda inferior que responda ao movimento do mouse.
    1. Cor da parte inferior da borda do hover: Se a opção Borda Inferior do Mouse estiver ativada, você poderá escolher uma cor.
    2. Direção do hover: Defina a direção do cursor para a esquerda ou direita.
  2. Habilitar Borda Vertical: Você também pode adicionar uma borda vertical na caixa Funfact.
    1. Direção da Fronteira: Se habilitado, selecione uma direção de borda Da Esquerda ou Da Direita.
Configurar as configurações do widget Funfact

Assim como o widget Content Ticker, o ElementsKit vem com centenas de elementos avançados para Elementor. Obtenha o ElementsKit e use esses elementos para construir sites WordPress repletos de recursos.

Quais são os seus sentimentos
Atualizado em 28 de janeiro de 2024