header-logo
Wix를 사용해해 사이트와 비즈니스를 구축하는 방법을 알아보세요.
직관적인 Wix 기능을 사용해 사이트를 디자인하고 관리하세요.
구독, 플랜 및 인보이스를 관리하세요.
비즈니스를 운영하고 회원과 소통하세요.
도메인을 구매하고 사이트에 연결, 이전하는 방법을 알아보세요.
비즈니스 및 웹 존재감을 키울 수 있는 도구를 확인하세요.
SEO 및 마케팅 도구로 가시성을 높이세요.
보다 효율적으로 작업할 수 있는 고급 기능을 활용하세요.
해결책을 찾고, 알려진 문제에 대해 알아보거나 문의하세요.
placeholder-preview-image
강좌 및 튜토리얼을 통해 실력을 향상시키세요.
웹 디자인, 마케팅 등에 대한 팁을 확인하세요.
검색 엔진에서 유기적 사이트 트래픽을 증가시키는 방법을 알아보세요.
풀스택 플랫폼을 활용해 맞춤형 사이트를 구축하세요.
목표 달성에 도움을 줄 전문가를 만나보세요.
placeholder-preview-image

Wix 에디터: 에디터 그리드라인 활용하기

3 분
페이지 메뉴
  • 그리드라인 작동 방식
  • 에디터 그리드라인 활성화 또는 비활성화하기
  • 단 내 그리드라인
  • FAQ
그리드라인은 방문자가 모든 화면 크기에서 콘텐츠를 볼 수 있도록 도움을 주는 편집기 내부의 점선입니다. 모든 요소를 그리드라인 사이에 배치해 작은 기기에서 볼 때 발생할 수 있는 문제(예: 요소가 잘림)를 방지하세요. 
그리드라인은 에디터 내에서만 표시되지만 원하는 경우 언제든지 비활성화할 수 있습니다.

그리드라인 작동 방식

방문자는 라이브 사이트에서 그리드라인을 볼 수 없습니다. 그리드라인은 사이트를 더 잘 매칭하고 디자인하는 데 도움이 되는 가이드일 뿐입니다.
다양한 브라우저 및 기기에서 내 사이트 콘텐츠를 볼 수 있도록 모든 콘텐츠를 세로 그리드라인 내부에 배치하는 것이 중요합니다. 세로 그리드라인 외부에 배치된 요소는 태블릿 및 작은 기기에서 잘릴 수 있습니다.

전체 너비 요소

스트립갤러리 등과 같은 전체 너비 요소를 그리드라인 사이에 맞지 않는 것처럼 보이더라도 페이지에 배치할 수 있습니다. 하지만, 중요한 콘텐츠(예: 텍스트, 버튼 등)는 여전히 세로 그리드라인 안에 배치되어야 합니다. 
도움말:
그리드라인 내부의 페이지 너비는 980 픽셀로 고정되어 있습니다. 페이지 높이는 그리드라인이 아니라, 페이지 콘텐츠에 따라 달라집니다.

에디터 그리드라인 활성화 또는 비활성화하기

에디터 상단 바에서 직접 원하는 대로 그리드라인을 활성화 또는 비활성화할 수 있습니다. 도구 드롭다운 메뉴에서 체크 상자를 선택 또는 선택 해제하면 됩니다.

에디터 그리드라인을 활성화 또는 비활성화하려면:

  1. 에디터 상단 바에서 도구를 클릭합니다.
  2. 그리드라인 체크 상자를 선택 또는 선택 해제합니다.

단 내 그리드라인

에는 에디터 그리드라인과 별도의 그리드라인이 있습니다. 에디터 그리드라인과 같이 단의 세로 그리드라인 내부에 콘텐츠를 배치해 기기 및 브라우저에서 올바르게 표시되도록 해야 합니다.
단 그리드라인은 에디터 그리드라인보다 우선시됩니다. 즉, 요소가 단의 그리드라인 내부에 있는 한 에디터의 세로 그리드라인 외부에 소를 배치할 수 있습니다.

FAQ

아래는 에디터 그리드라인에 대한 가장 자주 묻는 질문 중 일부입니다. 질문을 클릭해 답변을 확인하세요.