Elementor Header & Footer Builder 플러그인 문제

워드프레스 사이트에서 다음 그림과 같이 이상한 코드(CSS 코드)가 표시되는 문제가 갑자기 발생하는 경우 Elementor Header & Footer Builder 플러그인이 설치되어 있는지 체크해보시기 바랍니다.

Elementor Header & Footer Builder 플러그인 문제

네이버 카페에서 Elementor Header & Footer Builder 플러그인을 업데이트한 후에 사이트에 접속하면 이상한 코드가 표시되면서 제대로 접속되지 않는 문제에 대한 글이 올라왔습니다. 예를 들어, 다음과 같은 CSS 코드가 사이트 접속 시 표시될 수 있습니다.

/*! elementor - v3.18.0 - 29-11-2023 */ .elementor-widget-social-icons.elementor-grid-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-mobile-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-tablet-0 .elementor-widget-container{line-height:1;font-size:0}.elementor-widget-social-icons:not(.elementor-grid-0):not(.elementor-grid-tablet-0):not(.elementor-grid-mobile-0)...

또한, 비슷한 문제로 개별적으로 한 사용자께서 연락을 해오셔서 사이트를 살펴보니 마찬가지로 Elementor Header & Footer Builder 플러그인이 설치되어 있었습니다.

이 문제가 발생하면 이 엘리멘터용 플러그인을 최신 버전(현재 1.6.19 버전)으로 업데이트하시기 바랍니다. 이 문제는 1.6.18 버전에서 엘리멘터와 충돌하면서 발생하는 것 같습니다. 또는, 이 플러그인을 비활성화해도 문제가 해결될 것입니다.

관리자 페이지에 접속할 수 없는 경우

이 문제가 발생하더라도 관리자 페이지에 접속이 가능합니다. 만약 알림판에 접속할 수 없다면 FTP를 통해 웹 서버에 접속하여 /wp-content/plugins 폴더 아래에서 해당 플러그인의 폴더를 삭제할 수 있습니다.

살펴보니 이 플러그인의 폴더 이름은 header-footer-elementor이네요.

폴더 이름을 선택하고 마우스 오른쪽 버튼을 클릭하여 삭제하거나 키보드의 Del 키를 눌러 삭제할 수 있습니다.

Elementor Header & Footer Builder를 사용하면 Elementor Pro의 테마 빌더의 일부 기능(헤더 및 푸터 템플릿)을 사용할 수 있어 현재 100만 개가 넘는 사이트에 활성화되어 있습니다. 아스트라 테마 등 일부 테마의 데모에서 이 플러그인의 기능이 사용되는 것 같습니다.

하지만 엘리멘터 프로를 사용하는 경우에는 이 플러그인을 사용하지 말고 테마 빌더 기능을 사용하시기 바랍니다. 테마 빌더(Theme Builder)를 사용하여 헤더에서 푸터까지 모든 섹션을 커스텀할 수 있습니다.