블럭 상세설정방법 알아보기, 배경, 색상 등

|

블럭의 세부 설정에 대해 추가로 알아보겠습니다.

빈 블럭을 하나 만듭니다. 모든 블럭에는 상단과 하단에 기본 여백이 있습니다. 마우스를 올리면 여백의 크기가 나타나는데요. 클릭하고 드래그하면 여백 크기를 조절할 수 있습니다.

다음, 블럭 세부 설정을 확인하겠습니다. 첫번째는 블럭의 유형을 지정하는 옵션입니다. 글로벌로 만든다는 것은 이 블럭이 지금 편집하는 페이지 외에 다른 곳에도 나타날 수 있도록 하는 옵션인데요. 기본적으로 헤더와 푸터에만 사용한다고 알아두시면 되겠습니다.

다음 슬라이더로 만들기는 여러개의 블럭을 슬라이드처럼 보여주는 옵션입니다. 좌우로 움직이는 슬라이드 디자인은 홈페이지에 자주 사용되곤 합니다. 눌러보면 블럭이 하나 추가되면서 아래쪽에 점과 좌우측에 화살표가 나타나는 것을 볼 수 있습니다. 슬라이드를 추가하고 싶으면 복제 아이콘을 클릭하면 되고, 슬라이더 옵션을 해제하면 하나의 블럭으로 돌아갑니다.

다음은 블럭의 배경을 설정하는 옵션입니다. 마우스가 올려졌을 경우와 아닌 경우 각각 설정할 수 있는데요. 마우스 올려져 있는 경우인 손가락 모양에서의 설정은 하지 않아도 됩니다. 배경의 형태는 이미지, 영상, 지도 3가지입니다.

이미지를 선택하면 배경에이미지가 나타납니다. 패럴렉스 설정은 배경에 이동하는 효과를 지정할 수 있는데요. 원하는 효과를 선택해서 쓰면 됩니다.

배경영상은 유튜브나 비메오 링크를 넣어주면 되고, 지도는 주소를 넣어주고 줌으로 확대 축소 범위를 지정하면 됩니다. 색상을 조절하는 필터는 이용을 추천하지는 않습니다.

색상은 배경과 겹쳐져서 나타납니다. 오버레이와 테두리 색상을 지정할 수 있습니다. 투명도를 조절해서 배경에 이미지나 영상 등이 있을 때 반투명하게 보여줄 수 있습니다.

다음 하트 아이콘은 현재 디자인한 블럭을 저장하는 기능입니다. 블럭을 저장하면 블럭을 추가할 때 저장해 놓은 블럭을 재 이용할 수 있습니다.

다음 톱니바퀴 설정에서는 블럭의 높이와 너비를 지정할 수 있습니다. 중앙의 회색 점선 영역이 엘리먼트가 배치되는 영역인데요. 이걸 박스형으로 하면 좌우 여백을 두는 것이고, 아래의 게이지를 조절해서 콘텐츠 폭을 조절할 수 있습니다. 전체로 하면 엘리먼트 배치영역에 좌우 전체 너비를 쓰게 됩니다.

높이는 콘텐츠의 크기에 따라서 자동으로 선택하거나 현재 화면에 보이는 전체 높이로 지정하거나 원하는 높이를 지정할 수 있습니다. 원하는 높이를 지정할 때에는 콘텐츠의 상하 배치를 상 중 하 중에 지정할 수 있습니다.

블럭 설정에 대해서 자세히 알아봤습니다. 페이지 만들때 하나하나 눌러보면서 기능에 익숙해지시기 바랍니다.