El código de diseño web de la hoja de estilo en cascada incluye una opción de degradado, por lo que puede agregar fondos degradados solo CSS a sus sitios web de WordPress sin necesidad de imágenes divididas. En WordPress, no puede aplicar el degradado a la etiqueta del cuerpo como lo haría para fondos sólidos, pero puede usar un contenedor div que envuelva todo el sitio web. Muchos temas creados en marcos CSS ya incluyen dicho div, aunque puede agregar uno si su tema no lo hace.
Paso 1
Vaya al directorio ** wp-admin ** de su sitio web e inicie 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 ** debajo del encabezado Plantillas para cargar el archivo HTML que contiene la etiqueta del cuerpo de su sitio web.
Paso 2
Busque un div con una ID de "contenedor" directamente debajo la etiqueta del cuerpo en su archivo header.php. Si no encuentra uno, agregue uno. Así es como debería verse: guarde el archivo haciendo clic en el botón azul ** Actualizar archivo **. Si agregó un div, cargue ** footer.php ** en el editor y agregue **** directamente encima de **** para cerrar el div.
Paso 3
Cargar ** estilo. css ** en el editor. Agregue este código al final del archivo: #container {background-color: # 038394; imagen de fondo: gradiente lineal (arriba, # 038394, # 00CCCC); imagen de fondo: -webkit-linear-gradient (arriba, # 038394, # 00CCCC); imagen de fondo: -moz-linear-gradient (arriba, # 038394, # 00CCCC); } El código anterior establece una alternativa para los navegadores que no admiten gradientes. Establecer "background-image" en "linear-gradient" crea el fondo degradado. Como mínimo, debe establecer una dirección para que comience el gradiente y luego dos colores que se desvanezcan entre sí. Agregue esa línea de código nuevamente dos veces, agregando los prefijos Webkit y Mozilla para los navegadores Chrome, Safari y Firefox.
Haga clic en el botón azul ** Actualizar archivo ** para guardar su archivo style.css. Su fondo degradado ahora aparece en cada página de su sitio web de WordPress.
Consejo
Establezca todos los márgenes a cero para su div "contenedor" si ve un espacio en blanco alrededor de su degradado.
[Cómo crear un fondo degradado en WordPress] URL: http://www.ordenador.online/computadora/Internet/245665.html