it-swarm-es.com

Estilos personalizados para las páginas de categoría

¿Hay una manera de hacer que los estilos en una página aparezcan de manera diferente para ciertas categorías, al ver una página que es solo de esa categoría?

1
GSto

@EAMann tiene una gran respuesta si desea diferentes diseños para diferentes categorías. OTOH si solo desea cambiar el CSS para, por ejemplo, tener un color de fondo diferente para cada categoría , verá que la mayoría de los temas incluirán la barra de categoría como un CSS clase en el elemento <body> y/o posiblemente otros elementos HTML que son generados por el tema. (E incluso si tu tema no lo hace, siempre puedes agregar esa funcionalidad tú mismo).

Por ejemplo, el tema TwentyTen hace exactamente eso; para la siguiente URL:

http://example.com/category/category-1/

Así es como se ve el elemento <body>:

<body class="archive category category-category-1">

Sabiendo lo anterior, podría agregar los siguientes estilos al archivo style.css de su tema para tener diferentes fondos de color para cada página (estoy siendo muy simplista aquí, por supuesto; su CSS real sería más sofisticado):

/* style.css */
body.category-category-1 {
  background-color: red;
}
body.category-category-2 {
  background-color: green;
}
body.category-category-3 {
  background-color: blue;
}

Todo lo que realmente necesita hacer es averiguar si su tema hace esto o no es ver la fuente en las páginas de categoría de interés y buscar su babosa de categoría.

Use un tema infantil

Por supuesto, es probable que no quieras modificar el style.css de tu tema; probablemente desee crear un Tema secundario en su lugar. Aquí hay algunas respuestas donde hablo sobre temas infantiles:

Tenga en cuenta que no todos los temas son compatibles con temas infantiles, siendo Thesis un ejemplo notable. En el caso de esos temas, tendrás que investigar más sobre cómo se extienden.

4
MikeSchinkel

Si lo desea, puede tener una plantilla diferente para cada categoría con su propio conjunto de definiciones de estilo. Luego puede aplicar un estilo diferente a la página para ciertas categorías, pero solo al ver una página que es solo de esa categoría.

Solo usa estos en tu tema:

  1. category-slug.php
  2. category-ID.php
1
EAMann

Lo que dijo Eric. Pero si solo desea cambiar el estilo, y no el marcado, hay una manera más fácil. Siempre que su tema incluya la llamada body_class () en la etiqueta de apertura del cuerpo, WP agregará todo tipo de enlaces CSS útiles a su página. El marcado predeterminado agregará las siguientes clases al elemento del cuerpo en un archivo de categoría:

  • archivo
  • categoría
  • babosa de categoría

que puedes estilizar como quieras. Una gran cantidad de marcos temáticos agregarán aún más ganchos útiles a tu clase de cuerpo, aunque algunos de ellos no puedo ver los casos de uso del mundo real para.

0
goldenapples