Artigo Leia mais Elemento

Sobre o artigo Leia mais Elemento

O elemento Ler mais do artigo foi projetado para funcionar dentro do Elemento da lista de artigos.

Ele fornece uma maneira clara e fácil de usar para os visitantes navegarem até artigos completos adicionando um botão ou link abaixo das visualizações dos artigos.

Como adicionar um elemento "Leia mais" do artigo à sua página?

Passo 1: Acessar o Painel GemPages > PÁGINAS, então clique na página de destino para localizar o editor.

Passo 2: Na barra lateral esquerda, procure por Artigo Leia mais Elemento e arraste e solte-o na posição preferida na sua página.

Passo 3: Clique no elemento para abrir suas configurações para maior personalização.

Configurar a guia Configurações

O processo de Artigo Leia mais Elemento vem com várias opções de personalização para atender às suas necessidades de design e funcionalidade:

Sessão de Fotos

Selecione seu layout preferido para o elemento Leia Mais do seu Artigo: com ou sem colchetes preenchidos (somente texto).

Fonte do artigo

Clique na caixa para configurar as fontes do artigo no elemento Lista de artigos.

Dimensões:

• Sob o Dimensões: seção, modifique a largura, a altura e o preenchimento do elemento para garantir que ele se ajuste ao design da sua página. 

Se a largura = Ajustar conteúdo (Automático):

Se a largura = Total (100%):

• Ajusta a acolchoamento manualmente para melhor visibilidade, se preferir.

Contexto

• alterar o cor de fundo de toda a seção, com base em suas preferências, com esta configuração.

Tente inserir um código de cor, escolher na amostra de cores ou usar o seletor de cores. Você também pode selecionar uma cor preferida na Cores recentes e Sugerido para você listas para economizar tempo e esforço.

• Se você preferir um fundo da imagem, clique na caixa ao lado de a imagem opção para carregar uma nova imagem ou importar da sua biblioteca para defini-la como imagem de fundo.

Shape

As configurações de forma são para toda a seção que contém o elemento Lista de artigos.

• Fronteira: Você pode alterar a cor, a espessura e o traço da borda da seção Lista de artigos.

• Corner: O canto da seção pode ser quadrado, quadrado arredondado ou redondo.

• Shadow: Você pode adicionar uma sombra da seção Lista de artigos e ajustar a exibição da sombra (tamanho, cor, desfoque e distância).

ícone

Certifique-se de que você o tenha ativado para abrir suas configurações:

• Ícone: Escolha na lista de ícones disponíveis do GemPages ou carregue o seu próprio (somente arquivo .SVG).
• Posição: Selecione a posição do ícone no seu botão para ficar à esquerda ou à direita.
• Gap = Vão: Ajuste o espaçamento entre o texto e o ícone para melhor visibilidade.

Texto

Configure o texto do botão do seu jeito, incluindo:

• Sessão de Fotos: Escolha o título
• fonte: Selecione um estilo de fonte que corresponda à identidade da sua marca.
• Dimensões:: Ajuste o tamanho da fonte para destacar o título.
• Cor: Escolha uma cor que complemente seu design.
• Alinhar: Ajuste o alinhamento do texto para esquerda, centro, direita ou justificado.

Clique Mostre mais para expandir as configurações completas no Estilo de texto seção:

• Peso da fonte: Controle a espessura do texto.
• Altura da linha: Ajuste o espaço entre as linhas para melhor legibilidade.
• Espaçamento entre Letras: Crie uma aparência mais moderna ou compacta alterando o espaço entre as letras.
• Transformam: Converta o texto para maiúsculas, minúsculas ou coloque a primeira letra de cada palavra em maiúscula.
• Shadow: Adicione uma sombra de texto para dar profundidade aos seus títulos.

Efeito

Estado de foco: Defina como o elemento muda quando os usuários passam o mouse sobre ele. 

Opções para personalizar o efeito hover, incluindo

• Fundo: Aplique um fundo diferente ao botão para dar mais ênfase.
• Texto: Altera a cor do texto quando o cursor passa sobre ele.
• Shape: Personalize o tamanho da borda, o estilo e o raio do canto para efeitos de foco.

Alinhar

Ajuste o alinhamento do título para melhor legibilidade. Você pode escolher entre alinhamento à esquerda, alinhamento centralizado ou alinhamento à direita.

Ao personalizar o elemento Ler mais do artigo, você aprimora a navegação e melhora a experiência do usuário, facilitando a exploração do seu conteúdo pelos visitantes.

Configurar a guia Avançado 

Para uma personalização mais avançada, navegue até a guia Avançado e siga as instruções em Este artigo.