Necesito un codigo facil y efectivo para cambiar el fondo al recargar la web

[RGT]

blog: www.oyeeso.com

Necesito un codigo facil para mostrar imagenes de fondo diferentes cada dia.
Algunos codigos muestran las urls de todos los fondos que queremos que aparesca, las urls se pueden ver si miras el codigo fuente pero, yo no quiero que al ver el codigo fuente se vean las urls de todos los fondos.

Algun codigo que no muestre las urls?.
Sencillo, efectivo?

[hasdpk]

Hay un par de plugins en wordpress que permiten editar el fondo con ciertas características. De todas formas, yo he escrito este código y funciona perfectamente:

Código PHP:

add_action('wp_print_styles', function() {
 
    #Carpeta donde se encuentra los fondos (/wp-content/themes/[...]).
    $directorio = '/images/background/';
    
    #---- No editar  ---------------------------------------------------------
 
    list($dia, $imagen) = explode(';', urldecode($_COOKIE['background']));
 
    if ($dia != date('d')) {
        
        $fondos = scandir(get_stylesheet_directory() . $directorio);
        $fondos = array_slice($fondos, 2);
        $imagen = $fondos[array_rand($fondos)];
        
        setcookie('background', date('d') . ';' . $imagen);
    
    }
    
    $path = get_bloginfo('template_directory') . $directorio;   
    echo "<style type='text/css'>body { background: url('$path$imagen') top center no-repeat; }</style>";
 
});
 

Sólo lo tienes que pegar en tu archivo functions.php de tu theme y editar el CSS del mismo para quitarle el fondo que tiene actualmente.

[RGT]

Hola, en la linea 13, cambio ese numero por el numero de fondos que tengo?

Ejemplo, si tengo 5 fotos que quiero mostrar de fondo, pongo en la linea 13 el numero 5?

Otra pregunta, ese codigo me cambia el fondo al recargar la web o cada dia te muestra un fondo diferente? ej, si entro hoy un fondo, si entro mañana otro fondo?

[hasdpk]

No, simplemente en la linea 4 tienes que decirle en que parte de tu carpeta del theme están los fondos.

Puedes poner la cantidad de imágenes que quieras en esa carpeta, el código buscará el sólo las mismas.

[RGT]

Bueno, gracias hermano!, ahora mismo lo pruebo!. =)

[RGT]

Tengo una ultima pregunta, esto cambia el fondo cuando se hace otro dia?

[hasdpk]

Sí, yo lo probé y funciona, pero puede darse el caso de que al día siguiente eliga aleatoriamente la misma imagen del día anterior.

[RGT]

Gracias, enseguida lo pruebo.

[RGT]

Hola, si se da el caso que quiero que el fondo cambie cada vez que se recargue la pagina, que debo cambiar en el codigo?

[hasdpk]

Código PHP:

add_action('wp_print_styles', function() {
 
    #Carpeta donde se encuentra los fondos (/wp-content/themes/[...]).
    $directorio = '/images/background/';
    
    #---- No editar  ---------------------------------------------------------
        
    $fondos = scandir(get_stylesheet_directory() . $directorio);
    $fondos = array_slice($fondos, 2);
    $imagen = $fondos[array_rand($fondos)];
    
    $path = get_bloginfo('template_directory') . $directorio;   
    echo "<style type='text/css'>body { background: url('$path$imagen') top center no-repeat; }</style>";
 
});
 

[RGT]

Hola, cuando pego el codigo en functions.php me sale un error. =( en la primera y ultima linea.

[Nekko]

Pega el error para poder ayudarte mejor.

[RGT]

En dreamwevaer me sale en rojo la primera y ultima línea!.

[Nekko]

Y en el navegador?

[RGT]

no probe el codigo en mi web, me sale en rojo en dreamweaver y lo quite de functions.php... me dio miedito jaja

[Nekko]

Te recomiendo utilizar Notepad ++ e intentar entender lo que estás copiando. Este es un foro para enseñar y aprender. Te vas a ahorrar varios malentendidos.

[RGT]

Podrias probarlo?.... Nunca eh usado notepad ++, solamente me sale la primera y ultima linea en rojo.

[RGT]

alguien sabe si el codigo esta mal?

[hasdpk]

A mi personalmente me funciona el código, de todas forma para que te quedes tranquilo te explico que significa la primera y última línea con la documentación de Wordpress:

A la hora de desarrollar un plugin o añadir funciones, necesitas "enganchar (Hooks)" las mismas al Wordpress, podría ser por ejemplo un nuevo campo en los comentarios. En nuestro caso es CSS.

En Wordpress hay dos tipos de enganches/hooks, los Actions y Filters:

• Actions: Como su nombre indica, es cuando se realiza una acción o "evento" de cualquier tipo, desde publicar una entrada hasta cuando se termina de cargar la barra de administración, por ejemplo.
  
  
• Filters: Se puede interactuar con los texto/información que se recogen en Wordpress, por ejemplo, el texto de un comentario o un archivo adjunto de una entrada, entre otras cosas.

Como nosotro no queremos editar texto sino añadir un fondo de CSS, vamos a usar Actions para poder añadir acciones a Wordpress.

Existe una función de él llamada add_action(), en el primer argumento se especifica en donde queremos añadir el enganche/hook (existe un listado de ellos aquí y aquí (esta es más completa)), y el segundo qué acción va a realizar cuando haya enganchado/hook.

Como primer argumento yo he puesto el enganche/hook "wp_print_styles" para imprimr el CSS cuando wordpress carge y el segundo argumento es la función/acción que va a realizar.

En relación a la última linea, es el cierre del contenedor del add_action().



PD: Seguramente el Dreamweaver te pone esa línea en rojo porque desconoce la función add_action(). Casi ningún desarrollador web utiliza Dreamweaver, yo uso el Notepad++ ^^

PD2: Si quieres te explico que es lo que está escrito en la función.

[RGT]

Ah ok entiendo.
Entonces pego el codigo no importa si el dreamweaver lo marca en rojo?

[hasdpk]

Exacto sin ningún problema, pero recuerda que debes de eliminar el fondo que tienes actualmente (el gris).