Cambiar las CSS a pagina estatica

luimdi · #1 (**permalink**) 29/08/2011, 04:41

Hola , un saludo .
Pues eso , he creado un nuevo archivo css, que es simplemente una copia(estilonuevo.css) del origina del tema (style.css) el unico cambio es cambiar la imagen del header por lo que añado ( background-image: url(images/header.jpg);

Este estilonuevo.css lo quiero para cuando creo una pagina estatica , aparezca una imagen distinta en el header.

mi problema es que no se como escribirlo exactamente en el page.php para que llame al estilonuevo.css y no al stylo.css , el archivo page.php tiene lo siguiente:
<?php
get_header();
if (have_posts())
{
while (have_posts())
{
art_post();
comments_template();
}
} else {
art_not_found_msg();
}
get_footer();

No tengo idea como cargo la hoja de estilo que yo quiera, su ruta el archivo donde va etc...
He leido todo los hilos , pero no termino de aclararme, me temo que soy demasiado novato.
Gracias por anticipado

Arkaitz · #2 (**permalink**) 29/08/2011, 05:02

Tienes que sustituir el viejo link rel="stylesheet" en header.php por

Código PHP:

Ver original<?php if ( is_page() ) { ?>
<link rel="stylesheet" href="<?php bloginfo('url'); ?>/nuevostyle.css" type="text/css" media="screen" />
<?php } else { ?>
<link rel="stylesheet" href="<?php bloginfo('url/style.css'); ?>"  type="text/css" media="screen" />
<?php } ?>

luimdi · #3 (**permalink**) 29/08/2011, 10:05

hola de nuevo , he cambiado el codigo en header.php tal como me indicas, pero la web se carga sin formato, ni colores.. , como si no me cargara los archivos css. por favor corrigeme el error, gracias
este es el header.php que tengo :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type') ?>; charset=<?php bloginfo('charset') ?>" />
<title><?php wp_title( '|', true, 'right' ); bloginfo( 'name' ); ?></title>
<?php if ( is_page() ) { ?>
<link rel="stylesheet" href="<?php bloginfo('url'); ?>/nuevostyle.css" type="text/css" media="screen" />
<?php } else { ?>
<link rel="stylesheet" href="<?php bloginfo('url/style.css'); ?>" type="text/css" media="screen" />
<?php } ?>


<?php if(WP_VERSION < 3.0): ?>
<link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s RSS Feed', THEME_NS), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php printf(__('%s Atom Feed', THEME_NS), get_bloginfo('name')); ?>" href="<?php bloginfo('atom_url'); ?>" />
<?php endif; ?>
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php if (is_file(TEMPLATEPATH .'/favicon.ico')):?>
<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" />
<?php endif; ?>
<?php
remove_action('wp_head', 'wp_generator');
wp_enqueue_script('jquery');
if (is_singular() && comments_open() && (get_option('thread_comments') == 1)) {
wp_enqueue_script('comment-reply');
}
wp_head();
?>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>
</head>
<body <?php if(function_exists('body_class')) body_class(); ?>>
<?php
ob_start();

Arkaitz · #4 (**permalink**) 29/08/2011, 10:17

Cambia el anterior por este codigo y donde pone nuevostyle.css pon el nuevo nombre del estilo que quieres usar en page.php

Código PHP:

Ver original<?php if ( is_page() ) { ?>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/estilonuevo.css" type="text/css" media="screen" />
<?php } else { ?>
<link rel="stylesheet" href="<?php bloginfo('template_url/style.css'); ?>"  type="text/css" media="screen" />
<?php } ?>

luimdi · #5 (**permalink**) 29/08/2011, 11:45

Pues nada, no se que hago mal, he cambiado en el header esos codigos tal como me lo pasate, sin añadir ni quitar nada, solo poniendo el nombre correcto del archivo css y sigue saliendo la pagina sin formato, es decir no carga ninguno de los 2 css ni el del index ni el de las paginas estaticas.

no se cual es el problema para cargar el style que me interese. no se que mas hacer......

Aclarame. 1.- desde el header.php que linea pongo para que carge nuevostyle.css en lugar de style.css, ya me da igual que sea una pagina en concreto o todas, es solo por probar
2.- la tengo en localhost, no se si es distinto......

Arkaitz · #6 (**permalink**) 29/08/2011, 12:33

Copia el código de header.php del theme original, dime el nombre del archivo del estilo nuevo y te digo que cambiar exactamente. Todavía no puedo responder mensajes privados por eso no te he respondido.

luimdi · #7 (**permalink**) 29/08/2011, 13:13

css modificado: nuevostyle.css (solo le cambio el fondo, es una foto jpg)
css original: style.css

header.php del theme original

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type') ?>; charset=<?php bloginfo('charset') ?>" />
<title><?php wp_title( '|', true, 'right' ); bloginfo( 'name' ); ?></title>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url') ?>" type="text/css" media="screen" />


<?php if(WP_VERSION < 3.0): ?>
<link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s RSS Feed', THEME_NS), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php printf(__('%s Atom Feed', THEME_NS), get_bloginfo('name')); ?>" href="<?php bloginfo('atom_url'); ?>" />
<?php endif; ?>
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php if (is_file(TEMPLATEPATH .'/favicon.ico')):?>
<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" />
<?php endif; ?>
<?php
remove_action('wp_head', 'wp_generator');
wp_enqueue_script('jquery');
if (is_singular() && comments_open() && (get_option('thread_comments') == 1)) {
wp_enqueue_script('comment-reply');
}
wp_head();
?>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>
</head>
<body <?php if(function_exists('body_class')) body_class(); ?>>
<?php
ob_start();

Arkaitz · #8 (**permalink**) 30/08/2011, 08:02

Cita:

Iniciado por luimdi

css modificado: nuevostyle.css (solo le cambio el fondo, es una foto jpg)
css original: style.css

header.php del theme original

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type') ?>; charset=<?php bloginfo('charset') ?>" />
<title><?php wp_title( '|', true, 'right' ); bloginfo( 'name' ); ?></title>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url') ?>" type="text/css" media="screen" />


<?php if(WP_VERSION < 3.0): ?>
<link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s RSS Feed', THEME_NS), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php printf(__('%s Atom Feed', THEME_NS), get_bloginfo('name')); ?>" href="<?php bloginfo('atom_url'); ?>" />
<?php endif; ?>
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php if (is_file(TEMPLATEPATH .'/favicon.ico')):?>
<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" />
<?php endif; ?>
<?php
remove_action('wp_head', 'wp_generator');
wp_enqueue_script('jquery');
if (is_singular() && comments_open() && (get_option('thread_comments') == 1)) {
wp_enqueue_script('comment-reply');
}
wp_head();
?>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>
</head>
<body <?php if(function_exists('body_class')) body_class(); ?>>
<?php
ob_start();

Sustituye lo que está en negrita por

<?php if ( is_page() ) { ?>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/nuevostyle.css" type="text/css" media="screen" />
<?php } else { ?>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url') ?>" type="text/css" media="screen" />
<?php } ?>

luimdi · #9 (**permalink**) 30/08/2011, 13:27

Va perfecto.
No entiendo esas instrucciones, pero creo que tiene que ver con la ruta del archivo..

Muchas gracias.

Arkaitz · #10 (**permalink**) 31/08/2011, 06:33

Básicamente le estás diciendo a Wordpress que si está en la "sección" página utilize nuevostyle.css y si son el resto de las secciones (post, archivo o categorías) utilize el style.css original.