아바다 테마 페이지 편집 후 레이아웃이 깨지는 문제가 발생하는 경우

워드프레스 정보를 제공하는 블로그 Avada 2025. 1. 22. 15:34 • 댓글: 개

네이버 카페에 아바다 테마에서 라이브 빌더를 사용하여 전면 페이지(홈페이지)를 수정한 후에 레이아웃이 깨진다고 하는 분이 계시네요. 아바다 테마나 기타 테마에서 페이지 편집 후 레이아웃이 깨지는 경우 참고하시기 바랍니다.

아래는 아바다 테마를 기준으로 설명했지만 다른 테마에서도 비슷한 방법으로 문제 해결을 시도할 수 있습니다.

아바다 테마 페이지 편집 후 레이아웃이 깨지는 문제가 발생하는 경우 해결 방법

아바다 테마에서 Edit Live를 클릭하여 라이블 빌더(프런트엔드 편집기)를 사용하여 페이지를 수정할 수 있습니다.

프런트엔드 편집기를 사용하면 엘리멘터처럼 실제 레이아웃을 보면서 직접 편집할 수 있어 편리합니다.

라이브 빌더 대신 백엔드 편집기를 사용하여 편집하는 것도 가능합니다.

백엔드 편집기가 불편해 보일 수 있지만 저는 주로 백엔드 편집기를 사용하여 페이지를 수정하는 편입니다.

라이브 빌더에서 편집할 때에는 레이아웃이 정상적으로 표시되지만 프런트엔드에서 실제 페이지를 살펴보면 레이아웃 일부가 깨지는 경우가 있을 수 있습니다.

이 경우 다음과 같은 조치를 취하여 문제가 해결되는지 확인해 보시기 바랍니다. 먼저 사이트 백업을 한 후에 진행해보세요.

캐시 삭제

프런트엔드 편집기에서는 정상적으로 표시되지만 실제 페이지를 방문했을 때 레이아웃이 깨지는 경우라면 캐싱 문제일 가능성도 있습니다.

캐시 플러그인이 있다면 캐시를 삭제한 후에 문제가 해결되는지 체크해 보세요.

클라우드웨이즈를 이용하는 경우 Breeze 캐시 플러그인에서 캐시를 삭제할 수 있습니다.

아바다 테마 자체에도 캐싱 기능이 있습니다.

Avada » Maintenance » Performance를 클릭하고 성능 마법사를 시작하여 Finish를 누르면 캐시와 자산(asset)이 모두 지워져서 사이트가 정상화될 수도 있습니다.

워드프레스, 테마, 플러그인 업데이트

백업을 한 후에 워드프레스와 테마, 플러그인을 모두 최신 버전으로 업데이트하여 문제가 해결되는지 체크해 보시기 바랍니다.

아바다의 경우 공식 업데이트 외에 패치가 알림판을 통해 제공됩니다. Avada » Maitenance » Patcher에서 패치가 있는지 확인하고, 새로운 패치가 있을 경우 패치를 적용할 수 있습니다.

현재 버전에 대하여 패치가 없는 경우 위의 그림과 같이 "Currently there are no patches available for Avada..."가 표시됩니다.

보안과 성능을 위해 워드프레스 코어, 테마, 플러그인은 항상 최신 버전으로 업데이트하여 유지하는 것이 바람직합니다. 업데이트에서 버그와 보안 취약점 등이 수정될 수 있습니다. 업데이트를 제대로 하지 않으면 사이트가 해킹을 당하거나 멀웨어(악성코드)에 감염될 위험에 노출될 수 있습니다.

플러그인 충돌 문제

아바다 테마와 관련된 플러그인을 제외한 모든 플러그인을 비활성화하여 문제가 해결되는지 체크해보시기 바랍니다. 많은 워드프레스 문제가 플러그인 충돌 문제로 발생합니다.

모든 플러그인을 비활성화한 후에 문제가 해결된다면 하나씩 활성화하면서 문제를 일으키는 플러그인을 특정할 수 있을 것입니다.

에러 로그 확인

상기의 모든 조치에도 문제가 해결되지 않으면 에러 로그를 확인하여 에러를 일으킬 만한 오류가 발생하고 있지 않은지 확인할 수 있습니다.

워드프레스 에러 확인 방법 - 디버그 모드를 활성화하여 오류 로그 확인하기 - 워드프레스 정보

워드프레스를 운영하다 보면 다양한 기술적 문제에 직면할 수 있습니다. 이때 문제의 근본 원인을 파악하기 위해 디버그 모드를 활성화할 수 있습니다. 이 글에서는 디버그 모드란 무엇이며, 어

www.thewordcracker.com

사이트 롤백

만약 백업본이 있다면 사이트를 수정하기 전의 상태로 되돌리는 것을 고려할 수 있습니다.

카페24의 경우 지난 7일 간 백업본이 유지되므로 일주일 이내의 기간으로 사이트를 복원할 수 있습니다. 케미클라우드는 호스팅 상품에 따라 1~4주 이내의 기간으로 롤백할 수 있습니다. (참고로 케미클라우드는 서울 서버를 제공하므로 우리나라에서도 속도가 빠릅니다.😄)

아바다에 고객 지원 요청

유효한 지원 라이선스가 있는 경우 아바다 테마에 연락하여 지원을 요청할 수 있습니다. 지원 라이선스가 만료된 경우에는 지원을 요청할 수 없습니다. (아바다는 버그를 보고할 때에도 지원 티켓을 생성하여 연락하라고 할 정도이므로 유효한 지원 라이선스가 없는 경우에는 문의 자체를 하지 못할 수 있습니다.)

참고

https://avada.tistory.com/3046

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

저는 오랫동안 블루호스트(Bluehost)를 이용해 왔으며 2021년부터는 클라우드웨이즈(Cloudways) 웹호스팅 서비스도 함께 이용하고 있습니다. 현재 일부 중요하지 않는 블로그는 Bluehost에서 호스팅되고

avada.tistory.com

워드프레스로 쉽게 랜딩 페이지 만들기 (feat. 엘리멘터, GeneratePress, Divi) - 워드프레스 정보꾸러미

워드프레스에서 쉽고 빠르게 랜딩 페이지로 만들고 싶은 경우 미리 만들어진 템플릿을 활용하는 것을 고려할 수 있습니다. 많은 사용자들이 엘리멘터 빌더를 활용하여 랜딩 페이지를 만들고 있