Studio 에디터: 컨테이너 사용하기

3 분 분량

컨테이너는 사이트 콘텐츠를 간소화하고 구성하는 데 도움이 되는 반응형 레이아웃 도구입니다. 사이트의 디자인을 보완하도록 사용자 지정하고 텍스트, 미디어, 버튼 등의 요소를 추가할 수 있습니다.

다음 도움말을 참고하세요.

먼저 클라이언트의 디자인 및 콘텐츠 요구 사항에 맞게 컨테이너를 추가하세요. 사전 디자인된 다양한 마우스오버 컨테이너 중에서 선택하거나 빈 디자인으로 처음부터 시작할 수 있습니다.

사이트의 미적 감각을 보완할 수 있도록 컨테이너의 디자인을 사용자 지정하세요. 배경 색상을 변경하고 반경을 설정하는 등의 작업을 수행할 수 있습니다.

디자인 아래에서 컨테이너를 사용자 지정할 방법을 선택합니다.
- 배경: 배경 색상을 설정하고 가시성을 조정합니다.
- 테두리: 컨테이너에 테두리를 추가하고 옵션을 사용해 크기, 색상 및 투명도를 설정합니다.
- 모서리: 컨테이너 모서리 반경(px)을 조정해 더 둥글거나 각지게 만듭니다.
- 음영: 컨테이너에 음영 효과를 추가하고 사용자 지정합니다.

컨테이너 내부에 요소를 배치하면 자동으로 추가됩니다. 이는 컨테이너 및 컨테이너에 연결된 요소 전체를 드래그해 레이어 패널에서 함께 볼 수 있음을 의미합니다.

고급 CSS 그리드해 레이아웃을 구성할 수 있습니다. 원하는 단과 행의 수를 선택하고 반응형 치수(예: fr, 최소/최대, %)를 사용하여 크기를 설정할 수 있습니다.

페이지 메뉴