Novas funções(functions) do WordPress 2.8

2

Criado por Mateus Souza em 23 de julho de 2009 às 16:21

Wordpress 2.8Hoje vou trazer um pouquinho das novidades do wordpress 2.8, mais antes disso quero dar a minha avaliação sobre essa nova versão:
Realmente melhorou muito, algumas novidades são bastante úteis como,  melhor gerenciamento de tags, adição de novos temas sem necesisdade de ftp (basta ter o zip, fazer o upload e depois é só alegria) e muito mais. Pra mim a função de maior revelância foi a parte de plugins, buscar e instalar novos plugins rapidamente realmente merece destaque.Éé claro que isso também é possivel com templates/temas, mais convenhamos,  não vou trocar o template toda hora…com o plugins é mais bacana pois podemos incrementar nosso website.
Pontos que deixaram a desejar também há, vou falar somente um. Quando você arasta um widgte para a sidebar ele automaticamente salva mais não exibe nenhum alerta, o mesmo acontece quando se altera um widget. De qualquer modo parabéns a equipe do wordpress…

Voltando para as novas função do wordpress 2.8 mais especificamente para o desenvolvimento de templates, existem algumas functions bacanas e que vem a calhar, dentre as que eu conheço vou falar sobre:

  1. body_class(); Function
  2. is_page ou is_page_or_sub(); Function
  3. is_category_or_sub Function
  4. Talvez mais…

Vai ser muita coisa então vou dividir em partes pra não ficar cansativo. Hoje vamos falar sobre a function body_class();.

Function body_class();.

Funciona basicamente assim, cada pagina tera uma classe que a identifica, exemplo:

<body class="single postid-64">

ou seja, uma pagina com 2 classe para maior manipulação. Mais pra que isso você pode me perguntar…é mais para personalização com css, neste exemplo podemos criar um fundo(background) diferente para as paginas de posts (single) ou então somente para o post de numero 64.
outro exemplo desta função seria para usuarios registrados, ficaria algo mais ou menos assim:

<body class="single postid-64 logged-in">

confira a lista completa de possibilidades:

  • rtl
  • home
  • blog
  • archive
  • date
  • search
  • paged
  • attachment
  • error404
  • single postid-(id)
  • attachmentid-(id)
  • attachment-(mime-type)
  • author
  • author-(user_nicename)
  • category
  • category-(slug)
  • tag
  • tag-(slug)
  • page
  • page-parent
  • page-child parent-pageid-(id)
  • page-template page-template-(template file name)
  • search-results
  • search-no-results
  • logged-in
  • paged-(page number)
  • single-paged-(page number)
  • page-paged-(page number)
  • category-paged-(page number)
  • tag-paged-(page number)
  • date-paged-(page number)
  • author-paged-(page number)
  • search-paged-(page number)

Como usar esta função?

Antes de mais nada, precisamos localizar a tag body em nosso template, geralmente fica no arquivo header.php, feito isso subistitua <body> por:

<body <?php body_class(); ?>>

salve o arquivo e pronto, nossa função ja está funcionando.

Usando estilos dinâmicos – CSS

Geralmente quando vamos fazer o css de um website fazemos assim:

body{
background: #dddddd;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
color: #1c1d21;}

Agora considere o seguinte, supondo que o a classe gerada seja uma página de post, logo será .single. O que temos que fazer:

body.single{
background: #aaaaaa;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
color: #1c1d21;
}

Neste exemplo eu somente mudei o fundo de #dddddd para #aaaaaa…lembrando que o backgroud com a cor #aaaaaa aparecerá somente nas paginas de post. Pegou o espírito da coisa? fácil não?

Espero que tenham entendido, qualquer dúvida é só perguntar, até a próxima.

Postado em Tutoriais, Wordpress

Feed Comentários - RSS 2.0 | Trackback

Gostou? Então compartilhe já:

DeliciousDesign BumpDiggFriendfeedGoogleGoogle BuzzLinkedinMyspaceNetvibesPosterousRedditRSSStumbleuponTechnoratiTumblrYahoo Buzz

2 Comentários

  1. Hugo Luis disse:

    Muito bom mesmo..
    Parabéns amigo Mateus, pela sua belíssima atuação em seu tutorial explicando uma das funções designadas que o wordpress 2.8 está trazendo =]
    visto que como sempre a equipe do wordpress cada vez mais inovando.

    31 de julho de 2009 às 14:42

  2. Felipe Marcelino disse:

    Valeu pelas dicas cara …
    tava me batendo um pouco pra mudar o body das outras páginas … ai vi aqui q faltava colocar isso no header …<body >

    Abraços Obrigado e sucesso

    24 de novembro de 2009 às 10:32

Faça um Comentário

XHTML: Você pode usar essas tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Uhull, 120 assinantes feed e 51 seguidores no twitter.

Feed Feed E-mail Twitter Facebook

Linha Framework Code Canyon Theme Forest

Comentários

  • Mateus Souza disse:

    Link arrumado Guilherme, obrigado pelo aviso!

  • Mateus Souza disse:

    Boa André, por essa nem eu esperava, hehe. Grande sacada mesmo, vlw :)

  • Mateus Souza disse:

    Concerteza Leandro, bloquear ie6 é uma decisão um tanto que difícil depedendo do caso. Vlw pelo comment!!!

  • Piero Di Carlo Dalla-Bona disse:

    Parabéns pelo Post!Super claro e didático.Abração, Piero.

  • Catinha disse:

    Valeu! Tentei fazer com tutoriais de outros sites, mas só com este consegui. Obrigadão por compartilhar conosco. Deus continue te abençoando!

© 2010 Mateus Souza – Webdesigner (Deus Seja Louvado) | Posts (RSS) | Comentários (RSS). | powered by WordPress e Linha Framework :P

diHITT - Notícias BlogBlogs.Com.Br