☰

NGINX+wordpress: CSS обслуживается, но не применяется

tag-icon • tag-icon nginx wordpress css
NGINX+wordpress: CSS обслуживается, но не применяется

Приветствую вас, товарищи-укладчики!

Мне нужно запустить WordPress в среде Nginx, размещенной на собственном сервере.

Более или менее точно используя предложенную конфигурацию изNGINX wordpress документ.

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;
    }
}

Все работает в основном так, как и ожидалось, за исключением стиля. Кажется, на сайте не применяется никакой стиль (это также касается входа администратора/мастера быстрого старта).

Внутри панели администратора все выглядит отлично.

Файлы CSS обрабатываются NGINX правильно.

решение1

В моей конфигурации nginx не были включены значения mime.types по умолчанию.

Похоже, это влияет на заголовок ответа nginx «Content-Type», приводя к тому, что он становится «text/plain» вместо «text/css»…

... что досадно, поскольку ни один из шаблонов WordPress не указывает тип контента в запросе, например:

<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' />

Наверное, это должно выглядеть примерно так, ну да ладно

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

Связанный контент