Sea por la razón que sea, tal vez te haz preguntado ¿Como hacer que, cada vez que se recarge la página, tener un background diferente?.
Es muy fácil implemetar esta caracteristica, y solo necesitas un poco de conocimientos en PHP y CSS para implementarla correctamente. Empecemos:
Primero que todo, en el fichero header.php de tu theme, justo despues de:
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
añade:
<style>
body {
background: transparent url('<?php include('css.php') ?>') repeat-x; }
</style>
Ahora, crearemos el fichero css.php. Este será el encargado de lanzar al azar las imagenes que apareceran de fondo, es decir, en el se concentrara toda la mágia del truco. El fichero debe ser más o menos así:
<?php
$f = array(
1 => "http://tudominio.com/wp-content/themes/magiting/images/bgd_po.jpg",
2 => "http://tudominio.com/wp-content/themes/magiting/images/img13.jpg",
3 => "http://tudominio.com/wp-content/themes/magiting/images/img6.jpg",
4 => "http://tudominio.com/wp-content/themes/magiting/images/img23.jpg",
5 => "http://tudominio.com/wp-content/themes/magiting/images/img11.jpg",
6 => "http://tudominio.com/wp-content/themes/magiting/images/img9.jpg",
);
$n = rand(1,6);
?>
<?php echo "$f[$n]";?>
Si deseas agregar más imagenes, sigue las siguentes instrucciones:
- Antes del ); añade X => “URL_DE_LA_IMAGEN”,. Reemplaza X por el numero que sigue despues del último número (en el caso del ejemplo, X sería 6) y, obviamente, reemplaza URL_DE_LA_IMAGEN por la URL de la imagen que deseas.
- Una vez que añadas todas las imagenes que desees, modifica $n = rand(1,5);, reemplazando el 5 por el último numero. Si añadimos, por ejemplo, 13 imagenes en total, el código quedaría como $n = rand(1,13);.
Una vez finalizado todo, prueba a recargar tu página y verás que el fondo cambiará. Es un truco muy sencillo y vistozo, que hará más atractivas tus creaciones.
11 comentarios
08/11/2009
Sabiendo un poco de PHP y CSS, creo que en el código del array con las URLs falta algo que sea:
Justo antes de todo eso que pusísteis. Además, tienes que hacer de alguna manera para que $nombre_array[n] meta la URL en el archivo CSS mediante un echo. Eso no lo hacéis y, por lo tanto, no funciona de ninguna manera el código que habéis puesto. También faltaría hacer el include del archivo css.php.
Corregidme si me equivoco.
08/11/2009
Perdonad, pero por alguna razón no me añadió el código que quería. Era algo así:
<?$nombre_array = array(
1 =
08/11/2009
@FeR: me acabo de percatar que el código, por extrañas razones, salio incompleto. Corregiré esto ahora. Disculpa las molestas que esto pudo haber causado.
09/11/2009
@Ejner Galaz: No pasa nada, majo. ^^
22/11/2009
Hola Ejner, me llamo Marcel y soy de Uruguay, administro un blog de maquetas de Starwars llamado El cartón milenario. Lo utilizo de la forma más basica que se te pueda ocurrir, escribo y subo fotos. Me gustaria darle más vida agregarle fondo o wallpaper y otras cosas, pero mi conocimiento de WP es casi nulo no se ni dónde debo poner los códigos de programación que se muestran en todo este sitio. ¿Me podrías ayudar o si fuera mucha molestia decirme de algún sitio WordPress para tontitos o algo similar? Un abrazo Y muchas gracias Marcel
23/11/2009
Hola Marcel, para aprender desde cero o casi, además de leer todo lo que puedas, lo mejor es meterse en foros, como nuestro Foro WordPress.
23/11/2009
@Marcel Sirer: Pásate por el foro y verás como entre todos te echamos una mano.
10/02/2010
También lo que pueden hacer es hacer que cambie de color, aqui les dejo el método:
Agregar el siguiente codigo antes del
body {
background: ; }
y el fichero “css.php” debe contener lo siguiente:
"#000000",
2 => "#ff0000",
);
$n = rand(1,2);
?>
Espero que les sirva como me sirvió a mi :)
Saludos!
11/02/2010
Ups no salió bien el codigo! :(
17/02/2010
gracias, me ha funcionado perfecto, muchas gracias
10/03/2010
mmmmmmmmmmm que raro a mí no me funciono!!!! que puedo hacer?
Deja tu comentario