Como hacer un gradiente de fondo en wordpress

Vídeo: Como Personalizar Plantilla Wordpress 3.8.1 2014

Cascading Style Sheet código de diseño web incluye una opción de gradiente, lo que puede añadir CSS sólo para fondos degradados a sus sitios web de WordPress sin necesidad de imágenes en rodajas. En WordPress, no se puede aplicar el gradiente de la etiqueta del cuerpo como si se tratara de fondos sólidos, pero se puede usar un contenedor div que se envuelve alrededor de todo el sitio web. Muchos de los temas incorporados en los marcos de CSS ya incluyen un div tal, aunque se puede añadir uno si su tema no lo hace.

1

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

2

Busque un div con un diámetro interior de "envase" 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 ="envase"gt;

Guarde el archivo haciendo clic en el azul Actualizar archivo botón. Si ha añadido un div, la carga footer.php en el editor y añadir < / div>- directamente arriba < / cuerpo>- para cerrar el div.

3

Carga style.css en el editor. Añadir este código a la parte inferior del archivo:

envase {

background-color: # 038394- Imagen de fondo: lineal gradiente (parte superior, # 038394, # 00CCCC) - Imagen de fondo: -webkit-lineal-gradiente (parte superior, # 038394, # 00CCCC) - Imagen de fondo: -moz -linear-gradiente (parte superior, # 038394, # 00CCCC) -}

El código anterior establece una reserva para los navegadores que no soportan gradientes. Ajuste "imagen de fondo" a "gradiente lineal" 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 azul Actualizar archivo botón para guardar el archivo style.css. Su fondo degradado ahora aparece en cada página de su sitio web de WordPress.

Vídeo: Modifica el fondo de tu tema de WordPress - 1ª parte

Propina

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

Vídeo: Música de fondo en sitio web desarrollado con WordPress

referencias

  • enlazar Por favor, CSS3: La Cruz-Browser CSS3 Generador Regla

Sobre el Autor

Sara Williams vive en el oeste de Nueva York, donde es un diseñador web freelance y escritor de contenido. Ella se especializa en el diseño web, desarrollo y temas en hardware informático. Williams tiene un Asociado en Ciencias Aplicadas en los sistemas informáticos de información.

Vídeo: WordPress - Temas cambiar el fondo

Artículos Relacionados