가이드
요소(Component)가이드
빈페이지닷컴 2020-08-11 15:49:19

요소 추가하기



5-1.png



1)요소를 추가하려면 요소를 넣고자 하는 섹션 위에 마우스 우 클릭 팝업메뉴를 호출 후 “요소 추가” 를 클릭하면 다음 사진과 같이 요소목록을 표시해주는 사이드메뉴가 열리게 됩니다.




5-2.png


<상단섹션에 삽입 가능한 요소>




5-3.png


<본문섹션에 삽입가능한 요소>




5-4.png


<하단섹션에 삽입가능한 요소>


2)상단영역,본문영역,하단영역등 각 영역의 섹션마다 삽입 가능한 요소목록이 조금씩 다릅니다. 상단섹션에서 요소추가 사이드메뉴를 열면 “상단요소”로 표시되듯, 각 영역에

맞는 요소 목록이 표시됩니다.




5-5.png



3)요소목록에서 섹션에 삽입할 요소를 클릭하면 해당 섹션 가장 아래쪽에 요소가 삽입됩니다.




5-6.png




요소 삭제하기




5-7.png



1)삽입한 요소를 삭제하려면 삭제하려는 요소의 영역 위에 마우스 우클릭 팝업메뉴 호출 후 “요소 삭제”를 선택하면 됩니다.



요소 이동하기




5-8.png



1)요소를 드래그하여 배치를 변경할 수 있습니다. 드래그 도중 배치시킬 위치의 상하좌우 가이드 선을 확인 후 드랍 시키면 해당 가이드 선을 기준으로 요소가 이동됩니다.




5-9.png


2)특정 요소를 이동할 때 다른 요소의 좌/우측에 배치를 시킬 경우 해당 요소를 포함하는 가로 열(row)을 기준으로 각 요소들의 너비가 자동으로 균등 분할되어 배치됩니다.




요소 너비변경


5-10.png


1) 요소의 너비를 변경하고자 할때는 변경할 요소의 우측 끝 영역으로 마우스를 가져다 대면 가이드선과 함께 너비조절 핸들이 출현하게 되는데, 이때 마우스 클릭 후 좌/우측으로 드래그하면

요소의 너비를 변경할 수 있습니다.


5-11.png


2) 섹션 폭에 맞춰서 요소들의 총 너비의 합은 꽉 차게 나오기 때문에 특정 요소의 너비를 변경할 경우  인접한 다른 요소의 너비도 함께 변경되게 됩니다.

3) 위의 원리를 따라서 섹션에 요소가 하나뿐이라면 너비조절이 불가능합니다.

4) 1열에 2개 이상의 요소가 배치된 경우 가장 우측의 요소는 직접적으로 너비 변경이 불가능(핸들러 미출현)하므로 바로 왼쪽에 있는 요소의 너비를 조절하여 간접적으로 너비를 조절하면

됩니다.





요소 설정하기




5-12.png



1)임의의 요소 위에 마우스 우클릭 팝업메뉴 호출 후 “요소명”설정을 선택하면 해당 요소에 대한 설정창이 열리게 됩니다.




5-13.png


<이미지요소 설정창>


2)각 요소별 상세설정 가이드는 각 요소별 가이드를 참고해주십시오.






#쇼핑몰 #쇼핑몰만들기 #쇼핑몰제작 #홈페이지 #홈페이지만들기 #홈페이지제작 #웹사이트 #웹사이트만들기 #웹사이트제작

고객상담