여백위젯(충분한 여백주기)

텍스트위젯과 텍스트위젯 사이에 여백을 줌으로서 시원하게 페이지를 만들어 볼까 합니다.

​

1. 현재 가로3개로 2줄의 텍스트위젯을 만들어 놓았습니다. 여기서 위의 텍스트위젯 아래에 여백을 넣어보겠습니다. 마우스를 텍스트위젯 아래로 가져갔을때 나타나는 + 를 클릭한후 나타난 팝업창에서 디자인요소중에 "여백"을 찾아 클릭합니다. 그러면 다음과같이 텍스트위젯 하단에 여백이 생긴것을 알수있습니다. 물론 마우스로 양방향표시가 나타날때 클릭드래그하여 여백의크기를 조절할수도 있습니다.

2. 여백을 위아래에 같은값을 주는것이 홈페이지가 안정감이 있게되는데요 그러기 위해서는 여백위에 우클릭하여 여백설정을 선택한다음 크기를 170을 줍니다.(픽셀의 크기는 짝수로 주는것이 좋습니다). 밑의 여백도 그렇게 주시고 여백설정 팝업창에 나오는 "기본그리드"는 체크해제를 하시기 바랍니다.

3. 정열을 이용해서 타이틀을 가운데 정열로 만들어 봅니다. 타이틀을 더블클릭하여 정열을 가운데 정열로 변환합니다. 그리고 타이틀 좌우에 여백도 넣어봅니다. 여백넣는 방법은 하단에 마우스를 가져가면 나타나는 +를 클릭하여 여백위젯을 삽입하고 그걸 좌우의 공간으로 끌고가면 됩니다.