Cómo cambiar aleatoriamente el color de fondo en WordPress

Recientemente, uno de nuestros lectores nos preguntó si era posible cambiar aleatoriamente el color de fondo en WordPress. Los colores juegan un papel importante en cómo los usuarios ven su sitio web y cómo interactúan. En este artículo, le mostraremos cómo cambiar aleatoriamente el color de fondo en WordPress.

Método 1: agregue un color de fondo aleatorio en WordPress usando código

Este método requiere agregar código en archivos de WordPress. Pruebe este método solo si se siente cómodo pegando fragmentos de la web en WordPress.

Primero, debe agregar este código al archivo functions.php de su tema oa un plugin específico del sitio.

function wpb_bg() { 
$rand = array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f');
$color="https://www.trucoswp.com/wp-themes/how-to-randomly-change-background-color-in-wordpress/#".$rand[rand(0,15)].$rand[rand(0,15)].$rand[rand(0,15)].
$rand[rand(0,15)].$rand[rand(0,15)].$rand[rand(0,15)];
echo $color;
}

Esta función simplemente genera un valor de color hexadecimal aleatorio y lo reproduce.

Ahora necesitas editar el archivo header.php de tu tema. Busque el archivo <body> lema, se verá así:

<body <?php body_class(); ?>>

Reemplácelo con esta línea:

<body <?php body_class(); ?> style="background-color:<?php wpb_bg();?>">>

Guarde sus cambios y luego visite su sitio web para ver el código en acción.

Colores de fondo aleatorios

Método 2: agregue rayas de color al azar con colores de fondo fabulosos

Este método es más simple y se recomienda para principiantes que no desean editar sus archivos de tema de WordPress.

Primero, debe instalar y activar el Colores de fondo fabulosos conectar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

El plugin funciona de inmediato y no hay ajustes para configurar.

Ahora puede visitar su sitio web y verá rayas de colores como color de fondo en su sitio web. Estas rayas se desvanecerán y cambiarán de color elegantemente después de cada 5 segundos.

Rayas de fondo al azar

Método 3: usar CSS para agregar colores de fondo no aleatorios en WordPress

Casi todos los temas de WordPress que cumplen con los estándares utilizan body_class() función en la etiqueta del cuerpo. Esta etiqueta agrega una serie de clases CSS a la etiqueta del cuerpo de su tema. Estas clases CSS predefinidas generadas por WordPress se pueden usar para definir publicaciones, categorías, etiquetas, etc.

Por ejemplo, si su blog tiene una categoría llamada fotografía, puede encontrar estas clases CSS en la etiqueta del cuerpo de la página de archivo de la categoría.

Clases CSS agregadas por WordPress

Puede cambiar el color de fondo de esa categoría en particular simplemente agregando este CSS a su tema de WordPress o usando el plugin CSS personalizado.

body.category-photography { 
background-color:#faebd7;
}

Del mismo modo, también encontrará la clase de ID de publicación para publicaciones individuales en la clase de cuerpo. Puede usarlo para diseñar cada publicación de WordPress de manera diferente.

body.postid-65 { 
background-color:#faebd7;
} 

Esperamos que este artículo le haya ayudado a aprender cómo cambiar aleatoriamente el color de fondo en WordPress. También puede consultar nuestra guía sobre cómo agregar una imagen de fondo de pantalla completa en WordPress.

¿Te ha resultado útil??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicado. Required fields are marked *