Pregunta sobre Developing with WordPress de Wordpress:

Imágenes de fondo CSS dentro de un archivo de plugin PHP

Un usuario preguntó 👇

Quiero usar un enlace de imagen de URL de CSS (”) CSS en mi archivo php de plugin de WordPress. Ninguna de las imágenes se muestra y no estoy seguro de cómo funcionará. Es un cliente, así que quiero que las imágenes se puedan instalar junto con el plugin, sin tener que colocarlas manualmente en cualquier lugar de la carpeta del tema.

Intenté poner imágenes en la carpeta de temas pero todavía no funciona. Traté de vincularme a la URL almacenándola en una variable ($ url).

php: $ url1 = ‘imagen.png’;

css: (en el mismo documento php) .ch-img-2 {background: blank url (‘‘) sin repetición; tamaño de fondo: retención; background-location: medio; }

también probé:

.ch-img-1 {fondo: URL en blanco (‘‘) sin repetición; tamaño de fondo: retención; background-location: medio; }

(@catacaustica)

Hace 1 año, 9 meses

Las imágenes en archivos CSS deben tener la ruta correcta establecida. Si lo ha configurado así:

background-image: url("image.jpg");

Entonces, la imagen debe estar en el mismo directorio que el archivo CSS. Si está fuera de eso, deberá usar una ruta relativa o una ruta completa.

background-image: url("../../images/image.jpg");

o…

background-image: url("https://mysite.com/folder/structure/image.jpg");

Lanzador de hilos

(@pfbarnet)

Hace 1 año, 9 meses

De acuerdo, ¿y esto también se aplica a CSS desde dentro de un archivo PHP? ¿No existen circunstancias especiales?

Esta respuesta fue modificada hace 1 año, 9 meses por.

(@ alegremente)

Hace 1 año, 9 meses

Las URL de los archivos CSS son relativas al archivo CSS y no a la URL de la página. Solo las URL en CSS están en línea (como <style> tiene una etiqueta o incluso un atributo de estilo relativo a la URL de la página. Por lo tanto, su plugin debe colocar el CSS en un archivo y colocar las imágenes en relación con eso, y luego poner en cola el archivo de estilo en las páginas donde se necesita. Si no lo hace, deberá generar la URL completa e ingresarla en el CSS en línea.

Lanzador de hilos

(@pfbarnet)

Hace 1 año, 9 meses

¡Gracias, esto es extremadamente útil!

Lanzador de hilos

(@pfbarnet)

Hace 1 año, 9 meses

Resuelto.

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada.