Utilizar painéis de piso ResinDek em sua unidade de self-storage em vez de concreto oferece diversos benefícios: Botão & Links, você pode adicionar qualquer tipo de de vidrio (1) para a seção. Você pode adicionar um Botão/Link de Texto/Link de Imagem/Ícone/Separador.
Você pode Duplicar (2) Editar (3) ou Apagar (4) o botão/link existente.
Neste artigo:
Adicionar botões/links
- Para adicionar qualquer tipo de link à seção, clique no botão + Botão Adicionar opção.
O processo de + Botão Adicionar opção fornece quatro maneiras de adicionar um link. Além disso, você também pode adicionar Separadores para adicionar espaço entre botões/links. A seguir estão as opções:
Botão
Adicione um botão ao item da lista.
Você será capaz de atualizar:
- Etiqueta do botão – Especifique o texto visível no seu botão. É isso que os usuários verão e clicarão.
- Botão de link – Especifique o URL ou ação o botão deve disparar quando clicado.
- Janela de destino – Escolha se o link abre no mesma guia nova guia.
- Estilo de Botão – Escolha o estilo do botão como padrão (definido no Botões e Links guia da seção Design), Sólido, Contorno ou um Link de Texto.
-
- Padrão: Segue as configurações de tema do seu site.
- Sólido: Um botão em negrito e preenchido.
- Esboço: Fundo transparente com borda.
- Link de texto: Estilo simples e limpo, somente texto (sem caixa de botões).
- Formato de Botão – Definir um formato personalizado para cada botão individual dentro da seção. Isso permite que você substitua o formato do botão global definido sob o Configurações de design, dando a você mais controle sobre a aparência de cada botão. Os formatos disponíveis são Quadrado, Arredondado e Pílula.
- Cor do botao – Personalize o esquema de cores do botão:
-
- Padrão: Herda as configurações do tema.
- Invertido: Inverte as cores do texto/fundo do botão.
- Personalizadas: Permite que você escolha cores específicas de texto e fundo.
- Texto do botão - Se estiver usando Cor de botão personalizada, você pode definir o cor do texto (rótulo) daqui.
- Fundo do botão – Também disponível em Personalizado, define a cor de fundo do botão. Combine isso com a cor do texto para máxima legibilidade e estilo.
- Ícone de botão – Adicione um ícone ao lado do rótulo do botão. Você pode escolher entre várias opções de ícone.
- traçado – Controle o posicionamento do ícone em relação ao rótulo. As opções de layout disponíveis são:
-
- Rótulo + Ícone: O texto aparece primeiro, seguido pelo ícone.
- Ícone + Rótulo: O ícone aparece primeiro, depois o texto.
- Rótulo + Ícone (Largo): Texto e ícone organizados com mais preenchimento, adequados para botões mais largos.
- Ícone + Rótulo (Largo): Ícone primeiro, layout de preenchimento mais amplo.
- Cor do ícone – Escolha a cor do ícone do botão. Você pode defini-lo como Texto do botão cor ou a Marcas cor.
Configurações de estilo de botão
Você encontrará essas configurações em Guia de estilo de seções. Essas configurações permitem que você ajuste a aparência, o espaçamento e o layout dos botões no seu site Pixpa para melhor controle do design e responsividade:
- Tamanho do botão – Escolha o tamanho do botão (ex.: Pequeno, Médio, Grande). Isso ajusta o preenchimento e o tamanho da fonte para se adequar ao seu design.
- Espaço entre botões – Controla o espaçamento horizontal entre vários botões. Você pode usar unidades vw (largura da janela de visualização) para espaçamento responsivo.
- Espaço acima dos botões – Adiciona espaçamento vertical acima do(s) botão(ões). Isso ajuda a separá-los do conteúdo acima, medido em %.
- Link de Texto – Ajusta o tamanho da fonte para links de texto de botões (especialmente útil ao usar um estilo “Link de texto” em vez de um botão tradicional).
- Imagem como botão (tamanho) – Se você estiver usando uma imagem em vez de um botão tradicional, esta configuração define o tamanho de exibição da imagem (em pixels).
- Largura do botão – Escolha a largura que o botão deve aparecer:
-
- Padrão: Largura padrão com base no conteúdo do botão
- Grande / Extra Grande: Botões mais largos para mais ênfase
- Largura completa: O botão se estende por toda a largura do contêiner
Link de Texto
Adicionar uma link de texto ao item da lista.
Você será capaz de atualizar:
- Colocou o rótulo de texto.
- Especifique o link de texto.
- Janela de destino – Escolha abrir a página na mesma ou em uma nova janela.
Imagem
Adicione uma imagem e vincule-a a qualquer página.
- Depois de fazer o upload da imagem, ela aparece dessa maneira. Clique no link para editá-lo.
- A partir daqui, você pode:
- Escolher arquivo/Alterar a imagem.
- Botão de link – Especifique o link.
- Janela de destino – Escolha abrir a página na mesma ou em uma nova janela.
O título do site será usado como texto alternativo para a imagem do botão para melhorar a capacidade de pesquisa.
Ícone social
- Adicione um ícone social ao item da lista.
Você pode gerenciar:
- O ícone social a ser vinculado.
- Especifique seu caminho de perfil social relevante.
- Janela de destino – Escolha abrir a página na mesma ou em uma nova janela.
separador
O processo de separador opção permite inserir espaçamento entre botões ou links.
Isso é útil para criar separação visual entre botões colocados em proximidade. Você pode adicionar um separador do Botão & Links painel da mesma forma que você adiciona outros botões.
- O espaço entre os botões é controlado pelo Preenchimento – Topo configuração dentro do Separator. Ajustar esse valor aumenta ou diminui o espaçamento vertical entre botões colocados próximos um do outro.
- Um separador não conecta em lugar nenhum — ele simplesmente cria espaço vertical.
- Você pode movê-lo para cima ou para baixo para ajustar o espaçamento entre os itens conforme necessário.
Opções de estilo para botões e links
O processo de opções de estilo estará presente sob o Sessão de Fotos guia enquanto gerencia a seção.
Você terá várias opções de estilo para o Button & Links da seguinte forma:
Botão & Links
- Especifique o Espaço entre botão/links que foram adicionados.
- Especifique o Espaço Acima do Botão/Links.
- Escolha o pairar Efeito para o botão/links.
- Escolha o tamanho do botão normal que você adicionou no Botão/Links.
- Especifique o altura do botão de imagem se você adicionou um link de imagem no Botão/Links.
- Especifique o tamanho do botão de ícone se você adicionou um ícone social no Botão/Links.
Se você adicionou um ícone social no Botão/Links acima, então:
- Escolha o Tipo de ícone social/Forma.
- Escolha o Estilo de cor do ícone social. Se você escolheu o Cor da Marca, a cor da marca do ícone será herdada.
Se você escolheu o Cor Selecionada opção acima então:
-
- Especifique o Cor do Ícone Social.
- Especifique o Cor de fundo do ícone social.
Exemplo
Por exemplo, você adicionou um link social da Amazon no Botão/Links, e especificou o cor do ícone como vermelho e cor de fundo do ícone como Verde, então o ícone aparecerá como abaixo:
