modificar estilos de determinadas pages desde "page template"

Inicio Foros WordPress Themes y Diseño modificar estilos de determinadas pages desde "page template"

Este debate contiene 10 respuestas, tiene 3 mensajes y lo actualizó  blobon hace 8 años, 1 mes.

  • Autor
    Publicaciones
  • #17286

    blobon
    Participante

    <p>Hola<br />
    Quiero que algunas pages de mi wordpress esten con background transparente, u otras cosas, pero no todas. Que codigo tengo que poner en la nueva page template, para que el css solo afecte a la page y no a todo el blog.<br />
    Muchas gracias
    </p>

  • #41675

    Myth
    Participante

    Puedes usar una condición y ponerla en el header.php de tu theme, haciendo que dependiendo de que página sea te cargue un CSS u otro. Por ejemplo

    [b]<?php if (is_page(‘slug-de-tu-pagina-personalizada’)) { ?>
    <link rel=”stylesheet” type=”text/css” href=”estilo_de_la_pagina_persinalizada.css” />
    <?php } else { } ?>[/b]

    o también

    [b]<?php if (is_page(‘slug-de-tu-pagina-personalizada-1’)) { ?>
    <link rel=”stylesheet” type=”text/css” href=”tuestilo1.css” />
    <?php } elseif (is_page(‘slug-de-tu-pagina-personalizada-2’)) { ?>
    <link rel=”stylesheet” type=”text/css” href=”tuestilo2.css” />
    <?php } elseif (is_page(‘slug-de-tu-pagina-personalizada-3’)) { ?>
    <link rel=”stylesheet” type=”text/css” href=”tuestilo3.css” />
    <?php } else { } ?>[/b]

    Un saludo!

  • #41678

    blobon
    Participante

    Gracias Myth
    Pero lo que queria saber es como armar una [b]page templat[/b]e, mirá, si pongo, por ejemplo:

    me pone negro todo el sitio, y no solo el background de la pagina que tiene ese template. Supongo que tengo que poner algun tag previamente, pero no se mucho de css todavia. Alguna idea?
    Mil gracias!

  • #41679

    Myth
    Participante

    Buenas,

    Creo que eso que estás armando esta mal, deberia de ser:

    [quote]<?php
    /*
    Template Name: Inicio
    */
    ?>

    <style type=”text/css”>
    body { background-color: #FFFFFF; }
    </style>[/quote]

    El #FFFFFF es blanco, si quieres cambialo por el negro que es #000000

    Un saludo!

  • #41681

    blobon
    Participante

    Sí, lo escribí mal aca. A decir verdad lo que puse fue

    y me devuelve toda la pagina blanca, no solo el fondo del post

  • #41682

    Myth
    Participante

    Buenas,

    Cual es el código que estas insertando exactamente en paginapersonalizada.php?, porque si insertas el codigo que acabas de mencionar de deberia devolver un error ya que no estas cerrando bien <?php } else ?>, deberia ser <?php } else { } ?> y además es una página donde solo estás definiendo el color blanco

    además nosé porque creas una condicion del tipo “is_front_page” si es una página y nunca va a ser la página de inicio

    Un saludo!

  • #41684

    blobon
    Participante

    Supone que quiero que la page 2 de mi blog tenga un fondo blanco, a diferencia de las otras, que son negro, por ejemplo. Entonce armo un file template, con el siguiente codigo

    <?php
    /*
    Template Name: inicio
    */
    ?>

    <?php if (is_page(‘2’)) { ?>
    <style type=”text/css”>
    body {background:#FFFFFF;}
    </style>
    <?php } else { } ?>

    Se entiende? Cuando linkeo a la pagina 2 todo se pone blanco, y yo quiero que solo el FONDO DEL POST se ponga blanco
    Muchas gracias

  • #41690

    davidlluna
    Participante

    Hola! hay una forma mucho más fácil solo con CSS, si te fijas para cada pagina WordPress mete un class diferente en la etiqueta BODY con lo que puedes modificar el estilo de fondo en el CSS para cada página sin tener que tocar las plantillas

    Saludos!

  • #41713

    blobon
    Participante

    Gracias Lluna, pero no entiendo, [b]en que archivo[/b] wordpress mete el class diferente para modificar el estilo de fondo
    Saludos!

  • #41858

    davidlluna
    Participante

    en el header.php veras que hay en body lo siguiente <?php body_class(); ?> ( en las plantillas mas o menos modernas esta ) eso hace que Body tenga un class diferente para cada pagina y luego con eso puedes jugar en el archivo CSS

    Saludos!

  • #41897

    blobon
    Participante

    Lluna, encuentre ese <?php body_class(); ?>, disculpa que te joda pero soy medio novato, no me das un minimo ejemplito de como lo uso para ponerle a una pagina x un fondo ? Y si a la pagina 2 le correspondiera el fondo bac2 y así, te lo agradecería eternamente
    Mil gracias!

El foro ‘Themes y Diseño’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest