Cómo utilizar css para cambiar un fondo tema de wordpress

los la etiqueta es simple marcado HTML. Cada tema de WordPress tiene esta etiqueta, que define el contenido global por defecto para cada página de su sitio - el sitio de cuerpo. En la hoja de estilo (style.css), El fondo para que el cuerpo se define así:

body {background: # f1f1f1-}

El fondo para el etiqueta utiliza un código de color hexadecimal de # f1f1f1, lo que da al fondo de un color gris claro.

Video: Usar Firebug para modificar un Theme WordPress - Generalidades

Se puede utilizar un color o una imagen para estilizar el fondo de su página web. También puede utilizar una combinación de colores e imágenes en sus fondos.

Cómo utilizar una imagen como fondo del sitio

Usted puede utilizar fácilmente una imagen como fondo para su sitio mediante la subida de la imagen a la imágenes carpeta en el directorio de temas. Ese valor es el siguiente:

Video: Modifica el fondo de tu tema de WordPress - 1ª parte

background: url (images / yourimage.jpg)

los url parte de este código extrae automáticamente en la dirección URL de su sitio, por lo que no tiene que cambiar la url parte de su URL.

Cómo cambiar el color de fondo

Si usted quiere cambiar el color de fondo del tema, siga estos pasos:

  1. En el panel de WordPress, seleccione Apariencia → Editor.

    Se abre la página de edición de temas.

  2. Del Seleccionar tema para editar la lista desplegable, seleccione el tema que desee cambiar.

  3. Haga clic en el enlace de estilos en la lista de plantillas.

    los style.css plantilla se abre en el editor de texto en el medio de la página de edición de temas.

  4. Desplazarse hacia abajo en el editor de texto hasta que encuentre el cuerpo selector CSS.

    Si está modificando el tema por defecto, esto es lo que está buscando:

    body {background: # f1f1f1-}

    Si está modificando una plantilla diferente, el cuerpo selector CSS tiene una apariencia similar.

  5. editar el fondo Los valores de las propiedades.

    Por ejemplo, en la plantilla por defecto, si usted quiere cambiar el color de fondo a negro, puede entrar en cualquiera

    background: # 000000-

    o

    Antecedentes: negro-

    En el caso de algunos colores básicos, que no tiene que utilizar el código hexadecimal. Para los colores como el blanco, negro, rojo, azul y plata, sólo puede utilizar sus nombres - fondo: negro, por ejemplo.

  6. Haga clic en el botón de actualización del archivo en la parte inferior de la página.

    Los cambios se guardan y se aplican a su tema.

  7. Visita su sitio en su navegador web.

    El color de fondo del tema ha cambiado.

Artículos Relacionados