Uno de nuestros suscriptores nos preguntó si era posible cambiar aleatoriamente el color de fondo de WordPress. Los colores de fondo juegan un papel importante en su audiencia. Pueden cambiar la forma en que los usuarios interactúan con su sitio web. En este tutorial, le mostraremos cómo cambiar aleatoriamente el color de fondo de su blog de WordPress.

Método 1: Cómo agregar colores aleatorios manualmente

Este método está destinado a desarrolladores. Requerirá que agregue una porción de código en sus complementos o temas. Recuerda que te mostraron cómo crear un complemento de WordPress.

Todo lo que tienes que hacer es agregar el siguiente fragmento de código a tu complemento, o al archivo "functions.php" de tu tema.

función bpc_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)] .. echo $ color; }

Esta función muestra solo los colores hexadecimales que genera de antemano.

Por lo tanto, deberá modificar el archivo header.php de su tema, donde se encuentra la etiqueta boy como en la siguiente imagen:

>

Usted debe sustituirlo por el siguiente código:

style = "color de fondo: ">>

Guarde su archivo y actualice su página, notará que hay un cambio de color cada vez.

Fondo aleatorio de WordPress

No tiene límite en los colores que puede elegir. Incluso es posible hacer lo mismo con colores predefinidos.

Método 2: cómo cambiar los colores de fondo con un complemento

la interpretación de este método es mejor. Porque te permite mostrar varios colores al mismo tiempo y de forma dinámica. Todo lo que tienes que hacer es instalar y activar el complemento. colores de fondo fabulosos. Usted puede leer nuestra guía sobre la instalación y activación de complementos de WordPress.

fondo animado

Al acceder  tu blog, notarás que este último tiene colores de fondo representados como franjas que cambian en una transición de degradado.

Método 3: cómo agregar un color personalizado jugando con clases CSS

Lección presque tous Temas de WordPress uso estándar de la función " body_class » de WordPress en la etiqueta “cuerpo”. Esta función agrega clases CSS generadas por WordPress o complementos a la etiqueta del cuerpo de tu blog. Cada clase varía dependiendo de la ubicación en la que se encuentre. La clase de categorías será, por tanto, distinta de la de archivos o de autores.

Por ejemplo, si tiene un blog con una categoría llamada " fotografía“Entonces puede encontrar la clase correspondiente en la página de archivos del blog.

clase de artículos del blog

A partir de este momento, puede aplicar un estilo específico a esta etiqueta.

body.category-fotografía {background-color: #faebd7; }

Del mismo modo, puede aplicar un código específico para una categoría particular

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

Eso es todo lo que hay que saber. Espero que este tutorial le permita agregar clases personalizadas en su blog de WordPress. Siéntase libre de compartir este artículo con sus amigos en sus redes sociales favoritas.