워드프레스 사이트에서 작업을 하다가 갑자기 헤더가 사라지거나 제대로 표시되지 않는 문제가 발생하는 경우가 있을 수 있습니다. 보통은 사용자가 설정을 잘못 변경하여 이런 문제가 발생할 수 있습니다. 의도와 달리 헤더가 사라지는 등의 문제가 발생하는 경우 대처 방법에 대하여 살펴보겠습니다.
워드프레스 사이트에서 헤더가 제대로 표시되지 않는 문제가 발생하는 경우
네이버 카페에 사용자 정의하기에서는 주헤더가 이중으로 보이고 홈페이지 주소로 접속을 하면 헤더가 보이지 않는 문제에 대한 질문에 올라와서 이런 문제가 발생할 경우 체크할 사항에 대하여 정리해 보았습니다.
해당 워드프레스 사이트의 환경은 다음과 같았습니다.
- 웹호스팅: FastComet(패스트코멧)
- 테마: 아스트라
- 플러그인: 엘리멘터 프로
사이트 롤백하기 (간편한 방법)
먼저는 문제가 발생하기 전의 상태로 되돌리는 방법을 생각해 볼 수 있습니다. 패스트코멧은 7일치 백업본을 제공합니다.
해외 웹호스팅 FastComet 백업 서비스 (복원)
해외 웹호스팅 중 하나인 FastComet에서는 사이트에 문제가 발생 시 백업본을 사용하여 롤백할 수 있는 기능을 기본적으로 제공합니다. FastComet(패스트코멧)에서 호스팅 중인 사이트에 문제가 발생
avada.tistory.com
국내 호스팅의 경우 카페24에서 일주일 동안의 백업본을 제공합니다.
카페24에서 사이트 복원하는 방법
카페24는 캉패24라는 별명이 있지만, 국내 호스팅 중에서는 그래도 비교적 괜찮은 웹호스팅 업체 같습니다. 사이트에 장애가 발생하는 경우 백업본으로 롤백하여 사이트를 복구할 수 있습니다.
avada.tistory.com
클라우드웨이즈(Cloudways)의 경우 백업 설정에 따라 4주일 동안의 백업본이 유지될 수 있습니다.
백업본이 없다면 웹호스팅 업체에 연락하여 복원이 가능한지 확인할 수 있습니다.
문제가 된 사이트에서는 백업본으로 사이트를 복원(롤백)하여 간단하게 해결되었습니다.
이 방법으로 사이트를 롤백하여 문제를 해결하는 경우, 백업본 이후의 수정 사항은 모두 사라지게 됩니다. 수정 사항을 유지해야 한다면 문제의 원인을 파악하여 해결해야 하니다. 그런 경우, 아래의 확인 사항을 체크해보세요.
엘리멘터 프로의 헤더 템플릿 설정 확인하기
만약 백업본이 없거나, 직접 문제를 해결해보고 싶은 경우 몇 가지를 체크할 수 있습니다.
엘리멘터 프로(Elementor Pro)의 테마 빌더에서 헤더 템플릿을 만든 경우, 헤더 템플릿을 표시할 조건(Condition)이 제대로 설정되었는지 체크할 수 있습니다. 표시 조건이 잘못될 경우 헤더가 원하는 곳에 표시가 안 될 수 있습니다.
워드프레스 엘리멘터 헤더 템플릿 만들기 (헤더 & 푸터 커스텀)
워드프레스에서 페이지에 따라 다른 헤더나 푸터를 사용하고 싶은 경우가 있습니다. 일반적인 테마에서는 헤더는 사이트 전체에 공통으로 사용되고, 페이지에 따라 다른 헤더를 사용하려면 테
avada.tistory.com
페이지 템플릿 (페이지 레이아웃) 확인하기
페이지 편집 화면에서 페이지 템플릿을 잘못 설정하는 경우가 있을 수 있습니다.
엘리멘터 페이지 빌더 편집 화면에서 왼쪽 하단의 설정 아이콘(기어 모양의 아이콘)을 클릭하고 페이지 레이아웃을 확인할 수 있습니다.
Elementor Canvas(엘리멘터 캔버스)가 페이지 레이아웃으로 설정된 경우에는 헤더, 푸터 등의 요소가 일절 표시되지 않습니다.
페이지 편집 화면에서는 템플릿에서 확인할 수 있습니다.
Elementor Canvas가 페이지 템플릿(페이지 레이아웃)으로 지정된 경우 다른 레이아웃으로 변경하시기 바랍니다.
테마 옵션에서 헤더를 비활성화한 경우
아바다, 뉴스페이퍼 등의 테마에서는 개별 페이지에서 헤더를 활성화/비활성화할 수 있는 옵션을 제공합니다. 아스트라 테마에서도 개별 페이지 편집 화면에서 헤더를 표시할지 여부를 지정할 수 있습니다.
Dislable Elements에서 Disable Header가 체크되어 있다면 헤더가 표시되지 않을 것입니다. 아스트라 무료 버전에서는 헤더, 푸터, Banner Area 등의 요소를 표시/미표시할 수 있는 옵션이 제공됩니다.
GeneratePress 테마에서도 비슷한 기능이 있으므로 GeneratePress 테마를 사용하는 사이트에서 특정 페이지에 헤더가 표시되지 않을 경우 페이지 설정을 확인해 보시기 바랍니다.
캐시 문제
만약 관리자 페이지에서 페이지 편집 시에는 이상이 없지만, 로그아웃 상태에서 사이트를 방문할 때에는 수정 사항이 적용되지 않는 경우라면 캐시 문제를 의심할 수 있습니다.
캐시 플러그인의 캐시를 삭제하고, 서버 캐시가 있다면 서버 캐시까지 삭제하시기 바랍니다.
페이지 미발행
페이지를 임시글 상태에서 작업한 경우 프런트엔드에서는 해당 페이지가 표시되지 않습니다. 헤더 템플릿을 공개하지 않고 임시글 상태로 저장한 경우 헤더가 표시되지 않을 것입니다.
이런 문제로 질문하시는 사용자들이 간혹 있습니다. 페이지를 제작했지만 사이트에 표시되지 않는다고 호소하는 경우 캐시 문제이거나 해당 페이지/글의 글의 상태가 임시글이나 심지어 삭제되어 휴지통에 들어가 있는 상태인 경우도 있습니다.
워드프레스나 웹호스팅 관련 문제로 어려움을 겪는 경우 여기에서 유료 서비스를 의뢰하실 수 있습니다. 저렴하게 서비스를 제공하고 있습니다.😄
참고
https://avada.tistory.com/3283
Divi 테마용 지속가능 에너지 레이아웃 팩(Sustainable Energy Layout Pack) 무료 다운로드
워드프레스 베스트셀링 테마 중 하나인 Divi 테마에서는 페이지 제작에 활용할 수 있도록 거의 매주 새로운 레이아웃 팩이 추가되고 있습니다. 디비 테마는 아바다 테마와 비슷한 기능을 제공하
avada.tistory.com
https://avada.tistory.com/3046
해외웹호스팅: 클라우드웨이즈 vs. 블루호스트 vs. 카페24 비교 (Cloudways vs. Bluehost vs. Cafe24)
저는 오랫동안 블루호스트(Bluehost)를 이용해 왔으며 2021년부터는 클라우드웨이즈(Cloudways) 웹호스팅 서비스도 함께 이용하고 있습니다. 현재 일부 중요하지 않는 블로그는 Bluehost에서 호스팅되고
avada.tistory.com