Como postar fundo no blog wordpress

Como postar fundo no blog wordpress
4.48 (89.7%) 464 votes

Recebi alguns emails de pessoas perguntando como fazer para postar fundo ou background no blog wordpress, e resolvi escrever esse artigo para responder essas perguntas.

Postar ou publicar um artigo com um fundo é muito fácil, e depois de ler esse post você vai concordar comigo, tenho certeza disso.

Quando você quiser inserir um fundo específico em seu post, vá na aba HTML – note que estou subentendendo que você já está logado em seu painel e está na tela de criação de post no wordpress – e digite o seguinte.

<div style="background-color:#3399ff">

Aqui vai o conteúdo de seu post ...

</div>

Viram como é simples, no exemplo acima estou alterando a cor de fundo do post, mas você pode fazer qualquer alteração via aplicação de estilos. Vamos ver alguns exemplos:

Mudar a cor do texto no blog wordpress:

<div style="color:#3399ff">

Aqui vai o conteúdo de seu post ...

</div>

Em color você pode fazer como eu fisso, colocar o código RGB em hexadecimal precedido do símbolo#, ou também utilizar o nome da cor específica em inglês, como por exemplo: blue, green, black, white, yellow, orange, pink, purple, red, etc.

Colocar imagem de fundo (background) no post blog wordpress:

<div style="background-image:url(http://trippcrosby.files.wordpress.com/2008/07/filet-mignon-ck-491665-l.jpg);">

Aqui vai o conteúdo de seu post ...

</div>

Por padrão a imagem de fundo será repetida, mas você pode impedir via css, veja:
– para não repetir a imagem: background-repeat:no;
– para repetir a imagem somente na horizontal: background-repeat: repeat-x;
– para repetir a imagem somente na vertical: background-repeat: repeat-y;

Viram como é simples, usando divs e css sobre pode personalizar bastante um artigo e diferenciar ele de outro. Não há limite para a quantidade de divs que você pode utilizar em um mesmo post, portanto use sua criatividade.

Até mais.

2 respostas a Como postar fundo no blog wordpress

  • Valeu Anderson, era isso que estávamos procurando ha um bom tempo.
    Abraços.

  • Lamentavelmente, não deu certo.
    Após alterar o HTML ,a imagem é mostrada na seção de EDIT, no “VISUAL”, como imagem de fundo realmente.
    Mas após a publicação do post, ela desaparece.
    Haveria alguma forma ?
    Grato

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *