Criando CSS diferente para cada post.
Postado por Carlos em 22/03/08 às 6:59 pm e arquivado em Dicas e tutorias
Um truque bem interessante e que poucos sabem é a possibilidade de personalizar a pagina dos posts de acordo com a categoria selecionada. Por exemplo: Você quer os posts da categoria CINEMA estejam com o texto na cor laranja e fundo preto, MAS, também quer que os posts da categoria ANIMES estejam com o texto branco e o fundo vermelho.
É simples. O recurso usado é o mesmo postado neste artigo e recomendo a leitura dele antes.
Primeiro crie um arquivo CSS para categoria que deseja ser mudada e envie para a pasta do seu tema. Ex: cinema.css, anime.css. Lembrando que este arquivo deve ter as alterações no css especificadas.
Abra o arquivo single.php do seu tema, que é o responsável pela página dos posts e insira este código logo no começo do arquivo, fora do loop, na primeira linha preferência:
<?php if ( in_category(10) ) { //Onde 10 é a ID da categoria CINEMA?>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/cinema.css" type="text/css" media="screen" />
<?php } ?>
<?php if ( in_category(19) ) { //Onde 19 é a ID da categoria ANIMES?>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/animes.css" type="text/css" media="screen" />
<?php } ?>
Notando que onde 10 e 19 são respectivamente as IDs das categorias Cinema e Animes, claro que você deverá alterar de acordo com a sua necessidade.
Entendendo:
Sempre que as categorias Cinema ou Animes forem marcadas no post, o WordPress irá carregar o arquivo CSS correspondente. Ou seja, quando um post estiver na categoria Animes, será carregado o arquivo animes.css…
Espero que tenham gostado, t+!
Tags:css,personalizaçãoPosts relacionados
- Simple Blue Magazine
- Criando uma imagem (thumbnail) para cada post [sem plugins]
- 3 maneiras diferentes de customizar a função the_excerpt
- Criando uma lista de posts randômicos
- Promoção de páscoa!! Ganhe um Pen Drive de 2GB!
Comentários - ( 5 )
Edmundo Filho
Enviado em
22/03/08
E se eu quiser mudar a página inteira tal qual o site da IG que tem uma página personalizada para cada categoria? Teria que apenas modificar a folha de estilo ou teria algo a mais para se fazer?
Klawdyo
Enviado em
22/03/08
Ei, mas essa condicional tem que ficar dentro do loop, né?
Outra coisa, seria legal que tu colocasse aquele plugin 'subscribe to comments'. Eu nunca me lembro em quais posts em comentei, então sempre fico sem a resposta.
admin
Enviado em
22/03/08
dentro do loop…
Vou instalar este plugin em breve.
@ Edmundo Filho,
Para fazer uma categoria diferente da outra usando CSS diferente basta usar o mesmo código no category.php
Glaudson
Enviado em
04/05/08
Nossa, muuuuuuuuuutissimo obrigado, Ótimo post! Vo usar, sem um pingo de dúvida.
Obrigado, Deus te abençoe
Jhoni
Enviado em
21/05/08
Eu quero colocar um post que nem esse!!
onde as pessoas possam postar no meu site!!!!!
Populares
- Criando um Slide Show de imagens com o WordPress [SEM PLUGINS]
- FAQ para iniciantes
- 3 maneiras diferentes de customizar a função the_excerpt
- Explorando as Template Tags
- Criando uma imagem (thumbnail) para cada post [sem plugins]
MrWP » Free Themes
BB Clean Theme
Simple Blue Magazine