뉴스페이퍼 테마/아바다 테마에 엘리멘터(Elementor)를 사용하지 마세요

이 블로그를 통해 언급한 적이 있듯이 워드프레스에서 두 개 이상의 페이지 빌더를 사용하지 않는 것이 바람직합니다. 빌더를 두 개를 동시에 활성화하면 충돌이 발생할 수 있고, 사이트 속도에도 부정적인 영향을 미칩니다. 최근 뉴스페이퍼 테마가 적용된 사이트에서 페이지를 수정해도 반영이 되지 않는 문제를 살펴본 적이 있습니다. 해당 사이트에 접속하여 살펴보니 엘리멘터(Elementor)가 함께 활성화되어 있고, 해당 페이지를 엘리멘터로 열어 본 적이 있어서 뉴스페이퍼 테마의 tagDiv Composer를 사용하여 수정을 해도 변경 사항이 반영되지 않는 문제가 나타나고 있었습니다.

뉴스페이퍼/아바다 테마에서 엘리멘터(Elementor)를 사용하지 마세요

뉴스페이퍼 테마에는 tagDiv Composer라는 자체 빌더가 사용됩니다. 또한, 베스트셀링 테마인 아바다 테마에도 Avada Builder라는 자체 페이지 빌더가 적용되어 있습니다. 그리고 Divi 테마에도 Divi Builder라는 자체 빌더가 포함되어 있습니다.

Newspaper 테마에는 자체 페이지 빌더가 포함되어 있다.

뉴스페이퍼 테마나 아바다 테마 등이 설치된 사이트에 엘리멘터(Elementor)를 활성화하여 사용하면 충돌이 발생할 수 있고, 사이트 속도에도 부정적인 영향을 미칩니다.

실제로 뉴스페이퍼 테마가 설치된 워드프레스 사이트에서 뉴스페이퍼의 빌더로 작성한 페이지를 Elementor로 열어서 편집한 후에 다시 뉴스페이퍼 테마의 tagDiv Composer 빌더로 편집을 하니 변경 사항이 반영되지 않는 문제가 발생했습니다.

다른 빌더로 작성되었다면 엘리멘터에서 열리지 않고 경고를 표시해야 하지만, 뉴스페이퍼 테마의 빌더로 만든 페이지를 엘리멘터에서 열면 문제없이 열렸습니다. 뉴스페이퍼 관련 요소는 HTML 태그 요소로 표시되었습니다. 또, 엘리멘터에서 편집한 후에 다시 뉴스페이퍼 빌더로 여니 마찬가지로 잘 열렸습니다.😥

이 때문에 빌더에 대한 이해도가 부족한 고객이 두 개의 빌더로 동일 페이지로 편집하다 보니 이상한 현상이 나타났습니다.

뉴스페이퍼 테마가 설치된 사이트에 엘리멘터를 활성화하는 것은 바람직하지 않다.

이런 경우 엘리멘터를 비활성화하고, 문제가 되는 페이지를 새로 뉴스페이퍼의 빌더로 작성하는 것이 좋습니다. 만약 엘리멘터로 만든 페이지가 너무 많아서 엘리멘터를 포기할 수 없다면, 엘리멘터가 특정 페이지에서 비활성화되도록 코드를 추가하여 임시적으로 문제를 회피할 수 있습니다.

특정 페이지에 대하여 Elementor를 비활성화하는 방법은 다음 글을 참고해보세요:

특정 페이지에서 엘리멘터(Elementor) 비활성화하기 - 워드프레스 중급 - 워드크래커

이 방법은 임시적인 조치일 뿐이며, 근본적인 해결책은 될 수가 없습니다. 엘리멘터를 제거할 수 없는 경우 임시적인 방편으로 시도할 수 있습니다.

이렇게 하니 실제로 문제가 해결되었습니다. 다만, 이후에도 간간히 엘리멘터와 뉴스페이터 간 충돌로 인해 문제가 나타났습니다. tagDiv Composer 플러그인으로 페이지를 수정하니 변경 사항이 잘 적용되었습니다.

페이지 빌더 간에는 호환이 되지 않으므로 페이지 빌더는 반드시 하나만 설치하여 사용하시기 바랍니다. 그렇지 않으면 예상치 못한 문제가 발생하거나 속도가 더욱 느려질 수 있습니다.

참고

https://avada.tistory.com/2897

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

https://avada.tistory.com/2335

워드프레스 GeneratePress 테마 라이선스 (+요금제)

https://avada.tistory.com/3046

해외웹호스팅: 클라우드웨이즈 vs. 블루호스트 vs. 카페24 비교 (Cloudways vs. Bluehost vs. Cafe24)