Seção de título

Você pode adicionar uma seção de título diretamente à sua página para incluir uma descrição. Essa seção é ideal para exibir uma imagem com o texto correspondente.

A imagem carregada aqui não é compatível com o modo lightbox. Ela pode ser redimensionada arrastando os cantos da imagem.

Esta seção pode ser usada principalmente para uma página "Sobre Mim/Nós". Você também pode adicionar um link para a imagem em qualquer página que desejar.

Adicionar uma seção de título:

Uma seção pode ser adicionada a uma página. Você pode adicionar uma seção a uma página já existente ou crie uma nova página dentro do seu site.
Na sua página, Clique no ícone + azul para adicionar um Nova Seção para sua página.

Você vai agora ver o categorias de seção no lado esquerdo.
Escolha o Seções de Heróis (1) opção e selecione NEW Manchete (2) aba.

Escolha qualquer layout da seção (3) e clique nele para adicioná-lo à sua página.
À medida que a seção é adicionada, você pode editar o texto e carregar qualquer imagem.

Gerenciando o Conteúdo

Depois de adicionar a seção:

Clique no Editar conteúdo (1) botão.

Isso abrirá o Painel do Item Principal (2).

A partir daqui, você pode:

Carregar uma imagem principal (1) para o bloco de título.
Carregar uma imagem secundária (2) para o bloco de título (apenas em layouts selecionados).

Adicionar uma Título (3), Subtítulo (4), e Descrição (5) do bloco Título. Antes de adicionar a descrição, verifique Este artigo.

Adicione qualquer tipo de de vidrio (6) à seção de título. Você pode adicionar um botão/link de imagem/ícone social/link de texto. Saiba Mais.
Economize (7) suas mudanças.

Gerenciar Elementos

A seção de título inclui uma aba "Elementos" que permite gerenciar a visibilidade de vários elementos dentro da seção com facilidade. Usando simples botões de alternância, você pode ativar ou desativar elementos específicos sem precisar excluí-los ou modificá-los.

Clique em Editar conteúdo (1) botão.

Escolha o elementos (2) aba.
Após fazer as alterações, clique em Economize (3) botão.

Opções de itens

Mostrar imagem: Alterne a visibilidade das imagens.
Mostrar título: Controle se o título é exibido.
Mostrar legenda: Habilitar ou desabilitar legendas.
Mostre a descrição: Gerencie a visibilidade das descrições dos itens.
Mostrar botões: Decida se os botões para itens individuais devem ser exibidos.

Alterar layout

Clique no Editar conteúdo (1) botão.

Escolha o traçado (2) aba.
Selecione os Llá fora (3) para sua seção e Economize (4) as mudanças.

Pro Dica

Para criar uma seção de largura total, escolha qualquer layout entre 11 e 16.

Layout de texto de ajuste automático

A seção "Ajuste automático de texto" é uma ferramenta poderosa para criar conteúdo de texto dinâmico e responsivo em seu site Pixpa.

Isso permite definir um tamanho máximo de fonte, e o texto será redimensionado automaticamente de acordo com o tamanho, o espaço e o comprimento do texto disponíveis na tela, garantindo legibilidade e apelo estético ideais.

Adicionar seção de ajuste automático à página

Clique no ícone + azul para adicionar um Nova Seção para sua página.

Escolha o Seções de herói (1) categoria e clique no NEW Manchete (2) aba.

Dentre os layouts disponíveis na seção Título, role até o final e Selecione qualquer um dos layouts marcados na captura de tela. conforme sua preferência.

Editar seção de ajuste automático

Clique no Editar bloco de texto com ajuste automático botão no canto superior direito da seção.
Sob o Conteúdo Na guia, você pode especificar o conteúdo do texto para a seção usando 1º, 2º e 3º. campos de texto.
O tamanho da fonte do texto será ajustado automaticamente de acordo com o tamanho da tela e o comprimento do texto. Por fim, Economize (4) as mudanças.

Seção de ajuste automático de estilo

Personalize o estilo da seção na aba Estilo . Você encontrará as seguintes opções:

Altura da linha: especifique o espaço vertical entre as linhas de texto.
Tamanho máximo da fonte: Defina o tamanho máximo que o texto pode atingir.
Alinhamento do texto: Alinhe o texto horizontalmente dentro da seção.
Família da fonte: Escolha a família da fonte, como Título 1, Título 2, Parágrafo, etc.

Observação

O tamanho do texto não seguirá o tamanho especificado na seção de design, mas será ajustado com base no espaço disponível e no comprimento do texto.

Layout da seção de capa

O layout de seção "Capa" pode ser usado quando você deseja adicionar texto, um botão e um plano de fundo à sua seção. A seção "Capa" é o layout mais simples e pode ser personalizada com muita facilidade.

Você também pode incorporar códigos personalizados neste layout usando a opção de trecho de código personalizado. Saiba mais.

Adicionar layout de seção de capa a uma página:

Na sua página, Clique no ícone + azul para adicionar uma nova seção.

Você vai agora ver o categorias de seção no lado esquerdo.
Escolha o Seções de herói (1) categoria e clique no NEW Manchete (2) aba.

Dentre os layouts disponíveis na seção Título, role até o final e Selecione o layout indicado na captura de tela..

Saiba mais sobre como adicionar e editar trechos de texto no layout da seção Capa.

As opções de estilo

Clique no Editar conteúdo (1) botão.

Escolha o Sessão de Fotos (2) guia.
Altere o estilo dos elementos da seção e Economize (3) suas mudanças.

Você terá várias opções de estilo para a seção:

Opções de estilo de imagem
Máscara de forma
Opções de borda de imagem
Alinhamento e Cor
Opções de espaçamento
Tamanho do texto
Botões e links

Imagens

Escolha o Imidade da colheita para a imagem. Você pode definir a imagem como Quadrada, Circular, Paisagem, Retrato e Dinâmica.
Escolha ter um raio de canto comum ou raio de canto diferente para cada lado dos itens da lista e defina um número (em px) para o Raio de canto das imagens dos itens da lista.
Com o raio de canto Neste campo, você pode criar imagens em diferentes formatos. Se você especificar 500 px, a imagem será exibida em formato circular.
Caso tenha escolhido cantos divididos, você pode definir diferentes raios de canto para cada canto. Saber mais.
Escolha Animar imagens ao passar o cursor sobre elas clicando em Sim.
Escolha entre as diferentes opções. Estilo de Animação para imagens ao passar o cursor sobre elas.

Quando o layout de título em largura total estiver ativado, você verá esta opção adicional:

Especificar a cor da sobreposição: Isso permite que você aplique um sobreposição de cores em toda a seção do título. Você pode escolher qualquer cor usando o seletor de cores e controlar sua transparência com o controle deslizante de opacidade, o que ajuda a melhorar a visibilidade do texto ou a criar um clima visual específico.

Máscara de forma

Máscara de forma: Ative esta opção para aplicar uma máscara de forma à imagem na seção Título. Uma vez ativada, a forma selecionada recortará visualmente a imagem, ajustando-a a esse formato.
Selecione a forma: Escolha entre várias formas predefinidas para aplicar à sua imagem. Isso permite que você estilize criativamente seu conteúdo exibindo a imagem em um formato único, como arredondado, diamante, gota, etc.

Notas

A opção Máscara de forma depende do layout – Pode não aparecer em layouts onde texto como título ou subtítulo é exibido sobre a imagem.
A configuração Stretch depende de vários fatores – incluindo as configurações de Tamanho da imagem, Alinhamento e Corte definidas na guia Estilo.
Se o corte da imagem estiver definido como Original, as dimensões reais da imagem determinarão se ela será esticada verticalmente ou horizontalmente.

Opções de borda de imagem

Ativar/desativar borda em torno das imagens alternando o botão de alternância.
Escolha ter um fronteira comum em todos os lados das imagens ou você pode especificar o fronteiras separadamente para cada lado.
Especifique o largura da fronteira. Se estiver definido como 0, a borda não aparecerá. Você também tem a opção de definir a largura da borda individualmente para cada lado da imagem.
Selecione os Cor da margem do seletor de cores.
Selecione um preferido Estilo da Borda da lista suspensa.
Determinar o largura da borda para celular dispositivos, alinhando-o com a largura escolhida para desktop.

Alinhamento e Cor

Alinhar o conteúdo Na seção Título, na horizontal. Você pode definir o alinhamento para a esquerda, direita ou centro.
Alinhar o conteúdo Na seção Título, na vertical. Você pode definir se deseja alinhá-la na parte superior, inferior ou centralizada.
Selecione se deseja manter o Cor base (cor de fundo da caixa de texto) para Padrão ou Personalizada.
Se você escolheu Molduras por Medida Para a cor base, você tem a opção de selecione a cor de fundo. Você também pode especificar o opacidade da cor base.

Tamanho e espaço

Especifique o Largura da imagem para a imagem do bloco de título.
Especifique o Largura do conteúdo para o texto do bloco do título.
Especifique o Espaço ou sobreposição entre o cartão de texto e a imagem. (no %).
Especifique o Espaço abaixo do título (no %).
Especifique o Espaço abaixo do subtítulo (no %).

Texto

Clique no Alterar Estilo do Texto botão para visitar o Design seção e gerencie seus tamanhos e estilos de fonte.
Colocou o Título Estilo de fonte para a seção do bloco de título.
Colocou o Legenda Estilo de fonte para a seção do bloco de título.
Definir o padrão Descrição Estilo de fonte para a seção do bloco de título.
Ative esta opção para animar quaisquer números presente no Título e Legenda campos. Quando ativada, os valores numéricos aparecerão com uma animação de contagem dinâmica, tornando-os visualmente mais atraentes.

Botões e links

Você pode adicionar diferentes tipos de botões à seção Título. São eles:

Botão normal (1) Botão de imagem (2), e Botão do ícone (3).

Especifique o Espaço entre diferentes botões/links.
Especifique o Espaço acima do botão/links dentro do cartão de texto.
Colocou o Largura do botão dentro do cartão de texto.

Tamanho do botão

Defina o tamanho de Botão normal. Você pode escolher entre três opções: Pequeno, Médio e Grande.
Especifique o Altura do botão de imagem em pixels.
Colocou o Tamanho do botão do ícone em pixels.

Colocou o Tipo de ícone para o botão de ícone.
Escolha o Color Style Para o ícone dentro do botão. Você pode selecionar a cor da marca do ícone ou especificar qualquer cor de sua escolha.
Colocou o Cor do ícone do botão Ícone. Você verá essa opção somente quando ativar. Cor Selecionada (28) opção.
Se você selecionou Molduras por Medida Na etapa anterior (29), você pode definir o seu cor preferida para o ícone dentro do botão.
Selecione os Cor de fundo para o botão de ícone.

Veja como funciona o Corner Radius:

Não consegue encontrar o que procura?

Entre em contato com um especialista da Pixpa.

Contato