Cómo cambiar el fondo con css en wordpress veinte quince

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

Video: Modificar la cabecera y poner una imagen de fondo en la plantilla EXTRA de Elegant Themes

body {background-color: # fff-}

El fondo para el etiqueta utiliza un código de color hexadecimal de #fff Eso le da al fondo de un color blanco. Se puede utilizar un color o una imagen (o ambos) para estilizar el fondo de su página web:

Video: Cómo modificar el estilo CSS de una plantilla WordPress

  • Color: Los página web W3Schools tiene un gran recurso en los códigos hexadecimales y nombres de los colores.

  • Imagen: Usted puede utilizar fácilmente una imagen como fondo para su sitio mediante la subida de la imagen a la carpeta de imágenes en el directorio de temas. Ese valor se parece background: url (images / yourimage.jpg). (Nota: La parte de la URL de este código extrae automáticamente en la URL de su sitio web, por lo que sólo hay que dejar el texto como está url).

También puede utilizar una combinación de colores e imágenes en sus fondos.

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 - background-color: blanco, por ejemplo.

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

  1. En el panel de WordPress, haga clic en el enlace Editor en el menú Apariencia.

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

  2. Del Seleccionar tema para editar el menú desplegable, seleccione el tema que desee cambiar.

  3. Haga clic en el enlace de plantilla de estilo.

    La plantilla style.css se abre en el editor de texto en el lado izquierdo 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, esta sección es lo que estás buscando:

    cuerpo: antes {background-color: # fff-}

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

  5. Editar los valores de la propiedad de fondo.

    Por ejemplo, en la plantilla por defecto, si usted quiere cambiar el color de fondo a negro, puede utilizar uno de los siguientes:

    background-color: # 000000-

    o

    background-color: negro-
  6. Haga clic en el botón de actualización de archivos en la esquina inferior izquierda de la página.

    Video: tutorial html y css | propiededades background y como ajustar el fondo al navegador

    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