images – ¿Cómo hacer referencia a una imagen de tema en una hoja de estilo?

Pregunta:

Tengo un elemento global como parte de mi tema y necesito hacer referencia a una imagen como imagen de fondo. Necesito la URL de la imagen. Supongo que es una mala práctica codificar la URL y que la URL debe ser relativa a la ubicación del tema. ¿Cuál es la forma recomendada de hacer referencia a una imagen dentro de una hoja de estilo?

Respuesta:

Depende de la ubicación de la imagen y la hoja de estilo.

Pero esta es la sintaxis:

.theme-image {
  background-image: url('../images/header-img.jpg');
}

El código anterior es para la estructura.

wp-content
 - themes
  - your-theme 
    - images
     - header-img.jpg
    - css
     - style.css

Está haciendo que el navegador venga un directorio antes y busque el directorio de imágenes.

Leave a Comment

Your email address will not be published.

Scroll to Top

istanbul avukat

-

web tasarım