HTML

Wix 사용법: 왕초보를 위한 구체적인 단계별 가이드

forSilver 2025. 10. 20. 12:21
반응형

Wix 사용법: 왕초보를 위한 구체적인 단계별 가이드

Wix는 코딩 지식 없이도 누구나 전문가 수준의 웹사이트를 만들 수 있도록 돕는 강력한 플랫폼입니다. 이 가이드에서는 회원가입부터 웹사이트 게시까지, 각 단계를 최대한 구체적으로 안내하여 여러분만의 멋진 웹사이트를 완성할 수 있도록 돕겠습니다.

1단계: 기획 및 회원가입

웹사이트 제작에 앞서 어떤 목적의 사이트를 만들지 명확히 하는 것이 중요합니다.

  • 목표 설정: 개인 포트폴리오, 회사 소개, 온라인 쇼핑몰, 블로그 등 웹사이트의 주된 목적을 결정합니다.
  • 타깃 고객 정의: 누가 이 웹사이트를 방문할지를 생각합니다. (예: 20대 여성 패션에 관심 있는 고객, 잠재적인 비즈니스 클라이언트 등)
  • 필요한 페이지 구상: 목표에 맞춰 '홈', '회사 소개', '제품/서비스', '블로그', '문의하기' 등 필요한 페이지 목록을 미리 작성해 봅니다.

준비가 되었다면, 이제 Wix에 가입할 차례입니다.

  1. Wix 공식 홈페이지에 접속하여 '시작하기' 버튼을 클릭합니다.
  2. 이메일, 구글, 페이스북 계정 중 편한 방법으로 회원가입을 진행합니다.

2단계: 제작 방식 선택 및 템플릿 고르기

가입 후에는 웹사이트를 만드는 두 가지 주요 방식 중 하나를 선택하게 됩니다.

  • Wix ADI (Artificial Design Intelligence): 몇 가지 질문에 답변하면 인공지능이 자동으로 맞춤형 웹사이트를 디자인해 주는 방식입니다. 웹사이트 제작이 처음이거나, 빠르고 간단하게 만들고 싶을 때 추천합니다.
  • Wix 에디터: 수백 개의 디자인 템플릿 중 하나를 선택하여 직접 모든 세부 사항을 수정하는 방식입니다. 더 자유롭고 창의적인 디자인을 원할 때 적합합니다.

여기서는 더 많은 분들이 사용하는 'Wix 에디터'를 기준으로 설명하겠습니다.

  1. 템플릿 선택: '템플릿으로 제작'을 선택합니다.
  2. 카테고리 탐색: 비즈니스, 쇼핑몰, 사진, 포트폴리오 등 다양한 카테고리 중에서 자신의 웹사이트 목적과 가장 유사한 것을 고릅니다.
  3. 미리보기 및 선택: 마음에 드는 템플릿 위에 마우스를 올리면 '보기' 버튼이 나타납니다. 미리보기를 통해 디자인과 구성을 꼼꼼히 확인한 후 '편집' 버튼을 눌러 선택을 완료합니다. (템플릿은 나중에 변경하기 어려우니 신중하게 선택하세요.)

3단계: Wix 에디터 핵심 기능 완전 정복

템플릿을 선택하면 웹사이트를 직접 꾸밀 수 있는 'Wix 에디터' 화면이 열립니다. 처음에는 복잡해 보일 수 있지만, 핵심 기능 몇 가지만 익히면 금방 익숙해질 수 있습니다.

에디터의 왼쪽 메뉴가 가장 중요합니다.

  • ① 요소 추가 (+ 아이콘): 웹사이트의 모든 콘텐츠는 여기서 추가합니다.
    • 텍스트: 제목, 단락 등 다양한 형태의 텍스트를 추가하고 편집합니다.
    • 이미지: 내 컴퓨터의 이미지를 업로드하거나 Wix에서 제공하는 무료 이미지를 사용합니다.
    • 버튼: '더 알아보기', '문의하기' 등 클릭 가능한 버튼을 만듭니다.
    • 스트립: 웹사이트의 배경이 되는 가로로 긴 구획입니다. '회사 소개', '주요 서비스' 등 섹션을 구분할 때 유용합니다.
    • 갤러리: 여러 이미지를 한 번에 보여줄 수 있는 슬라이드나 그리드 형태의 갤러리를 추가합니다.
    • 메뉴 및 앵커: 사이트 상단 메뉴를 편집하거나, 한 페이지 내에서 특정 위치로 이동하는 링크(앵커)를 만듭니다.
  • ② 섹션 추가: '회사 소개', '팀', '문의' 등 미리 디자인된 섹션을 통째로 추가할 수 있어 시간을 절약해 줍니다. 빈 섹션을 추가하여 처음부터 직접 디자인할 수도 있습니다.
  • ③ 페이지 및 메뉴: 웹사이트의 전체 페이지 구조를 관리합니다.
    • 페이지 추가: '사이트 메뉴' 패널 하단의 '페이지 추가' 버튼을 눌러 새 페이지를 만듭니다.
    • 페이지 순서 변경: 페이지 이름을 마우스로 끌어 메뉴의 순서를 바꿀 수 있습니다.
    • 하위 페이지 만들기: 특정 페이지를 다른 페이지 아래로 드래그하면 하위 메뉴(드롭다운 메뉴)가 생성됩니다.
  • ④ 사이트 디자인: 웹사이트의 전체적인 색상과 글꼴(폰트) 테마를 변경합니다. 여기서 설정하면 모든 페이지에 일관된 디자인이 적용됩니다.
  • ⑤ 앱 추가 (Wix 앱 마켓): 웹사이트에 특별한 기능을 추가하고 싶을 때 사용합니다. (예: 온라인 예약 시스템, 라이브 채팅, 이벤트 캘린더 등)

[실전 팁]

  • 드래그 앤 드롭: 모든 요소(텍스트, 이미지 등)는 마우스로 클릭하여 원하는 위치로 자유롭게 끌어다 놓을 수 있습니다.
  • 요소 편집: 편집하고 싶은 텍스트나 이미지를 더블클릭하거나, 한 번 클릭 후 나타나는 메뉴를 통해 내용을 수정하고 디자인을 변경할 수 있습니다.
  • 실행 취소/다시 실행: 상단 메뉴의 화살표 아이콘을 눌러 방금 한 작업을 취소하거나 다시 실행할 수 있습니다.
  • 저장: 작업 중간중간 오른쪽 상단의 '저장' 버튼을 눌러 변경 사항을 잃지 않도록 합니다.

4단계: 모바일 최적화 및 미리보기

최근에는 데스크톱보다 모바일로 웹사이트에 접속하는 사용자가 더 많습니다. 따라서 모바일 환경에 최적화된 화면을 제공하는 것은 매우 중요합니다.

  1. 모바일 뷰로 전환: 에디터 상단의 데스크톱 아이콘 옆에 있는 휴대폰 아이콘을 클릭합니다.
  2. 레이아웃 조정: 모바일 화면에서는 일부 요소가 다르게 보일 수 있습니다. 텍스트 크기를 키우거나, 요소의 순서를 바꾸는 등 모바일 환경에 맞게 레이아웃을 조정합니다. (여기서의 변경은 데스크톱 뷰에 영향을 주지 않습니다.)
  3. 모바일 전용 요소 숨기기: 특정 요소가 모바일에서 보이지 않게 하려면, 해당 요소를 클릭하고 눈 모양의 '숨기기' 아이콘을 누릅니다.
  4. 미리보기: 오른쪽 상단의 '미리보기' 버튼을 눌러 실제 방문자에게 웹사이트가 어떻게 보일지 데스크톱과 모바일 버전으로 모두 확인합니다.

5단계: SEO 설정으로 검색 결과에 노출시키기

잘 만든 웹사이트라도 검색 결과에 나오지 않으면 아무도 방문할 수 없습니다. 검색 엔진 최적화(SEO)는 내 사이트를 구글, 네이버 같은 검색 엔진에 잘 노출시키기 위한 필수 과정입니다.

  1. 대시보드 접속: 에디터 상단 '사이트' 메뉴에서 '내 대시보드'로 이동합니다.
  2. 마케팅 및 SEO: 왼쪽 메뉴에서 '마케팅 및 SEO'를 클릭합니다.
  3. SEO 체크리스트 시작하기: 'SEO 체크리스트'의 '시작하기' 버튼을 누릅니다.
  4. 정보 입력: 사이트 이름, 비즈니스 유형, 그리고 사람들이 내 사이트를 찾을 때 검색할 만한 핵심 키워드 1~3개를 입력합니다.
  5. 맞춤형 계획 따르기: Wix가 위 정보를 바탕으로 맞춤형 SEO 계획을 단계별로 제시해 줍니다. '홈페이지 제목 설정', '메타 설명 추가' 등 각 단계를 그대로 따라 하기만 하면 기본적인 SEO 설정이 완료됩니다.

6단계: 도메인 연결 및 웹사이트 게시

모든 준비가 끝났다면 이제 전 세계에 웹사이트를 공개할 차례입니다.

  1. 게시하기: 에디터 오른쪽 상단의 파란색 '게시하기' 버튼을 클릭합니다.
  2. 도메인 선택:
    • 무료 Wix 도메인: 사용자이름.wixsite.com/사이트주소 형태의 무료 주소가 제공됩니다.
    • 개인 도메인 연결: 보다 전문적인 인상을 주려면 유료 '프리미엄 플랜'으로 업그레이드하고 www.내사이트이름.com 과 같은 개인 도메인을 연결하는 것을 추천합니다. '업그레이드' 버튼을 눌러 플랜을 선택하고 도메인을 구매하거나 기존에 가지고 있던 도메인을 연결할 수 있습니다.

이제 여러분의 웹사이트가 성공적으로 게시되었습니다! 언제든지 에디터로 돌아와 내용을 업데이트하고 기능을 추가하며 사이트를 계속 발전시켜 나갈 수 있습니다.