Alterar o titulo do post para uma imagem

Só para explicar mais um pouco, no seu caso o código deveria ser feito assim

h1.post-title{
background: url(../images/imagem-do-titulo.png) no-repeat 0px 0px;
display:block;
padding:5px 0px;
text-indent:-999em;
}

como no título tem um espaço entre os nomes, então são duas class diferentes e vc só deve usar uma quando fizer seu código css
post-title + super-heading

================================
Mas como vc quer uma imagem diferente para cada página, sugiro vc adicionar uma nova class para cada título de cada página, assim vc poderá personalizar cada página com sua imagem.

Então seguindo o que acabei de sugerir, deixei o título desta página assim, adicionando uma class especial para esta página.

<h1 class="post-title super-heading title-page-contato"><?php the_title() ?></h1>

e em seu css assim

h1.title-page-contato{
background: url(../images/imagem-do-titulo-para-contatos.png) no-repeat 0px 0px;
display:block;
padding:5px 0px;
text-indent:-999em;
}

Seguindo então esta idéia, sua página de clientes deve ficar assim

<h1 class="post-title super-heading title-page-clientes"><?php the_title() ?></h1>

e seu css adicione mais isso

h1.title-page-clientes {
background: url(../images/imagem-do-titulo-para-clientes.png) no-repeat 0px 0px;
display:block;
padding:5px 0px;
text-indent:-999em;
}

Repare agora só nos nomes das imagens dos códigos, vc terá que ter uma imagem distinta para cada título e criar o código com essa diferença para que cada página carregue corretamente a sua imagem ok.

Não se preocupe em ficar com dúvidas, é assim mesmo.

E me desculpe, cometi um erro em minha explicação, pois suas páginas são feitas com o mesmo arquivo page.php, então as classes css em seus títulos devem ser inseridas dinamicamente para que em cada página tenha uma class diferente e eu tinha me esquecido disso.

Então vamos as correções e explicações.
Em seu arquivo page.php coloque o seu título assim

<h1 class="post-title super-heading title-page-<?php echo sanitize_title( get_the_title() ); ?>"><?php the_title() ?></h1>
Isso criará uma class assim title-page-contato.

Se seu título for quem somos por exemplo, irá criar uma class assim title-page-quem-somos

========================
Agora em seu arquivo style.css vc coloca

h1.title-page-contato {
background: url(../images/imagem-do-titulo-para-contatos.png)no-repeat 0px 0px;
display:block;
padding:5px 0px;
text-indent:-999em;
}

Um código vai no page.php e o outro no style.css
Depois para personalizar as demais páginas vc só terá que adicionar o código css em seu arquivo style.css alterando o nome a class para o título que vc está usando e alterando a imagem como nos exemplos abaixo.

Para a página Quem somos

h1.title-page-quem-somos {
background: url(../images/imagem-do-titulo-para-quem-somos.png)no-repeat 0px 0px;
display:block;
padding:5px 0px;
text-indent:-999em;
}

Para a página clientes

h1.title-page-clientes {
background: url(../images/imagem-do-titulo-para-clientes.png)no-repeat 0px 0px;
display:block;
padding:5px 0px;
text-indent:-999em;
}

Para a página ETC

h1.title-page-etc {
background: url(../images/imagem-do-titulo-para-etc.png)no-repeat 0px 0px;
display:block;
padding:5px 0px;
text-indent:-999em;
}

Repare que os títulos podem ter espaços e Letras maiúsculas, mas as classes css serão geradas todas com letras minúsculas, com um – no lugar dos espaços e totalmente sem acentos.

Então veja os nomes que podem ter e como serão convertidos para as classes css.

Nome = Class
Portfólio = title-page-portifolio
Quem Somos = title-page-quem-somos
ETC = title-page-etc
Clientes = title-page-clientes

Se ainda ficar qualquer dúvida ou tiver problemas para acertar as imagens em seu lugar corretamente, entre em contato comigo que em meu tempo não muito livre kkkkkk lhe ajudo como puder.

[E-mail removido por um moderador]

• Esta resposta foi modificada 7 anos, 3 meses atrás por Claudio Sanches.

O burrinho aqui não soube escrever o próprio e-mail kkkkkk

o e-mail correto é [E-mail removido por um moderador] e prosseguimos por e-mail que ai vou formulando os códigos pelo seu código fonte e lhe passo já praticamente correto.

Para adiantar, só peço que coloque em seu arquivo page o código assim como está aqui abaixo, sem alterar nada mais ok.
<h1 class="post-title super-heading title-page-<?php echo sanitize_title( get_the_title() ); ?>"><?php the_title() ?></h1>
E em eu e-mail me passa as urls das imagens de cada título que assim que eu puder já faço as verificações e lhe passo o código.

• Esta resposta foi modificada 7 anos, 3 meses atrás por Claudio Sanches.