아임웹 홈페이지 수정하는법 실수 없이 진행하기

얼마 전 지인이 아임웹 홈페이지의 행사 문구를 바꿨는데, 편집 화면에는 새 문구가 보이고 방문자 화면에는 예전 문구가 남아 있다고 했다. 확인해 보니 게시하기를 누르지 않은 상태였다. 아임웹 홈페이지 수정하는법에서 버튼을 찾는 일보다 중요한 건 수정 범위를 먼저 가르고, 게시 전후에 같은 화면을 확인하는 일이다.

수정할 내용이 어느 영역에 있는지 먼저 찾는다

아임웹에 로그인해 내사이트에서 해당 사이트의 디자인 모드로 들어간다. 화면 상단의 현재 메뉴명을 보고 수정할 페이지가 맞는지 확인한다. 메뉴 관리에서 페이지를 선택하면 그 페이지의 본문을 편집할 수 있다. 비슷한 이름의 메뉴가 여럿이면 실제 방문자 화면에서 문구가 있는 페이지를 먼저 열어두는 편이 안전하다.

화면에 보이는 요소가 모두 같은 방식으로 수정되는 것은 아니다. 본문 문구와 사진은 대개 텍스트·이미지 위젯에 들어 있다. 여러 페이지에서 똑같이 보이는 상단 메뉴나 하단 사업자 정보는 공통 영역일 수 있다. 공통 글꼴과 버튼 모양은 공통 디자인 설정에서 바꾼다. 가령 첫 화면의 제목 한 줄만 고치려는데 공통 글꼴 크기를 변경하면 다른 페이지 제목까지 달라질 수 있다.

작업 전에는 현재 화면을 PC와 모바일에서 각각 캡처하고, 바꿀 문구·이미지 파일·연결할 대상 페이지를 따로 적어둔다. 수정 요청이 다섯 군데라면 페이지별로 나누어 기록한다. 운영 중인 사이트에서는 이 짧은 기록이 되돌릴 기준점이 된다.

문구와 이미지는 해당 위젯에서 바꾼다

문구를 바꿀 때는 해당 텍스트 위젯을 더블클릭해 편집한다. 기존 문장을 통째로 지우기 전에 복사해 두고, 전화번호나 영업시간처럼 반복해서 쓰인 정보는 다른 페이지에도 남아 있는지 검색한다. 텍스트 위젯에는 제목과 본문 단락 설정이 있다. 글자 크기만 키워 제목처럼 보이게 만들면 페이지마다 서식이 달라지기 쉬우니, 기존 단락 형식을 확인한 뒤 내용을 바꾼다.

사진은 이미지 위젯의 설정에서 교체한다. 새 파일을 올리기 전 원본 파일명과 크기를 기록해 두면 잘못 올렸을 때 찾기 쉽다. 예를 들어 가로로 긴 배너 자리에 세로 사진을 넣으면 화면을 채우는 과정에서 인물이나 문구가 잘릴 수 있다. 이미지를 교체한 뒤에는 PC와 모바일 양쪽에서 잘리는 위치를 확인한다. 이미지 안에 중요한 글자를 넣었다면 작은 화면에서 읽히는지도 봐야 한다.

버튼 문구를 바꿀 때는 버튼이 향하는 곳도 함께 확인한다. 화면에는 ‘상담 신청’이라고 쓰여 있어도 연결 대상이 오래된 행사 페이지일 수 있다. 메뉴 이름을 변경했다면 상단 탐색 메뉴뿐 아니라 본문 버튼, 하단 메뉴, 안내 문구에 남은 옛 이름까지 살펴본다. 수정 자체는 몇 분이면 끝나도 연결 경로를 놓치면 방문자는 필요한 페이지에 도착하지 못한다.

게시 전에 미리보고 모바일까지 확인한다

디자인 모드의 미리보기는 현재 작업이 브라우저에서 어떻게 보일지 확인하는 단계다. 먼저 수정한 페이지의 첫 화면, 변경한 위치, 페이지 하단을 훑는다. 그다음 모바일 화면으로 전환해 제목 줄바꿈, 이미지 잘림, 버튼 간격을 본다. PC에서 한 줄이던 문구가 모바일에서 세 줄이 되면 아래 버튼이 밀려 보일 수 있다.

확인이 끝나면 게시하기를 눌러 방문자 화면에 반영한다. 아임웹 공식 가이드도 디자인 모드의 미리보기와 게시하기를 별도 기능으로 안내한다. 게시한 뒤에는 편집 화면을 닫고 일반 방문자 화면에서 다시 열어본다. 수정한 문구가 보이는지, 버튼이 의도한 페이지로 이동하는지, 문의 양식이 있다면 입력과 제출 흐름이 정상인지 확인한다. 접속 중인 브라우저에서 옛 화면이 보인다면 새 창이나 다른 기기에서도 확인해 캐시 문제와 게시 누락을 구분한다.

한 번에 여러 페이지를 바꾼 경우에는 각 페이지를 게시 후 확인 목록에 넣는다. 첫 화면만 보고 작업을 끝내면 하위 페이지의 잘린 이미지나 누락된 문구를 놓치기 쉽다. 방문자가 자주 쓰는 경로부터 확인하면 짧은 시간에도 실제 영향을 줄일 수 있다.

되돌릴 수 있는 범위를 알고 수정한다

본문 위젯을 잘못 움직였다면 디자인 모드의 실행취소를 먼저 확인한다. 아직 게시하지 않은 작업에는 마지막 게시 시점으로 되돌리기 기능도 있다. 다만 아임웹 공식 안내에 따르면 메뉴, 상단, 하단, 공통 디자인 설정에는 이 되돌리기 기능이 적용되지 않는다. 공통 영역을 바꾸기 전에 화면 캡처와 기존 설정값을 남겨둘 이유다.

사이트 복제를 백업처럼 생각하기도 한다. 하지만 복제 기능은 조건이 있고 회원 정보, 게시판 글, 주문 내역 등은 함께 복제되지 않는다. 운영 데이터까지 보관해야 하는 쇼핑몰이라면 사이트 복제 하나로 복구 계획을 세우지 말고, 필요한 데이터의 내보내기 가능 범위와 보관 주기를 별도로 확인해야 한다.

사이트 수정 때문에 도메인이나 SSL 설정을 건드릴 필요는 보통 없다. 문구 교체 뒤 접속 오류가 생겼다면 먼저 게시 상태와 변경한 위젯을 확인하고, 여러 기기에서 같은 증상인지 본다. 도메인 연결이나 보안 인증서 오류가 별도로 보일 때 그 설정을 점검하는 순서가 맞다. 운영하면서 보니 작은 수정을 안전하게 끝내는 방법은 거창하지 않았다. 바꿀 곳을 좁히고, 이전 상태를 남기고, 게시 후 방문자 화면까지 확인하는 습관이 가장 오래 간다.