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 desempeñan un papel importante en la forma en que los usuarios ven su sitio web y cómo se involucran. En este artículo, le mostraremos cómo cambiar aleatoriamente el color de fondo en WordPress.

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

Este método requiere que agregues código a tus archivos de WordPress. Intente 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 o a un complemento específico del sitio.

 función wpb_bg () $ rand = array ('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a B C D e F'); $ color = '#'. $ rand [rand (0,15)]. $ rand [rand (0,15)]. $ rand [rand (0,15)]. $ rand [rand (0,15)]. $ rand [rand (0,15)]. $ rand [rand (0,15)]; eco $ color;  

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

Ahora necesitas editar el archivo header.php de tu tema. Localiza el línea de etiqueta, se verá así:

Reemplázalo con esta línea:

 > 

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

Método 2: agregar franjas de colores aleatorios con colores de fondo fabulosos

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

Primero, debes instalar y activar el complemento Fabulous Background Colors. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

El complemento funciona de inmediato, y no hay configuraciones para configurar.

Ahora puede visitar su sitio web y verá franjas de colores como color de fondo en su sitio web. Estas rayas se desvanecerán y cambiarán de color con elegancia cada 5 segundos.

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

Casi todos los temas de WordPress compatibles con el estándar utilizan body_class () Función en la etiqueta del cuerpo. Esta etiqueta agrega una serie de clases de CSS a la etiqueta del cuerpo en su tema. Estas clases de CSS generadas por WordPress predeterminadas se pueden usar para diseñar publicaciones individuales, categorías, etiquetas, etc..

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

Puede cambiar el color de fondo de esa categoría en particular simplemente agregando este CSS a su tema de WordPress o usando el complemento 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. Puedes usarlo para estilizar cada publicación de WordPress de manera diferente.

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

Esperamos que este artículo te 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.

Si le ha gustado este artículo, suscríbase a nuestros tutoriales en video del Canal de YouTube para WordPress. También puedes encontrarnos en Twitter y Facebook..