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

Studio 에디터: 텍스트 마스크 추가 및 사용자 지정하기

5 분
페이지 메뉴
  • 텍스트 마스크 요소 추가하기
  • 텍스트 마스크의 텍스트 변경하기
  • 텍스트 마스크 요소 디자인하기
텍스트 마스크는 방문자의 관심을 끌기 위한 짧은 텍스트 작성 시 사용할 수 있는 훌륭한 도구입니다. 텍스트 배경(채우기)을 이미지, 동영상 또는 그라데이션으로 설정해 페이지에서 훨씬 더 눈에 띄게 만들 수 있습니다.
Wix Studio 아카데미로 이동해 추가 Wix Studio 웨비나, 튜토리얼 및 강좌를 확인하세요. (영문)

텍스트 마스크 요소 추가하기

요소 추가 패널로 이동해 새 텍스트 마스크 요소를 추가하세요. 원하는 디자인을 선택해 페이지로 끌어다 놓은 후 속성 패널에서 완전히 사용자 지정할 수 있습니다. 
모범 사례:
모바일에서 최상의 사이트 성능을 보장하려면, 페이지당 최대 10개의 텍스트 마스크를 추가하는 것이 좋습니다.

텍스트 마스크를 추가하려면:

  1. 에디터 왼쪽에서 요소 추가를 클릭합니다.
  2. 텍스트를 클릭합니다.
  3. 텍스트 마스크를 클릭합니다.
  4. 원하는 텍스트 마스크 디자인을 페이지로 끌어다 놓습니다.
    도움말: 일부 디자인에는 동영상 배경이 포함됩니다. 패널에서 디자인에 마우스오버해 작동되는 모습을 확인하세요.
  5. 요소에 표시할 텍스트를 입력합니다.
    1. 추가한 새 텍스트 마스크를 클릭합니다.
    2. 텍스트 변경을 클릭합니다.
    3. 표시할 텍스트를 입력합니다.
요소 추가 패널에서 텍스트 마스크에 마우스오버 시 표시되는 동영상 미리보기

텍스트 마스크의 텍스트 변경하기

텍스트 마스크에 표시될 텍스트는 언제든지 편집할 수 있습니다. 키보드의 Enter 키를 사용해 텍스트에 필요한 만큼의 행을 생성할 수 있습니다. 

텍스트 마스크의 텍스트를 변경하려면:

  1. 에디터에서 텍스트 마스크 요소를 선택합니다.
  2. 텍스트 변경을 클릭합니다.
  3. 내 텍스트 아래에 텍스트를 입력합니다.
표시할 텍스트를 입력하는 텍스트 변경 패널의 스크린샷
도움말:
속성 패널에서 텍스트의 대문자 사용을 제어하세요.예를 들어, 전체 텍스트를 대문자 또는 소문자로 변경할 수 있습니다. (아래의 "텍스트 마스크 요소 디자인하기" 참조)

텍스트 마스크 요소 디자인하기

속성 패널에서는 필요에 따라 텍스트 마스크의 기존 디자인을 조정하거나 처음부터 새로 만들 수 있습니다. 흥미로운 미디어/그라데이션 채우기를 추가하고, 글자와 행 사이의 간격 변경하는 등의 작업을 수행할 수 있습니다.

텍스트 마스크를 디자인하려면:

  1. 에디터에서 텍스트 마스크 요소를 선택합니다.
  2. 에디터 오른쪽 상단에서 속성 열기 화살표를 클릭합니다.
  3. 디자인 섹션으로 스크롤합니다.
  4. 텍스트 마스크를 디자인할 방법을 선택합니다.
요소 추가 패널에서 텍스트 마스크에 마우스오버 시 표시되는 동영상 미리보기
표시할 텍스트를 입력하는 텍스트 변경 패널의 스크린샷