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. 에디터 오른쪽 상단에서 속성 열기 화살표를 클릭합니다.
Studio 에디터에서 속성 패널을 여는 스크린샷
  1. 디자인 아래에서 텍스트 마스크를 디자인할 방법을 선택합니다.

Helpmate

안녕하세요 님,

추가 도움이 필요하신가요?
도움말 요약
Related articles
Studio 에디터: 다양한 텍스트 글꼴 사용하기

Studio 에디터: 접이식 텍스트 추가 및 사용자 지정하기

Studio 에디터: 텍스트 추가 및 사용자 지정하기
Unlock personalized helpLog in to get the most out of Helpmate.