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 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: Añadir color de fondo aleatorio en WordPress usando código
Este método requiere que añada código a sus archivos de WordPress. Pruebe este método sólo si se siente cómodo con pegar fragmentos de la web en WordPress.
Primero necesitas añadir este código al archivo functions.php de tu tema o a un plugin específico del sitio.
123456functionwpb_bg() { $rand= array(0, 1, 2, `3, `4, `5, `6, `7, `8, `9, `a, `b, `c, `c, `d, `e, `f);$color=#.rand[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 hace eco.
Ahora necesitas editar el archivo header.php de tu tema. Localice la línea de la etiqueta, se verá así:
1>
Sustitúyalo por esta línea:
1>>
Guarde sus cambios y luego visite su sitio web para ver el código en acción.
Método 2: Añadir tiras de colores aleatorios usando colores de fondo fabulosos
Este método es más fácil y se recomienda para principiantes que no quieren editar sus archivos de temas de WordPress.
Primero, necesita instalar y activar el plugin Fabulous Background Colors. Para más detalles, vea nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
El plugin funciona desde el primer momento, y no hay ajustes que puedas 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 con elegancia cada 5 segundos.
Método 3: Uso de CSS para agregar colores de fondo no aleatorios en WordPress
Casi todos los temas de WordPress compatibles con el estándar utilizan la función body_class() en la etiqueta body. Esta etiqueta añade varias clases CSS a la etiqueta body del tema. Estas clases CSS generadas por defecto por WordPress pueden ser usadas para dar estilo a mensajes individuales, categorías, etiquetas, etc.
Por ejemplo, si su blog tiene una categoría llamada fotografía, puede encontrar estas clases CSS en la etiqueta body de la página de archivo de la categoría.
Puedes cambiar el color de fondo de esa categoría en particular simplemente añadiendo este CSS a tu tema de WordPress o usando el plugin css personalizado.
123body.category-photography { background-color:#faebd7;}
Del mismo modo, también encontrará la clase post ID para los postes individuales en la clase de carrocería. Puedes usarlo para darle un estilo diferente a cada entrada de WordPress.
123body.postid-65{ color de fondo:#faebd7;}
Esperamos que este artículo le haya ayudado a aprender a cambiar aleatoriamente el color de fondo en WordPress. También puedes ver nuestra guía sobre cómo añadir una imagen de fondo a pantalla completa en WordPress.
Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.
Deja una respuesta