O texto com elementos de página de plano de fundo contém conteúdo que pode abranger toda a largura da página ou até o tamanho do conteúdo dentro da página. Você pode personalizar a cor de fundo, bem como selecionar entre alguns padrões selecionados, se desejar.
Como Criar Texto Com Plano de Fundo
O texto com o elemento de página de fundo tem duas opções de exibição: largura total e largura do conteúdo.
- Crie uma página ou edite uma existente.
- Role até a parte inferior da página e selecione Adicionar texto com plano de fundo. Isso criará uma faixa de cor sólida que se estende por toda a página.
- Marque a caixa Largura total para um texto com plano de fundo que se estende até o comprimento da página.
- O menu suspenso Cor do plano de fundo permite que você personalize a cor do elemento da página Texto com plano de fundo. As cores de amostra são mostradas nas amostras abaixo.
- Observação: Ao personalizar a cor de fundo do elemento da página, certifique-se de que o texto tenha contraste adequado com a cor de fundo para garantir clareza e acessibilidade a todos os visitantes.
- Os padrões de fundo são úteis para adicionar estética ao seu site. Eles podem ser personalizados por meio do menu suspenso Padrão de plano de fundo. Certifique-se de que o Padrão de plano de fundo selecionado não interfira na cor e na clareza do texto em seu Wrapper.
- Selecione a quantidade de preenchimento desejada acima e abaixo do texto usando o menu suspenso Espaço ao redor do conteúdo.
- Adicione texto na Área de Texto.
- Dica: O texto branco aparecerá como branco e não contrastará na área de texto do wrapper. Pode ser útil editar seu texto usando o elemento Source mostrado na barra de ferramentas do editor acima
- Selecione Opções adicionais para qualquer personalização adicional.
- Espaçamento inferior: selecione a quantidade desejada de espaço na parte inferior do elemento da página Texto na mídia antes que o próximo elemento seja exibido
- Salve.
- Crie uma página ou edite uma existente.
- Role até a parte inferior da página e selecione Texto com plano de fundo. Isso criará uma faixa de uma cor sólida que se estende até o comprimento do painel do menu.
- Deixe a caixa Largura total desmarcada para um Texto com plano de fundo que se estende até o comprimento do painel de menu.
- O menu suspenso Cor do plano de fundo permite que você personalize a cor do elemento da página Texto com plano de fundo. As cores de amostra são mostradas nas amostras abaixo.
- Observação: Ao personalizar a cor de fundo do elemento da página, certifique-se de que o texto tenha contraste adequado com a cor de fundo para garantir clareza e acessibilidade a todos os visitantes.
- Os padrões de fundo são úteis para adicionar estética ao seu site. Eles podem ser personalizados por meio do menu suspenso Padrão de plano de fundo. Certifique-se de que o Padrão de plano de fundo selecionado não interfira na cor e na clareza do texto em seu Wrapper.
- Selecione a quantidade de preenchimento desejada acima e abaixo do texto usando o menu suspenso Espaço ao redor do conteúdo.
- Adicione texto na Área de Texto.
- Dica: O texto branco aparecerá como branco e não contrastará na área de texto do wrapper. Pode ser útil editar seu texto usando o elemento Source mostrado na barra de ferramentas do editor acima.
- Selecione Opções adicionais para qualquer personalização adicional.
- Espaçamento inferior: selecione a quantidade desejada de espaço na parte inferior do elemento da página Texto na mídia antes que o próximo elemento seja exibido
- Salve.
Dica adicional: Os elementos de página Texto com plano de fundo usados em sucessão podem ser úteis para criar conteúdo que aparece em camadas e podem ser visualmente mais atraentes do que as áreas de texto.
Links Úteis
Palavras-chave
wrapper de fundo, largura total
Possíveis Combinações de Cores e Padrões
Background Color: Arizona Red
Background Color: None
Background Color: Arizona Blue
Background Color: Sky
Background Color: Oasis
Background Color: Azurite
Background Color: Midnight
Background Color: Bloom
Background Color: Chili
Background Color: Cool Gray
Background Color: Warm Gray
Background Color: Gray 100
Background Color: Gray 200
Background Color: Gray 300
Background Color: Leaf
Background Color: River
Background Color: Silver
Background Color: Ash
Background Color: Mesa
Background Color: None
Background Pattern: Triangles Left
Background Color: Arizona Red
Background Pattern: Triangles Left
Background Color: Arizona Blue
Background Pattern: Triangles Left
Background Color: Sky
Background Pattern: Triangles Left
Background Color: Oasis
Background Pattern: Triangles Left
Background Color: Azurite
Background Pattern: Triangles Left
Background Color: Midnight
Background Pattern: Triangles Left
Background Color: Bloom
Background Pattern: Triangles Left
Background Color: Chili
Background Pattern: Triangles Left
Background Color: Cool Gray
Background Pattern: Triangles Left
Background Color: Warm Gray
Background Pattern: Triangles Left
Background Color: Leaf
Background Pattern: Triangles Left
Background Color: River
Background Pattern: Triangles Left
Background Color: Silver
Background Pattern: Triangles Left
Background Color: Ash
Background Pattern: Triangles Left
Background Color: None
Background Pattern: Triangles Centered
Background Color: Arizona Red
Background Pattern: Triangles Centered
Background Color: Arizona Blue
Background Pattern: Triangles Centered
Background Color: Sky
Background Pattern: Triangles Centered
Background Color: Oasis
Background Pattern: Triangles Centered
Background Color: Azurite
Background Pattern: Triangles Centered
Background Color: Midnight
Background Pattern: Triangles Centered
Background Color: Bloom
Background Pattern: Triangles Centered
Background Color: Chili
Background Pattern: Triangles Centered
Background Color: Cool Gray
Background Pattern: Triangles Centered
Background Color: Warm Gray
Background Pattern: Triangles Centered
Background Color: Leaf
Background Pattern: Triangles Centered
Background Color: River
Background Pattern: Triangles Centered
Background Color: Silver
Background Pattern: Triangles Centered
Background Color: Ash
Background Pattern: Triangles Centered
Background Color: None
Background Pattern: Triangles Right
Background Color: Arizona Red
Background Pattern: Triangles Right
Background Color: Arizona Blue
Background Pattern: Triangles Right
Background Color: Sky
Background Pattern: Triangles Right
Background Color: Oasis
Background Pattern: Triangles Right
Background Color: Azurite
Background Pattern: Triangles Right
Background Color: Midnight
Background Pattern: Triangles Right
Background Color: Bloom
Background Pattern: Triangles Right
Background Color: Chili
Background Pattern: Triangles Right
Background Color: Cool Gray
Background Pattern: Triangles Right
Background Color: Warm Gray
Background Pattern: Triangles Right
Background Color: Leaf
Background Pattern: Triangles Right
Background Color: River
Background Pattern: Triangles Right
Background Color: Silver
Background Pattern: Triangles Right
Background Color: Ash
Background Pattern: Triangles Right
ckground Color: None
Background Pattern: Trilines
Background Color: Arizona Red
Background Pattern: Trilines
Background Color: Arizona Blue
Background Pattern: Trilines
Background Color: Sky
Background Pattern: Trilines
Background Color: Oasis
Background Pattern: Trilines
Background Color: Azurite
Background Pattern: Trilines
Background Color: Midnight
Background Pattern: Trilines
Background Color: Bloom
Background Pattern: Trilines
Background Color: Chili
Background Pattern: Trilines
Background Color: Cool Gray
Background Pattern: Trilines
Background Color: Warm Gray
Background Pattern: Trilines
Background Color: Leaf
Background Pattern: Trilines
Background Color: River
Background Pattern: Trilines
Background Color: Silver
Background Pattern: Trilines
Background Color: Ash
Background Pattern: Trilines
Dicas:
- Os elementos de página Texto com plano de fundo usados em sucessão podem ser úteis para criar conteúdo que aparece em camadas e podem ser visualmente mais atraentes do que as áreas de texto.
- Qualquer elemento de largura total empurrará os menus da barra lateral para baixo abaixo do conteúdo. Se você quiser usar a opção de largura total em uma página que usa menus ou blocos da barra lateral, é melhor usá-la na parte superior da página.