행 및 열 이해하기

작성자

카테고리:

행 및 열(Rows & Columns) 이해하기

행(Row)과 열(Column)은 구획된 콘텐츠를 만들 때 사용할 수 있는 도구입니다.

새로 생성된 페이지/글에서 Page Builder Sandwich를 사용하여 편집할 때, 입력하는 콘텐츠는 모두 단일 열에 배치됩니다. 이는 블로그 글을 작성하기에는 좋지만, 랜딩 페이지나 문의 페이지를 위한 특별한 레이아웃을 만들고 싶다면 2열 레이아웃이나 페이지 전체에 다양한 열의 조합이 필요할 수 있습니다.

인스펙터(inspector)에서 다음 버튼들을 사용하여 행과 열을 추가할 수 있습니다:

22ec073e6a file ythKcmfXHF

추가되면 새 행에 윤곽선이 표시됩니다:

d1bfd8117d file bB2ec01I6R

행과 열 안에는 텍스트, 숏코드, 위젯 등 무엇이든 넣을 수 있으며, 행과 열을 추가로 더 넣을 수도 있습니다.

행(또는 행 내부의 콘텐츠)이 선택되면 인스펙터에서 더 많은 옵션을 사용할 수 있게 됩니다. 이 버튼들을 사용하여 섹션의 스타일을 추가로 지정할 수 있습니다:

d9ddd0c520 file EaSMeFS0nW

인스펙터의 이 아래에는 열의 스타일을 지정하기 위한 추가 옵션도 있습니다.

행 자체를 클릭한 채로 누르고 있으면 다른 위치로 행을 이동할 수 있습니다(행 내부의 요소를 클릭한 채로 누르면 행이 아니라 해당 요소가 드래그됩니다).