Elementos Gerais – 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)

O 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 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