Page Builder Sandwich: 레이아웃 및 디자인 시스템, 1/2부

주요 기능

• Flexbox 및 CSS Grid 컨테이너 — 시각적 그리드 편집기를 포함하여 완전한 flex 및 grid 제어 기능을 갖춘 섹션 및 컨테이너: 드래그하여 열과 행을 설정하세요.
• 세 가지 기본 제공 중단점 — 데스크톱, 태블릿, 모바일을 위한 개별 설정이 제공되며 실시간으로 미리 볼 수 있습니다.
• 테마와 공유되는 전역 색상 및 글꼴 — 테마 설정(theme.json)을 읽고 쓰는 사이트 전반의 색상과 타이포그래피를 통해 빌더와 테마가 항상 일치하도록 유지합니다.
• 요소 및 사이트 간 스타일 복사 및 붙여넣기 — 요소의 스타일이나 전체 섹션을 복사하여 다른 페이지나 다른 웹사이트에 붙여넣으세요.
• 팔레트 색상의 음영 및 불투명도(OKLCH) — 색상 선택기에서 직접 팔레트 색상을 더 밝게, 더 어둡게 또는 반투명하게 조정할 수 있습니다. 색조가 그대로 유지되도록 OKLCH로 혼합되며, 팔레트 색상과 계속 연결되어 있고 구형 브라우저를 위한 일반 단색 대체 기능도 지원합니다.
• 스타일 빌더의 조건문(media, container 및 supports at-규칙) — 인쇄 시, 어두운 색상 테마, 동작 줄이기 적용 시 또는 마우스 기기에서만 요소 스타일을 지정할 수 있습니다. 개발자는 pbsw_style_at_rules PHP 필터를 사용하여 자체 media, container 및 supports 사전 설정을 추가할 수 있습니다.
• 행과 열을 포함한 모든 블록의 변형 옵션 — 화면 크기별로, 그리고 마우스 호버 시 블록을 회전, 배율 조정, 기울이기, 이동할 수 있습니다. 이동 동작은 오른쪽에서 왼쪽으로 쓰는 언어의 읽기 방향을 따릅니다.
• 그룹 및 반복 가능한 블록을 위한 기본 항목 스타일 — 행, 섹션, 아코디언 또는 탭의 모든 항목에 대해 화면 크기별 및 마우스 호버 시의 스타일을 한 번에 지정할 수 있습니다. 항목 자체의 설정값이 항상 우선 적용됩니다.
• 행 및 섹션 이름 지정 — 설정에서 행, 섹션 또는 컨테이너에 레이블("가격", "Hero")을 지정하세요. 캔버스의 행과 레이어에 레이블이 표시되므로 긴 페이지에서도 원하는 위치를 쉽게 찾을 수 있습니다. 이 레이블은 페이지에 직접 인쇄되지 않습니다.

Free 또는 Pro

여기에 안내된 모든 기능은 무료 에디션에 포함되어 있습니다.