Cómo hacer un fondo del gradiente de Wordpress

Debido a que la hoja de estilo en cascada o CSS, código incluye gradientes, se puede añadir CSS sólo gradiente de antecedentes a sus sitios web sin necesidad de imágenes en rodajas. En Wordpress, puede agregar fondos degradados CSS para su archivo style.css. No se puede aplicar el gradiente de la etiqueta del cuerpo como lo hace para los fondos sólidos, pero se puede utilizar un div que envuelve todo el sitio web. Muchos de los temas incorporados en los marcos de CSS ya incluyen un div tales, aunque se puede añadir uno si su tema no lo hace.

Instrucciones

1 Ir al directorio "wp-admin" de su sitio web e iniciar sesión en el panel de WordPress. Vaya a "Apariencia" y haga clic en el enlace "Editor". Haga clic en el enlace a "header.php" bajo las "plantillas" la partida para cargar el archivo HTML que contiene la etiqueta del cuerpo de su página web.

2 Busque un div con un ID de "contenedor" directamente debajo del cuerpo de la etiqueta en el archivo "header.php". Si no encuentra uno, agregar uno. Esto es lo que debe ser similar:

<Div id = "contenedor">

Guarde el archivo haciendo clic en el botón azul "Actualizar archivo". Si ha añadido un div, de carga "footer.php" en el editor y agrega "</ div>" "</ body>" directamente encima para cerrar la div.

3 Cargar "style.css" en el editor. Agregue este código a la parte inferior del archivo:

envase {

background-color: # 038394;

Imagen de fondo: lineal gradiente (arriba, # 038394, # 00CCCC);

Imagen de fondo: -webkit-lineal de gradiente (arriba, # 038394, # 00CCCC);

Imagen de fondo: -moz-linear-gradiente (arriba, # 038394, # 00CCCC);

}

El código anterior establece una reserva para los navegadores que no soportan gradientes. Configuración "Imagen de fondo" a "lineal-degradado" crea el fondo de la pendiente. Al menos, es necesario configurar una dirección del gradiente para iniciar en y luego dos colores que se desvanecen entre sí. Añadir esa línea de código nuevo dos veces, añadiendo el Webkit y Mozilla prefijos para los navegadores Chrome, Safari y Firefox.

4 Haga clic en el botón azul "Actualizar archivo" para guardar el archivo "style.css". Su fondo de la pendiente ahora aparece en cada página de su sitio web Wordpress.

Consejos y advertencias

• Establecer todos los márgenes a cero para el div "contenedor" si ves un espacio en blanco alrededor de su gradiente.