워드프레스 뉴스페이퍼 테마 폰트 로드 오류: Mixed Content 및 404 에러

워드프레스 정보를 제공하는 블로그 Avada 2024. 6. 17. 13:49 • 댓글:

워드프레스 인기 뉴스, 매거진 테마 중 하나인 뉴스페이퍼 테마에서 Mixed Content 문제로 폰트가 로드되지 않고, jpg 파일 하나가 누락되어 404 에러가 발생하는 문제의 해결을 맡았습니다. Mixed Content 문제는 사이트에 SSL 인증서를 적용한 후에 일부 URL이 https 프로토콜 대신 http 프로토콜로 로드될 때 발생합니다.

워드프레스 뉴스페이퍼 테마 폰트 로드 오류: Mixed Content 및 404 에러

뉴스페이퍼 테마를 사용하면 퀄리티 높은 뉴스, 블로그 사이트를 쉽게 만들 수 있다는 장점이 있습니다. 하지만 속도면에서는 GeneratePress 테마에 비해 느릴 수 있고, 트래픽도 많이 소모하는 편입니다.

https://avada.tistory.com/3197

 

뉴스페이퍼 테마와 GeneratePress 테마의 트래픽 비교

우리나라에서 블로그에 많이 사용되는 워드프레스 테마로 뉴스페이퍼 테마와 GeneratePress 테마가 있습니다. 두 테마는 장단점이 있습니다. GeneratePress 테마는 빠른 속도 때문에 수익형 블로그에

avada.tistory.com

뉴스페이퍼 테마에서 Mixed Content 경고가 표시되면서 일부 폰트가 로드되지 않는 오류가 발생하는 경우가 있습니다.

위의 그림은 크롬 브라우저 콘솔에 Mixed Content 오류가 표시되고 있는 화면을 보여줍니다.

Mixed Content: The page at '<URL>' was loaded over HTTPS, but requested an insecure font '<URL>'. This request has been blocked; the content must be served over HTTPS.
chicken-rhapsody-01/:1173 Mixed Content: The page at 'https://example.com/01/' was loaded over HTTPS, but requested an insecure font 'http://example.com/wp-content/plugins/td-composer/td-multi-purpose/images/icons/multipurpose.woff'.

SSL 인증서를 설치하고 사이트 주소를 http에서 https로 변경했지만, /wp-content/plugins/td-composer/td-multi-purpose/images/icons/multipurpose.woff 폰트 파일이 http로 로드되면서 이러한 경고가 표시되고 있습니다.

이 오류가 발생하는 경우 DB에서 http 주소를 일괄적으로 https 주소로 변경하여 문제가 해결되는지 체크해보시기 바랍니다.

디비에서 작업이 어려운 경우 Better Search Replace와 같은 플러그인을 사용하면 워드프레스 관리자 페이지 내에서 모든 http URL을 https URL로 일괄 변경이 가능합니다.

이 플러그인은 현재 100만 개가 넘는 워드프레스 사이트에 설치되어 사용되고 있습니다.

또한, 사이트에서 bghd.jpg 파일이 누락되어 Failed to load resourdce: the server responded with a status of 404 () 에러가 발생하고 있었습니다.

구체적으로 파일 경로를 체크해보니 /wp-content/uploads/2023/007/ 폴더 아래에 bghd.jpg 파일이 있어야 하지만, 이 파일이 없어서 404 Not Found 오류 메시지가 표시되고 있었습니다.

GET https://example.com/wp-content/uploads/2023/07/bghd.jpg 404 (Not Found)

아마도 뉴스페이퍼 테마 데모를 로드하는 과정에서 JPG 파일이 로드되지 않았거나 어떤 이유로 삭제되어 이 문제가 발생한 것이 아닐까 추정됩니다. 이 문제를 해결하려면 bghd.jpg 파일이 배경에 지정된 곳을 찾아서 삭제하면 됩니다. 이 파일이 배경 파일로 지정된 곳을 찾기란 쉽지 않기 때문에 간단하게는 1x1px 크기의 jpg 파일을 하나 만들어서 해당 폴더로 업로드하는 것을 고려할 수 있습니다.

만약 bghd.jpg 파일이 실제로 사용된다고 한다면 쉽게 확인할 수 있을 것입니다. 그러면 해당 부분을 찾아서 제거하거나 원하는 배경 파일을 업로드할 수 있을 것입니다.

참고

https://avada.tistory.com/3363

 

뉴스페이퍼 테마가 설치된 워드프레스 사이트의 멀웨어 치료

뉴스페이퍼(Newspaper)는 뉴스, 매거진, 웹진, 블로그 사이트 구축에 많이 사용되는 인기 워드프레스 테마 중 하나입니다. 하지만 작년 9월경에 뉴스페이퍼 테마에 보안 취약점이 존재하여 테마를

avada.tistory.com

https://avada.tistory.com/2897

 

엘리멘터 무료 버전 vs. 프로 버전 비교

엘리멘터(Elmentor)는 500만 개가 넘는 사이트에 설치되어 사용되고 있는 인기 워드프레스 페이지 빌더 플러그인입니다. 엘리멘터는 무료 버전과 프로 버전으로 제공됩니다. Elementor 프로 버전에서

avada.tistory.com