Home 9 Elementor 9 Elementos Gerais aprenda qual são e seu uso – Elementor

Elementos Gerais aprenda qual são e seu uso – Elementor

Nesse post vamos mostrar como é fácil criar uma nova página ou um novo post usando os elementos básicos do elementor, o primeiro passo é criar uma nova página ou um novo post, para isso veja o caminho abaixo:

Nova página, acesse Páginas > Adicionar nova.
Novo post, acesse Posts > Adicionar novo.

Caso o seu novo item abra com o editor Gutenberg que é o editor padrão do WordPress, clique no botão clamado Editar com Elementor.

Para utilizar a sessão pro do Elementor, no menu lateral esquerdo da sua página ou post acesse a aba ELEMENTOS, role abaixo até a seleção GERAL.

Veja a lista de elementos Gerais que poderão ser usados, falaremos um pouco de cada um deles mais abaixo:

1 Caixa de Imagem
2 Ícone
3 Classificação
4 Carrossel de Imagem
5 Galeria Básica
6 Lista de Ícones
7 Contador
8 Barra de progresso
9 Depoimentos
10 Abas
11 Sanfona
12 Acordeão
13 Ícones Sociais
14 Alerta
15 SoundCloud
16 Shortcode
17 HTML
18 Menu âncora
19 Barra Lateral
20 Leia Mais

1 Caixa de Imagem (Image Box Widget)

Widget de caixa de imagem permite adicionar uma caixa de imagem que combina uma imagem com um título e texto, que é frequentemente usado nas seções Recursos, como uma alternativa ao uso do widget Caixa de ícones.

  1. Escolher imagem : selecione uma imagem da biblioteca de mídia ou carregue uma nova imagem
  2. Tamanho da imagem : selecione o tamanho da imagem, de miniatura a completa, ou insira um tamanho personalizado
  3. Título e descrição : adicione o título e a descrição que irão aparecer na caixa da imagem
  4. Link para : Insira o URL do link do item. Clique na engrenagem Opções de linkOpção de link para adicionar rel = nofollow ao link ou para abri-lo em uma nova janela.
  5. Posição da imagem : defina a posição da imagem para a esquerda, superior ou direita, em relação ao título e à descrição (na visualização do celular ficará centralizado).
  6. Tag HTML do título : defina a tag HTML do título como H1… H6, div, spam ou parágrafo

2 Ícone (Icon Box Widget)

As caixas de ícones são muito úteis na criação de sites. O uso mais comum é para seções que listam recursos de produtos ou serviços. Neste tutorial em vídeo, você verá as várias opções disponíveis para personalizar cada elemento deste widget: o ícone, o título e a descrição. Os ícones são derivados dos Font Awesome Icons, e você pode pesquisá-los e escolher o correto.

Na guia de conteúdo, você tem controle total sobre o conteúdo do widget. 

  • Visualização – Defina a visualização do ícone como ‘Padrão’, ‘Empilhado’ ou ‘Emoldurado’. Empilhado com um fundo e emoldurado com uma moldura ao redor do ícone.
  • Choose Icon – Aqui você tem uma lista de toda a coleção de ícones Font Awesome.
  • Título e descrição – insira o título e a descrição do widget Icon Box.
  • Link para – insira um link e escolha se ele será aberto em uma nova janela.
  • Posição do ícone – Defina a posição do ícone no lado esquerdo, superior ou direito da caixa (na visualização do celular ele permanecerá centralizado).
  • Tag HTML de título – Escolha a tag de título, de H1..H6, Div, Span ou P. 

3 Classificação (Star Rating Widget)

O widget Classificação por estrelas permite que você exiba classificações por estrelas atribuídas ao autor em seu conteúdo. Tanto o rótulo quanto as estrelas são totalmente personalizáveis ​​quanto ao tamanho, cor e tipografia.

  1. Escala de avaliação : escolha uma escala de 0 a 5 ou 0 a 10
  2. Classificação : atribua uma classificação numérica para o elemento, com base na escala escolhida
  3. Ícone : escolha o tipo de ícone a ser usado, Font Awesome ou Unicode
  4. Estilo desmarcado: Escolha Sólido ou Contorno para ícones desmarcados
  5. Título : insira o título da avaliação
  6. Alinhamento : Alinhe a classificação, à esquerda, ao centro, à direita ou justificado

4 Carrossel de Imagem (Image Carousel Widget)

O widget do carrossel de imagens permite adicionar galerias interessantes e dinâmicas às suas páginas.

Carrossel de Imagens

  1. Clique no botão Adicionar imagem para selecionar as imagens a serem exibidas. Uma vez selecionado, clique no botão Criar uma Nova Galeria e, em seguida, clique no botão Inserir Galeria .
  2. Tamanho da imagem : escolha o tamanho da imagem, de miniatura a completa, ou insira um tamanho personalizado
  3. Slides para mostrar : selecione o número de slides para mostrar de uma vez, de 1 a 10, disponível para desktop, tablet e dispositivos móveis
  4. Slides para rolar : defina quantos slides são rolados por deslize
  5. Ampliação da imagem : selecione Sim ou Não
  6. Navegação : selecione para exibir setas de navegação, pontos, ambos ou nenhum
  7. Link para : vincular imagens a seus respectivos arquivos de mídia, URLs personalizados ou nenhum
  8. Legenda : defina as legendas das imagens como Nenhum, Título, Legenda ou Descrição

Categorias:

Últimos posts:

Elementos Pro aprenda qual são e seu uso – Elementor

Elementos Pro aprenda qual são e seu uso – Elementor

Nesse post vamos mostrar como é fácil criar uma nova página ou um novo post usando os elementos básicos do elementor, o primeiro passo é criar uma nova página ou um novo post, para isso veja o caminho abaixo: Nova página, acesse Páginas > Adicionar nova.Novo post,...

Como atender seus clientes na plataforma Jivo Chat

Como atender seus clientes na plataforma Jivo Chat

Interação Cliente x JivoChat Um cliente inicia o chat pela página inicial do site e preenche os dados conforme a configuração do canal. Você receberá uma notificação baseada nas suas configurações e verá um sinal no ícone Central de Atendimento, no topo à direita.  Na...

Posts relacionados:

[prev]
[next]

0 comentários

Enviar um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *