Texto Com Fundo

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.

  1. Crie uma página ou edite uma existente.
  2. 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.
  3. Marque a caixa Largura total para um texto com plano de fundo que se estende até o comprimento da página.
  4. 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.
  5. 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.
  6. Selecione a quantidade de preenchimento desejada acima e abaixo do texto usando o menu suspenso Espaço ao redor do conteúdo.
  7. 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
  8. 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
  9. Salve.

  1. Crie uma página ou edite uma existente.
  2. 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.
  3. Deixe a caixa Largura total desmarcada para um Texto com plano de fundo que se estende até o comprimento do painel de menu.
  4. 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.
  5. 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.
  6. Selecione a quantidade de preenchimento desejada acima e abaixo do texto usando o menu suspenso Espaço ao redor do conteúdo.
  7. 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.
  8. 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
  9. 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.

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.