Cómo utilizar css para agregar la función de fondo personalizado a un tema de wordpress

El tema Veinte Trece WordPress no es parte de una función disponible en WordPress que te permite cambiar el fondo a un color diferente o utilizar una imagen para el fondo. Hay, sin embargo, una buena característica que se puede añadir a su WordPress functions.php archivo para permitir su tema para apoyar la función de fondo personalizado, lo que le permite cambiar la imagen y / o el color de fondo para su sitio.

Puede agregar la función de fondo personalizado a cualquier tema con una sola línea de código. Sigue estos pasos:

  1. Desde el panel de control, seleccione Apariencia → Editor.

    Aparecerá la página de edición de temas.

  2. Haga clic en las funciones de temas (functions.php) De plantilla en el lado derecho de la página.

    La plantilla Funciones del tema se abre en el editor de texto en el centro de la página.

  3. Agregue la siguiente línea de código a la plantilla Funciones del tema antes del cierre ?gt; etiqueta:

    add_custom_background () -

    Esta línea de código indica que su tema de WordPress ha añadido la característica de fondo personalizado.

  4. Haga clic en el botón Guardar archivo.

    La plantilla se guarda Funciones del tema, junto con los cambios. El enlace Antecedentes ahora aparece debajo del menú Apariencia en el salpicadero.

Cualquier tema que tiene la característica de fondo personalizado le permite cambiar el fondo a un color diferente o utilizar una imagen para ello. Para cambiar el fondo de su sitio web, siga estos pasos:

Elija Apariencia → Fondo.

La página de fondo cargas de encargo en el salpicadero. Por defecto, el color de fondo se establece en blanco.

  • Para cambiar el color de fondo, haga clic en el botón Seleccionar color y escriba el código de color hexadecimal en el cuadro de texto en color y luego vaya al paso 4.

    Si tu no&rsquo-t sabe qué código hexadecimal que desea utilizar, haga clic en el botón Seleccionar un color y, a continuación, en el selector de color que aparece, haga clic en un color. (Tenga en cuenta que cuando se hace clic en el Seleccionar el color botón, el texto cambia a Color actual.)

    A hexadecimal (o maleficio) Código representa un determinado color. códigos hexadecimales siempre comienzan con un símbolo de hash (#) y tienen seis letras y / o números para representar un color en particular, tales como # d5d6d7 (gris claro).

  • Para utilizar un archivo de imagen para el fondo, subir una imagen desde su ordenador:

  • Haga clic en el botón Examinar en la sección Seleccionar Imagen y luego seleccione un archivo del ordenador.

  • Haga clic en el botón Cargar.

    La página de fondo de encargo refresca y le da varias opciones de visualización.

  • Las opciones de presentación de su nueva imagen de fondo:

  • Posición: Seleccione Izquierda, Centro o Derecha para ajustar la posición de la pantalla de la imagen de fondo en su sitio web.

  • Repetir: Elija No repetir, azulejo, Mosaico horizontal o Mosaico vertical en esta lista desplegable para establecer la imagen en su sitio web.

  • Adjunto archivo: Seleccione desplazamiento para definir la imagen de fondo que desplazarse por la página, o seleccione Fijo para establecer la imagen de fondo en una posición estática para que doesn&rsquo-t de desplazamiento hacia abajo de la página.

  • Haga clic en el botón Guardar cambios.

    Asegúrese de hacer clic en el botón Guardar cambios antes de salir de la página- fondo de encargo de otro modo, la nueva configuración aren&rsquo-t salvó.

  • Debido a que todos los temas no son iguales, los temas que don&rsquo-t tiene el encabezado y características habilitadas fondo hacen que sea un poco más difícil de cambiar estos elementos. Sin estas características, usted tiene que hacer ajustes a través de la CSS tema (style.css).

    Artículos Relacionados