☰

NGINX+wordpress: CSS se sirve pero no se aplica

tag-icon • tag-icon nginx wordpress css
NGINX+wordpress: CSS se sirve pero no se aplica

Saludos compañeros apiladores,

Tengo que ejecutar WordPress en un entorno nginx autohospedado.

Más o menos exactamente usando la configuración sugerida deDocumento de WordPress NGINX.

server {
    listen 443 ssl;
    server_name _;
    ssl_certificate /var/lib/nginx/PKI/www/server/cert.pem;
    ssl_certificate_key /var/lib/nginx/PKI/www/server/key.pem;
    root /var/lib/nginx/www/wordpress;
    index index.php;
    location / {
            try_files $uri uri/ /index.php?$args;

    }
    location ~ \.php$ {
        include /etc/nginx/fastcgi_params;
        fastcgi_intercept_errors on;
        fastcgi_pass php;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
    }

    location ~* \.(js|css|png|jpg|jpeg|gif|ico)$ {
            expires max;
    }
}

Todo funciona prácticamente como se esperaba, excepto el estilo. Parece que no se aplica ningún estilo en el sitio (también se aplica al asistente de inicio rápido/inicio de sesión de administrador).

Dentro del panel de administración, todo se ve bien.

NGINX proporciona los archivos CSS correctamente.

Respuesta1

Mi configuración de nginx no incluía los valores predeterminados de mime.types.

Eso parece estar afectando el encabezado de respuesta "Tipo de contenido" de nginx, lo que hace que sea "texto/sin formato" en lugar de "texto/css"...

... lo cual es lamentable porque ninguna de las plantillas de WordPress especifica el tipo de contenido en la solicitud, por ejemplo:

<link rel='stylesheet' id='wp-block-library-css'  href='https://censored.net/wp-includes/css/dist/block-library/style.css?ver=5.8' media='all' />

Probablemente debería verse algo así, pero bueno

<link rel="styleseeht" type="text/css" ...>

información relacionada