Cartões em seções dinâmicas

Os cartões em seções dinâmicas melhoram o apelo visual do seu conteúdo adicionando uma cor de fundo aos itens abaixo da seção.

Isso ajuda a criar seções limpas e organizadas, tornando seu site mais envolvente visualmente e mais fácil de navegar.

Neste artigo


O cartão completo / cartão de texto

  • Quando você liga o Cartão Completo / Texto sobre suas seções dinâmicas, os itens da lista terão um contorno e fundo com a cor do cartão.
    Veja também: Cores e espaçamento do site.

Cartão Completo

  • Quando a opção de cartão completo é selecionada, a cor do cartão e outras propriedades que você especificou são aplicadas a todo o cartão, ou seja, a imagem e o texto abaixo dele.

Dar uma olhada: 

Cartão de texto

  • Quando a opção de cartão de texto é selecionada, a cor do cartão e outras propriedades especificadas são aplicadas somente ao texto (abaixo da imagem).

Dar uma olhada: 


Cartões de estilo

As opções de estilo do cartão estão disponíveis na aba Estilo da seção (painel lateral direito). As opções de estilo são as seguintes:

Cartões

  1. Mostrar como cartões: Escolha mostrar os itens da lista como Cartões completos/de texto. Esta opção pode variar de acordo com o layout selecionado para a seção. Saiba Mais.
  2. Espaçamento entre cartões: Escolha ter um espaçamento de cartão comum ou diferente para cada lado dos itens da lista e defina um número (em px) para o espaçamento entre cartões das imagens dos itens da lista.
    Caso tenha escolhido cantos divididos, você pode definir diferentes espaçamento entre cartões para cada lado do cartão.
  3. Raio do canto do cartão: Especifique o raio do canto do cartão para o cartão do item da lista em px.
  4. Faça as alturas dos cartões serem iguais: Escolha se a altura dos cartões deve ser uniforme em todos os itens ou ajustada com base no conteúdo de cada item.


Se você selecionou um layout em que o texto é exibido sobre a imagem, a seguinte opção aparecerá:

  • Mostrar Cards: Esta alternância determina se o card é exibido ou não. As seguintes opções estão disponíveis:
    • Off: Desativa o cartão completamente, deixando apenas a imagem e o texto visíveis na seção.
    • Imagem acima: Exibe o cartão acima da imagem. Este layout funciona bem para designs onde você quer que o texto seja o foco antes da imagem.
    • Abaixo da Imagem: Exibe o cartão abaixo da imagem. Isso é ideal para designs em que a imagem é o foco principal, seguida pelo conteúdo descritivo. Se nenhuma imagem for carregada para um item, o cartão será exibido para esse item por padrão.


Cores do cartão

  1. Escolha o cartão cor para ser nenhum ou padrão ou personalizado. Se a opção padrão for escolhida, a cor do cartão definida no Seção de design é usado aqui.
  2. Se você escolheu a opção personalizada, especifique o cor base e 
  3. Cor do texto do cartão.
  4. Escolha habilitar o efeito de foco para o cartão.
  5. Especifique o cor de base para a visualização instantânea do cartão.
  6. Especifique o cor do texto para a visualização instantânea do cartão.


borda do cartão

  1. Posição – Escolha ter uma borda de cartão comum ou diferente para cada lado dos itens da lista e defina um número (em px) para o borda do cartão.
    Caso tenha escolhido cantos divididos, você pode definir diferentes bordas do cartão para cada lado do cartão.
  2. Escolha o Sessão de Fotos da borda do cartão.
  3. Escolha Padrão cor da borda do cartão ou Molduras por Medida cor.
  4. If Molduras por Medida opção estiver selecionada, especifique a cor.


Não consegue encontrar o que procura?

Entre em contato com um especialista da Pixpa.

O Pixpa Studio acaba de ser reformulado. Estamos atualizando todas as capturas de tela dos artigos de ajuda neste momento.