Wix 하모니 에디터: 상자 추가 및 사용자 지정
페이지 메뉴
- 상자 추가하기
- 상자 사용자 지정하기
- 상자에 요소 추가하기
- FAQ
상자는 구조적인 레이아웃을 만들고 사이트에 스타일을 더하기에 좋은 유연한 구성 요소입니다. 이미지, 텍스트, 버튼처럼 관련 있는 콘텐츠를 상자로 묶으면 페이지를 깔끔하게 정리하고 시각적으로도 더 매력적으로 만들 수 있습니다.
완성된 디자인을 선택하든 처음부터 상자를 사용자 지정하든, 원하는 느낌에 맞게 요소를 자유롭게 조정할 수 있습니다.
상자 추가하기
콘텐츠와 스타일 목표에 맞는 상자를 선택합니다. 미니멀한 느낌을 원하면 빈 상자로 시작하거나, 미리 디자인된 다양한 옵션 중 하나를 사용할 수 있습니다.
상자를 추가하려면:
- 에디터로 이동합니다.
- 에디터 왼쪽 상단에서 + 추가를 클릭합니다.
- 요소를 선택합니다.
- 왼쪽에서 상자 아이콘
을 클릭합니다. - 상자를 페이지로 드래그합니다.
상자 사용자 지정하기
상자를 추가한 후에는 사이트에 자연스럽게 어울리도록 디자인을 바꿀 수 있습니다. 배경, 테두리, 모서리, 음영을 조정하거나 간격과 레이아웃을 세밀하게 다듬어 콘텐츠가 더 돋보이게 해 보세요.
상자를 사용자 지정하려면:
- 에디터로 이동합니다.
- 에디터에서 해당 상자를 클릭합니다.
- 사용자 지정할 항목을 선택합니다:
상자 배경 변경하기
을 클릭하고 옵션을 사용해 배경을 추가로 조정합니다. 상자 디자인 사용자 지정하기
을 클릭합니다.
: 색상, 두께, 스타일을 선택해 상자의 테두리를 설정하면 더 눈에 띄게 만들 수 있습니다. 개별 테두리 편집 아이콘 
을 클릭해 각 변의 테두리를 각각 디자인합니다.
: 반경 아래 슬라이더를 드래그해 상자의 모서리를 더 각지게 또는 더 둥글게 만듭니다. 개별 모서리 편집 아이콘 
: 안쪽 및 바깥쪽 음영을 적용해 상자에 입체적인 3D 효과를 더하고, 위치, 흐림 정도, 색상 등을 설정합니다.
상자에 요소 추가하기
상자는 요소를 함께 묶어 사이트를 깔끔하고 체계적으로 관리하는 데 도움이 됩니다. 텍스트, 이미지, 버튼 같은 요소를 상자 안으로 드래그하면 모든 요소가 함께 이동합니다. 페이지를 이동하거나 다시 배치해도 콘텐츠가 원하는 위치에 그대로 유지되므로 페이지를 정돈된 상태로 유지할 수 있습니다.
참고:
요소는 상자보다 작아야 상자에 추가할 수 있습니다.
상자에 요소를 추가하려면:
- 에디터로 이동합니다.
- 에디터에서 해당 요소를 클릭합니다.
- 컨테이너 안에서 원하는 위치로 드래그한 다음 컨테이너에 추가가 표시되면 놓습니다.
FAQ
아래 질문을 클릭해 상자에 대해 자세한 내용을 확인하세요.
요소를 상자에 추가했는데 요소가 보이지 않습니다. 어떻게 된 건가요?
현재 상자에 추가된 요소를 분리할 수 있나요?