베스트셀링 워드프레스 테마인 아바다(Avada)는 현재 11년 연속 판매 1위를 기록하고 있으며 100만 개 이상 판매되었습니다. 비슷한 판매량을 자랑하는 유료 테마로 유사한 기능을 제공하는 다목적 테마인 Divi가 있습니다. 아바다 테마는 많은 기능을 탑재하여 초보자부터 전문 사용자 모두 사용할 수 있습니다. 테마를 설치하고 사이트 제작이나 리뉴얼 작업을 완료하기 전까지 "사이트 공사 중" 혹은 "사이트 리뉴얼" 화면을 표시하거나 일시적인 사이트 유지보수 기간 동안 알림 페이지를 표시하고 싶은 경우 아바다 테마의 '유지보수 모드'를 사용할 수 있습니다.
아바다 테마 '유지보수 모드(Maintenance Mode)'를 사용하여 사이트 공사 중 화면을 표시하는 방법
다목적 테마의 효시라 할 수 있는 아바다(Avada)는 10년 이상 판매 1위를 기록하고 있는 전설과도 같은 테마입니다.
Avada는 많은 기능이 탑재되어 있어 초보자도 쉽게 다룰 수 있다는 장점이 있지만, 한편으로 너무 많은 기능 때문에 사이트가 무거워 느려질 수 있는 단점도 있습니다.
워드프레스에서 테마를 설치하고 사이트 제작을 완료하기 전까지 사이트 제작이나 리뉴얼 중임을 알리는 화면을 표시하고 싶은 경우 Coming Soon 플러그인을 사용할 수 있습니다.
아바다 테마를 사용하는 경우에는 "유지보수 모드"를 사용할 수 있습니다.
워드프레스 알림판 » Avada » 유지보수 모드에서 메인터넌스 모드(Maintenance Mode)를 활성화하거나 비활성화할 수 있습니다.
위의 그림과 같이 끄기, Maintenance, Coming Soon 옵션 중에서 선택할 수 있습니다.
Maintenance 모드나 Coming Soon 모드를 선택하면 동일한 설정 화면이 표시됩니다.
Maitenance 모드에서는 사이트 제목과 함께 "유지보수 모드" 메시지가 표시됩니다.
Coming Soon 옵션을 선택하면 사이트 제목과 함께 "Coming Soon" 메시지가 표시됩니다.
메시지는 Page Title HTML Tag에서 지정할 수 있습니다.
그리고 다음과 같은 CSS 코드를 모양 » 사용자 정의 » 추가 CSS에 추가하면 사이트 제목이 사라집니다.
.awb-maintenance-site-name {
display: none;
}사이트 제목과 메시지를 숨기고(제거하고) 배경 이미지로 대체하는 것도 가능합니다. 사이트 공사 중 또는 리뉴얼 작업 중임을 알리는 배경 이미지를 만들어서 미디어 라이브러리에 업로드한 후에 다음과 같은 CSS 코드를 추가하면 사이트 제목과 유지보수 알림 메시지가 사라지고 지정한 이미지가 전체 화면 배경으로 설정됩니다.
/* In Avada Maintenance Mode: hide the site title and page title,
and apply a custom full-screen background image */
section.awb-maintenance-content {
display:none;
}
body.awb-maintenance-page {
background-image: url('https://example.com/.../image-name.jpg'); /* 이미지의 실제 경로로 변경*/
background-size: cover; /* 화면을 꽉 채움 */
background-position: center; /* 중앙 정렬 */
background-repeat: no-repeat; /* 반복 없음 */
background-attachment: fixed; /* 스크롤 시 고정 (선택사항) */
width: 100%;
height: 100vh; /* 전체 높이 설정 */
margin: 0;
padding: 0;
}유지보수 모드를 활성화할 경우, 기본적으로 관리자만 사이트에 접속할 수 있고 이외의 사용자나 방문자들은 Coming Soon 또는 Maintenance 화면을 보게 됩니다. 원하는 경우 특정 사용자 역할(예: Editor, Author, Contributor, Subscriber, Customer 등)에 대하여 사이트에 접근할 수 있도록 허용할 수 있습니다.
마치며
아바다 테마에서는 유지보수 모드 옵션을 제공하므로 사이트를 신규로 만들거나 리뉴얼 작업을 하는 경우 사이트가 완성되기 전까지 유지보수 모드를 활성화할 수 있습니다. 그러면 별도의 Coming Soon 플러그인을 사용할 필요가 없습니다.
사이트 제작이나 리뉴얼, 유지보수 알림 이미지를 준비하여 CSS로 전체 화면 배경 이미지로도 설정이 가능하므로 상황에 따라 응용하여 이용하시기 바랍니다.
댓글 남기기