Tutorial Cambiar fondo de tu WEB según categoría o etiqueta en WORDPRESS.

¿Sí, no, me da igual? ¿Ah?

  • Votos: 0 0.0%
  • No

    Votos: 0 0.0%
  • Me da igual

    Votos: 0 0.0%

  • Votantes totales
    2
  • Encuesta cerrada .

trademarkos

Cobre
Usuario de Bronce
Mensajes
862
Puntuación de reacción
2
"Hola amigos del yutuf", con este mini-tutorial aprenderás a cambiar el fondo de tu web según categoría o etiqueta. Útil si quieres dar varios aspectos a tu web según donde estén tus usuarios. Existe una actualización del tutorial abajo del todo.

Lo primero que debes hacer es, acceder a la hoja de estilos de tu plantilla: wp-content/themes/tuplantilla/style.css

Para cambiar el fondo de una CATEGORÍA deberás insertar este código al principio de la hoja de estilo (style.css):

PHP:
.category-AQUÍTUCATEGORIA {
	background-attachment: fixed;
	background: url("AQUÍ TU IMÁGEN DE FONDO") no-repeat fixed center top rgba(0, 0, 0, 0);
	background-position: center top;
	background-repeat: no-repeat;
}

Para cambiar el fondo de una ETIQUETA deberás insertar este código al principio de la hoja de estilo (style.css):

PHP:
.tag-AQUÍTUETIQUETA {
	background-attachment: fixed;
	background: url("AQUÍ TU IMÁGEN DE FONDO") no-repeat fixed center top rgba(0, 0, 0, 0);
	background-position: center top;
	background-repeat: no-repeat;
}

Cómo te habrás dado cuenta, los códigos comienzan con .tag (etiqueta) y .category (categoría), seguidos del nombre de la categoria y/o etiqueta que tengas hecha, después deberás agregar el fondo que quieras que aparezca en ellas. Te aconsejo que las imágenes de fondo sean ligeras.

------------------------------------------------
ACTUALIZACIÓN SEPTIEMBRE 2015:
Me dí cuenta que cada theme es un mundo, así que puede que este truco no sirva para ti.

Entonces, ¿como puedes hacerlo, bitch?
Cuando estés en una categoria o etiqueta de tu pagina, pulsa botón secundario en el fondo (en un lateral) y selecciona "Inspeccionar elemento" (en Chrome), deberás fijarte después de </head>, en <body>, por ejemplo en mi theme (modificado por nosotros) es así:

<body class="wordpress ltr es es-es parent-theme y2015 m09 d20 h10 sunday logged-in
custom-background custom-header display-header-text plural archive taxonomy
taxonomy-post_tag taxonomy-post_tag-selena-gomez custom-colors layout-2c-l js font-primary>

"UF que locura, me vuelvo loco con tanto codigo ahí to reshulón premoh"

Tranquilos, hay que fijarse en taxonomy-post_tag-selena-gomez, ahí te dice que la puta taxonomía es el TAG de SELENA GOMEZ.
Ahora bien, para cambiar ese fondo deberás poner este código, hijo de puta:

PHP:
body.taxonomy-post_tag-selena-gomez {
	background-attachment: fixed;
	background: url("AQUÍ EL PUTO FONDO") no-repeat fixed center top rgba(0,0,0,0);
	background-position: center left;
	background-repeat: no-repeat;
	background-size: cover;
}

Si fuera una categoría:

PHP:
body.taxonomy-category-AQUITUCATEGORIA {
	background-attachment: fixed;
	background: url("AQUÍ EL PUTO FONDO") no-repeat fixed center top rgba(0,0,0,0);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

------------------------------------------------

Puta vida tete, me sigue sin funcionar nano ¿que hago?
Si te sigue sin funcionar, pasame por privado o por escribe en el post tu web y te echo una mano.


EJEMPLOS:
+18 Precaución si estás acompañado de algún menor

Inicio con fondo normal
Categoría 'Música'
Etiqueta 'Rihanna'
Etiqueta 'Selena Gomez'

Y ya sabes, si vas a poner esto en otro foro, POR FAVOR CITAD LA FUENTE y agregar a favoritos el blog. Gracias.
 
Última edición:

trademarkos

Cobre
Usuario de Bronce
Mensajes
862
Puntuación de reacción
2
:( me interesaba mucho el contenido xD

tumblr_n00noav9Sz1rd4u38o4_500.gif
 
Mensajes
8
Puntuación de reacción
0
Aplico esta parte del codigo ami hoja de estilo y el fondo cambia todo correcto.............pero tambien me aplica el mismo cambio al contenido del post........que estoy haciendo mal?.
 
Arriba