Dicas WordPress: Como inserir um banner na lateral do tema



A lateral ou coluna do WordPress é o lugar onde aparecem os links para as páginas, a lista das categorias e links externos, um lugar bastante útil pra se colocar um contador de visitas, banner publicitário ou até um mural de recados e por ser algo que não seja relativamente simples para muitos, estamos aqui para mostrar como inserir um banner nesta área, uma dica que várias pessoas já nos pediram para mostrar como fazer. Então vamos lá!.

1 – Faça o login no seu WordPress em seublog.com.br/wp-admin e após entrar no seu painel de controle, no lado esquerdo procure por “Aparência” e logo abaixo clique em “Editor”, conforme mostra a figura:
criar site

2 – A tela seguinte mostra no lado direito todas as páginas do seu tema WordPress. Ao clicar em uma dessas páginas, o código fonte referente a ela é mostrado na área central para que o usuário faça suas modificações. No nosso caso, como queremos modificar a lateral do WordPress, vamos procurar na lista pela página “lateral” ou “Sidebar” e clicar no nome:

criar site

3 – Com o código fonte da lateral aberto no navegador, desça até a última linha do código e procure pela tag “/div”, que geralmente é a última linha:

fazer site

4 – Aqui vai uma dica pessoal: no meu blog eu criei uma pasta chamada IMG no diretório raiz onde eu coloco algumas imagens para serem utilizadas em outras partes do blog.

Voltando à etapa 3, o código em vermelho “puxa” a imagem de onde ela está guardada e exibe ai, no final da barra lateral. No início deste código em vermelho eu optei por colocar um BR para dar um “Enter” e distanciar um pouco a imagem para baixo.

Depois é só clicar em ATUALIZAR e verificar no tema as mudanças.

Dúvidas? Vamos comentar!!

Posts relacionados:





Receba nossos artigos por email



You can leave a response, or trackback from your own site.


12 Responses to “Dicas WordPress: Como inserir um banner na lateral do tema”

  1. Rafael disse:

    Valew amigo ! gostei muito da dica . ate ja tinha falado com vc sobre isso lembra?é
    agora aprendi!

  2. Dalton disse:

    Pois é Rafael, e eu resolvi escrever sobre isso a partir da sua dúvida, pois é algo que muitos ainda tem dificuldade de fazer.

  3. Vitor disse:

    parabens parceiro otimo post, tirou uma grande duvida minha http://www.vitordesign.com.br

  4. Dalton disse:

    Vitor
    Na hora parceiro, estamos aqui para ajudar.

  5. Junior disse:

    Como eu faço pra colocar banner na barra lateral do minha home, usando o tema ClassiPress? fui tentar fazer desse jeito e nao funcionou, nao carregou o banner.

  6. Dalton disse:

    Júnior,
    O ClassiPress não permite banners na lateral, até porque ele não possui o arquivo sidebar.php, que é o arquivo da lateral. As alternativas para banners nesse tema são acima das categorias, ou abaixo dos anúncios, no final da página, blz?

  7. Tiago disse:

    Eu tentei fazer o que vc disse, mas não aparece Editor, só Editar CSS e ai diz que eu tenho que comprar um aprimoramento para salvar alterações… Não entendi, tem outro caminho? O tema atual é o black letterhead.

  8. Vitor disse:

    Amigão, eu utilizo o tema istudio no meu wp, tentei fazer o procedimento aqui, mas o banner foi para em baixo do rodapé, você tem a solução ?

  9. criar site disse:

    Olha Vitor, na maioria dos casos, esta dica minha resolve esta questão de colocar o banner na lateral, sem problema nenhum. E todos os temas WordPress seguem um padrão de marcação no html mas pode ser que algum tema possa ter algo de diferente, sabe, então nestes casos, só olhando mesmo no código pra saber, mas geralmente, resolve-se isso colocando o código da imagem em uma DIV mais acima ou abaixo.

  10. Camila disse:

    Olá,
    Estou montando um blog em plataforma wp e quero colocar na lateral o banner de parceiros, porém tenho 2 dúvidas:

    - Eu tenho que hospedar a imagem dos banners, ou posso copiar a url e só incluir no meu link?
    - Quando coloco a imagem do banner, obrigatoriamente aparece o nome do link, como deixo só a imagem sem o texto?

    Muito Obrigada!

    Camila

  11. Letícia disse:

    essa forma de colocar o banner lateral serve para trocar um já existente? Eu já tenho um banner na lateral, mas não fui eu quem colocou e agora quero mudá-lo e não sei como? Se puder me ajudar?
    Obrigada!

  12. criar site disse:

    Letícia, os banners podem ser inseridos diretamente no código como eu mostrei, ou através dos widgets do próprio wordpress. Teria que ver como foi o seu caso.

Leave a Reply












Seja bem-vindo ao nosso blog.
Se o assunto é criar site, você está no lugar certo. Aqui damos dicas preciosas sobre como criar site e blogs utilizando as mais modernas ferramentas online existentes no mercado. Confira nossos posts ao lado sobre criar site ou mais abaixo, na categoria Dicas para Criar Site Grátis.

Sobre o Criar Meu Site.com


O Criar Meu Site é um blog onde você encontra informações sobre como criar site grátis e blogs em diversas plataformas diferentes. Em nossos tutoriais, você confere no passo-a-passo como criar um site de maneira fácil e descomplicada, utilizando os melhores recursos grátis encontrado na web.

Na seção de gerenciadores de conteúdo, você encontra dicas sobre como criar um site em poucos passos, aproveitando a facilidade que muitas empresas de hospedagem oferecem com seus instaladores automáticos.

Fique à vontade! Se o assunto é criar site, você está no lugar certo! Criar Um Site Gratis
Powered by WordPress | Compare Credit Card Deals at iApplyForCreditCards.com | Thanks to BestInCreditCards.com, Video Game Music and Get Six Pack Abs