prucommercialre.com


Ajuste Fondos WordPress sitio usando CSS

Una Hoja de Estilo en Cascada (CSS) es una hoja de estilo que controla el aspecto del contenido en 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 modificando los componentes básicos del cuerpo de la plantilla que está utilizando.

Ajuste Fondos WordPress sitio usando CSS

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

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

Desplácese hacia abajo en el editor de texto hasta que encuentre el indicador ~bodyâ € â €.

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

body {
background: # f1f1f1;
}

Ten cuidado. 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 original de CSS y copiar y pegar de nuevo en su hoja de estilos.

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 del gris claro al negro. El Sitio W3Schools tiene un gran recurso en los códigos hexadecimales de color.

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

En el caso de algunos colores básicos, que dona € t 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 ..

Cambie la propiedad de fondo para utilizar la imagen.

Usted puede utilizar una imagen como fondo para su sitio mediante la subida de la imagen en su directorio de temas y utilizar la URL € photoâ s en el comando de fondo. La declaración de valor se vería así:

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

Actualizar temáticos y revise 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.