Añadir clases a categorías o páginas especificas en wordpress

Publicado por Nikko el dia 22 Jan 2010 - Guardado en WordPress, Wp-Hack Leido 930 Veces

wphack

La llegada de WordPress 2.8 proporciona una etiqueta nueva , body_class. Esta función le proporciona al elemento del cuerpo diferentes clases, que le da la posibilidad de utilizarlo de manera eficaz con CSS.
Si tienen algunos proyectos basados en wordpress, donde la elección no fue precisamente porque intentaban montar un blog, sino más bien desarrollar una web corporativa que sea fácil de administrar por un cliente. Puede que les interese personalizar ciertas secciones por las que se encuentre navegando un usuario, sean estas páginas especificas o diversas categorías. No hay una solución integrada en wordpress para realizar esto, pero una buena solución en PHP.

PHP:
<?php if (is_home()) { ?>
<body id="home">
<?php } else if (is_category('articles')) { ?>
<body id="articles">
<?php } else if (is_category('offers')) { ?>
<body id="offers">
<?php } else if (is_category('general')) { ?>
<body id="general">
<?php } else if (is_page('about us')) { ?>
<body id="about">
<?php } else if (is_page('contact us')) { ?>
<body id="contact">
<?php } ?>

Se asignará un id a la etiqueta dependiendo de la página o la categoría que el usuario está viendo. Ahora podemos centrarnos en las páginas específicas, modificando diversas cosas del diseño con CSS.

CSS:
body#offers p { color: red; }
body#about p { color: green; }
body#contact p { color: black; }

Mas informacion inspectelement

Publicado por Nikko

Soy un diseñador y desarrollador web situado en la Patagonia Argentina. Disfruto testear y conocer nuevos scripts, además de experimentar nuevas técnicas tanto en impresión como en desarrollo web. Como propietario de Patagonia Creative, divido mi tiempo entre la empresa, trabajos para Pymes, ONG y Gob. ////////// Facebook / linkedin / xing

Nikko ha publicado 1142 posts en Xyberneticos - Leer todos mis articulos Nikko

  1. [...] This post was mentioned on Twitter by Andrés Nieto and Tomeu Cabrer, Argentina Feeds. Argentina Feeds said: [Xyberneticos] Añadir clases a categorías o páginas especificas en wordpress http://bit.ly/8wEstR [...]

  2. Adriana - Gravatar

    Adriana

    22-01-2010

    Permalink

    Gracias !!! es lo que andaba buscando hace tiempo, me va a venir muy bien para darle un poco más de vida a mi blog, un saludo !!

  3. luchosar - Gravatar

    luchosar

    22-01-2010

    Permalink

    Osea...que una pagina web diseñada en dremweaver por ejemplo, colocando este codigo, puedo mostrar informacion de mi blog en el index de mi pagina?
    mundocrea1@hotmail.com



Nombre: (Necesario)

E-mail: (Necesario)

Website:

Escribe tu comentario: