Suporte » Questões avançadas » Como colocar Banner no titulo

  • Olá

    Depois de tantas voltas pela internet a procura da resolução do meu problema, venho numa outra postar aqui a minha dúvida.

    Tenho um blog wordpress a algum tempo, usava a theme que vem por predefinição com a versão 3.0.1, só que decidi recentemente fazer uma remodelação de visual, instalei uma nova theme de nome “blogum”, uma theme minimalista, só que, queria colocar um banner no lugar do Titulo do blog, o que não estou a conseguir, não sei qual a página que devo modificar e qual o código que lá devo colocar, as únicas coisas que encontrei na minha pesquisa foi como adicionar uma imagem ao titulo de um post, o que não me interessava, será que alguém me pode dar uma ajuda? Estou um pouco enrrascado com isto, porque precisava de ter o blog pronto a tempo para iniciar outros trabalhos, e isto está-me a atrasar um pouco.

    Blog: Cappuccino

    Muito obrigado (a) pela atenção:
    Nuno Coutinho

A visualizar 6 respostas - de 1 a 6 (de um total de 6)
  • Tem mesmo que ser no título ou pede ser no header todo, deixando o titulo onde está?

    Há varias maneiras de o fazer dependendo do que queres exactamente.

    a maneira mais simples é simplesmente modificares os estilos dos elementos já existentes.

    Então para isso editarás apenas o style.css sem entrares no PHP do tema.

    Pegas numa imamgem ao teu gosto e fazes upload pelo menu Media na coluna esquerda do WP. Copias o link para a mesma e gravas.

    Para meteres uma imagem como fundo do header todo (recomendado)
    fazes um crop com 940×166 da tua imagem

    .header {
    	background-image:url(http://o/caminho/completo/para/a/imagem.jpg);
    }

    Ou para meteres uma imgem apenas como fundo do título:

    .header h1{
    	height:999px; /* ajusta este valor */
    	width:999px; /* ajusta este valor */
    	background-image:url(http://o/caminho/completo/para/a/imagem.jpg);
    }

    Ou tens o melhor dos dois mundos que é meter uma imagem no fundo do header e um logotipo no titulo, o que podes fazer assim:

    .header {
    	background-image:url(http://o/caminho/completo/para/a/imagem.jpg);
            position:relative;
    }
    
    .header h1{
    	height:999px; /* ajusta este valor */
    	width:999px; /* ajusta este valor */
    	background-image:url(http://o/caminho/completo/para/o/logotipo.jpg);
            position:absolute;
            top:10px; /* ajusta esta coordenada */
            right:10px; /* ajusta esta coordenada */
    }

    Testa e diz-me qqr coisa.

    MAC 🙂

    Thread Starter Nuno Coutinho

    (@nuno-coutinho)

    Olá obrigado pela resposta,

    Eu usei o primeiro de código, para meter como fundo do header, coloquei o código e ficou lá o banner, precisava de uns ajustes, mas depois experimentei outro código que não funcionou e voltei a colocar o primeiro, e já não funcionou. Mas é o primeiro código que fica bem. Não sei porque é que depois não deu outra vez.

    No entanto depois fica lá um traço, que pertence ao titulo do blog que não consigo tirar, secalhar é o logotipo da theme.

    Thread Starter Nuno Coutinho

    (@nuno-coutinho)

    Agora fiz uma nova experiência, coloquei o código já com a imagem inserida antes de : “/*** Header ***/´ “, e o que acontece é que ele insere a imagem mas corta mais de metade da imagem na sua altura. Se colocar depois do código: “/*** Header ***/´ “, não acontece nada, a imagem não aparece.

    Não consigo perceber porque é que isto acontece.

    Nuno

    A ordem das instruções de CSS é importante, uma vez que as ultimas instruções substituem as predecentes (cascading).

    Posto isto deverás inserir os blocos de código que te envio, no final da secção /*** Header ***/ depois de todo o codigo que lá está (para suplantar o que está atrás)

    O “-” do titulo está provavelmente a vir do título do blog.
    Se queres esconder o título completmente acrescenta:

    .header h1 a{
    	display:none;
    }

    MAC

    Thread Starter Nuno Coutinho

    (@nuno-coutinho)

    Olá,

    Eu sei que já estou a ser demasiado chato, consegui finalmente por lá o banner e tirar o titulo como queria, mas o que acontece agora é que só aparece um bocadinho do banner, alguma maneira de conseguir resolver isto? Desculpe o incomodo mais uma vez, mas nisto do wordpress apesar de já ter tido vários blogs e fazer algumas modificações neles ainda tenho algumas dúvidas, não penso que só venho cá perguntar, primeiro pesquiso mas o que encontro é pouco esclarecedor.

    Mais uma vez peço imensas desculpas pelo incomodo.7
    Obrigado

A visualizar 6 respostas - de 1 a 6 (de um total de 6)
  • O tópico ‘Como colocar Banner no titulo’ está fechado a novas respostas.