Ajuste de fondos sitio de WordPress utilizando css

LA Hoja estilo cascada

(CSS) es una hoja de estilo que controla el aspecto del contenido de una plantilla de página web. Cada tema de WordPress que utiliza en su sitio utiliza un CSS que ofrece estilo y diseño de estilo a sus plantillas. Cambiar el contenido predeterminado de su sitio web de fondo se realiza mediante la modificación de los componentes básicos del cuerpo de la plantilla que está utilizando.

Ajuste de fondos sitio de WordPress utilizando css
Ajuste de fondos sitio de WordPress utilizando css Agrandar
1

En el panel de WordPress elegir AppearanceEditor para abrir Editar Temas.

Después de seleccionar el tema que desea trabajar, la hoja de estilos relacionados abre en modo de edición.

2

Desplácese hacia abajo en el editor de texto hasta que encuentre el indicador de "cuerpo".

En la hoja de estilo, el fondo del cuerpo es definido por el código de color hexadecimal como:

body {background: # f1f1f1-}

Sé cuidadoso. Guarde una copia original de la hoja de estilos en un programa de texto, como el Bloc de notas (Windows) o TextMate (Mac), así que si es necesario, puede encontrar el CSS original y copia y pega de nuevo en su hoja de estilos.

3

Cambie el valor de la propiedad de fondo utilizando códigos hexadecimales.

Haga el siguiente cambio:

body {background: # 000000-}

Esto va a cambiar el color de fondo de gris claro a negro. El Sitio W3Schools tiene un gran recurso en los códigos hexadecimales de color.

4

Cambiar el fondo valor de la propiedad sin códigos hexadecimales.

En el caso de algunos colores básicos, usted no tiene que utilizar el código hexadecimal de color. Para los colores como el blanco, negro, rojo, azul y plata, sólo puede utilizar el nombre del color en lugar del código hexadecimal ..

5

Cambie la propiedad de fondo para usar una imagen.

Usted puede utilizar una imagen como fondo para su sitio mediante la subida de la imagen en el directorio del tema y el uso de la dirección URL de la foto en el comando de fondo. La declaración de valor se vería así:

body {background: url (images / yourimage.jpg)}
6

Actualización del tema y revisar los cambios.

Haga clic en el botón de archivo de actualización en la parte inferior de la página. Los cambios se guardan y se aplican al tema seleccionado. Abra una nueva sesión del navegador, visite su sitio y revisar los cambios.




» » » » Ajuste de fondos sitio de WordPress utilizando css