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.
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.
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.
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