WordPress 웹 사이트가 아직 이전 스타일을 로드하고 있습니다.css

WordPress 웹 사이트가 아직 이전 스타일을 로드하고 있습니다.css

style.css를 변경했지만 워드프레스 웹사이트는 여전히 오래된 내용을 보여줍니다.FTP에 있는 파일을 확인해보니 파일 변경 내용이 있는데 웹사이트에는 표시되지 않습니다.WP 캐시 플러그인이 없습니다.또한 브라우저에서 캐시를 삭제하고 Ctrl+F5를 사용하여 캐시를 강제로 새로 고칩니다.

:(

style.css 파일의 버전 변경을 시도합니다.헤더에 경로를 지정하여 포함하면 버전을 다음과 같이 추가합니다.

<link style ........ href="...../style.css?v=1.5"... /> 

?v=1.5는 버전을 나타냅니다.

style.css가 자동으로 로드된 경우 style.css 파일을 열고 다음과 같이 버전을 추가/변경합니다.

/*
Theme Name: yourthemename
Theme URI: yoururl
Author: Vantage Tel
Version: 1.5 
.
.
.
*/

//이 버전을 변경하고 파일을 업로드합니다.Ctrl+F5 키를 눌러 페이지를 한 번 새로 고치십시오.

갱신된 CSS 파일을 서버에 실제로 업로드 하는 것을 잊어버리는 등의 명백한 실수를 하지 않았다면(실제로 이 작업을 수행했습니다), 이것은 거의 캐싱 문제입니다.

첫 번째 - 캐시 플러그인을 사용하지 않도록 설정합니다.내가 WP Cache를 설치한 것을 잊어버렸을 때 나는 이 일을 당했다.

Cloudflare 캐싱이 잊혀지는 가장 큰 원인일 것입니다.

Cloudflare를 사용하는 경우 로그인 후 사이트를 "개발 모드"로 설정하여 모든 요청을 바로 통과시킵니다.

그런 다음 개발자 도구(크롬을 사용하는 것으로 가정)를 열고 네트워크 탭을 클릭합니다.캐시를 디세블로 하는 체크 박스가 있습니다.이 체크 표시가 되어 있는지 확인합니다.그러면 개발자 도구를 열었을 때 브라우저가 파일을 캐싱하지 않습니다.

그런 다음 소스 탭을 클릭합니다.왼쪽에는 웹 사이트의 모든 소스에 대한 파일 관리자 스타일 트리 컨트롤이 있는 "네트워크" 탭도 있습니다.이 트리에서는 보통 wp-content > temes > temeName에 있는 style.css 파일로 이동합니다.style.css 파일을 클릭하면 오른쪽에 열립니다.

여기서 파일의 이전 버전이 제공되고 있음을 알 수 있습니다. 쿼리 매개 변수가 추가되어도 최신 버전이 표시됩니다.즉, style.css 파일의 머리글/위쪽에 버전 1.0.1이라고 표시되지만 파일 이름은 style.css?ver=1.0.2와 같습니다.이것은 WordPress가 업데이트된 파일을 인식하지만 사용자와 서버 사이의 어딘가에 캐시된 버전이 표시되고 있음을 나타냅니다.예전에는 캐싱을 회피하는 방법 중 하나가 요청을 할 때 파일에 쿼리 파라미터를 추가하는 것이었습니다.이렇게 하면 캐싱 시스템은 캐시하지 않은 다른 파일에 대한 요구라고 생각하게 됩니다.단, CSS 파일에서는 동작하지 않는 경우가 많습니다.

이것은, 캐시가 서버상에서 행해지고 있는 것을 의미합니다.대부분의 호스트는 웹 서버에 일종의 캐싱을 구현합니다.이 캐시를 사용하지 않도록 설정하는 방법은 호스트에 따라 다릅니다.호스트의 제어판에 캐시를 사용하지 않도록 설정하는 기능이 있거나 이를 위해 .htaccess 파일을 편집해야 할 수 있습니다.예를 들어 다음과 같습니다.

Header set Cache-Control "max-age=0, private, no-cache, no-store, must-revalidate"

또는

Header set Cache-Control "max-age=0, no-cache, no-store, must-revalidate"
Header set Pragma "no-cache"
Header set Expires "Wed, 11 Jan 1984 05:00:00 GMT"

특정 호스트의 사이트에서 지침을 확인하십시오.

워드프레스에서는 】wp_enqueue_style()함수에는 "version"에 대한 선택적 매개 변수가 있습니다.설정 시 쿼리 문자열이 스타일시트의 URL에 추가됩니다.?ver=foo이것은 Yamu가 언급한 바와 같이 파일이 이전 버전과 다르다는 것을 브라우저에 표시하고 대신 새 버전을 로드하도록 합니다.

버전은 함수를 호출하는 동안 수동으로 설정할 수 있습니다(예: "1.0.1") 또는 스타일시트가 마지막으로 수정된 시간을 추가하는 이 예시와 같이 PHP를 사용하여 빌드할 수 있습니다.?ver=1568061612filemtime(get_stylesheet_directory() . '/style.css') 하면 전체 는 이렇게 되어 있습니다.

wp_enqueue_style('main_css', get_template_directory_uri() . '/style.css', array(), filemtime(get_stylesheet_directory() . '/style.css'));

.array()입니다.$deps.

파일에서 타임스탬프를 사용하여 캐시 버스트를 수행하는 방법은 오래 전으로 거슬러 올라가며 상당히 신뢰할 수 있습니다.

localhost에서도 같은 문제가 발생하여 developer mode(f12) > network > check disable cache에서 chrome에서 캐시를 디세블로 한 후 작업했습니다.

이 문서에서는 현재 타임스탬프와 동일한 버전을 제안하고 있습니다.

wp_enqueue_style( 'louiscss', get_template_directory_uri() . '/mystyles.css', array(), time() );

그기기phphphphphphphphphphphp and .로 감싸서 php를 가질 합니다.add_action('init', 'your_wrapper_fn' );기능. 기능. 기능. 기능. 기능. 기능. 기능. 기능.

넣으셔도 됩니다.time()이치노

[설정(Settings)]> [퍼멀링크 설정(Permalink Settings)]를 선택하여 말 그대로 [저장(Save)]버튼을 누릅니다.이상하다는 건 알지만 저장 버튼을 누르면 전체 구성이 업데이트되는 것 같습니다.

Chrome 개발자 도구의 "네트워크" 탭에서 "캐시 비활성화"를 선택하면 WordPress가 캐싱을 하는지 알 수 있는 좋은 방법입니다.Brwoser인지 WordPress인지 모를 때는 어렵습니다.

업데이트: 이 답변은 남겨두겠습니다만, 아직 문제가 있습니다.

같은 문제가 있어서 디폴트와는 다른 방법으로 수정했습니다.

먼저 변경해야 할 파일을 찾았습니다.

wp-includes\theme.php

get_stylesheet_uri라는 함수가 있습니다.

기능은 다음과 같습니다.

function get_stylesheet_uri() {
    $time = time();
    $stylesheet_dir_uri = get_stylesheet_directory_uri();
    $stylesheet_uri = $stylesheet_dir_uri . '/style.css?v='.$time;
    /**
     * Filter the URI of the current theme stylesheet.
     *
     * @since 1.5.0
     *
     * @param string $stylesheet_uri     Stylesheet URI for the current theme/child theme.
     * @param string $stylesheet_dir_uri Stylesheet directory URI for the current theme/child theme.
     */
    return apply_filters( 'stylesheet_uri', $stylesheet_uri, $stylesheet_dir_uri );
}

언급URL : https://stackoverflow.com/questions/24501611/wordpress-website-still-loading-old-style-css