똑디 빌더 가이드


똑똑한 똑디의 스마트한 똑디빌더 200% 활용하기.

똑디 빌더 가이드

디자인모드메뉴와 일체화된 디자인 구성하기 (겹치기/팔레트 활용)

위와 같이 배경 이미지 위에 메뉴가 떠있는 형태의 디자인도 똑디빌더에서 지원하고 있습니다.


겹치기에 대한 이해


메뉴가 배경에 겹쳐진 형태를 활용하기 위해서는 헤더 섹션에서 "겹치기" 기능을 활성화 시켜야 합니다. 

겹치기가 활성화 되면, 아래쪽에 있는 섹션과 겹쳐져서 마치 메뉴가 떠있는 듯한 효과를 낼 수 있습니다.


참고
  • 겹쳐진 메뉴(헤더)의 배경은 무시되어 투명이 됩니다. 따라서 배경을 설정하더라도 투명한 형태로만 표시됩니다.
  • 겹치기를 해제할 경우 설정한 배경이 적용됩니다.
  • 헤더 섹션과 겹쳐진 아래쪽 섹션 내의 위젯은 메뉴와 겹쳐지지 않습니다. 섹션의 배경만 메뉴와 겹쳐집니다.


겹쳐진 효과를 구현하는 방법

  1. 내 사이트의 디자인 모드에 접속합니다.
  2. 겹쳐질 섹션을 헤더(메뉴)의 바로 아래쪽에 배치합니다. 섹션은 위젯(이미지, 텍스트, 게시판 등)을 감싸는 영역이며 오른쪽 버튼을 눌러 "위로 이동" 또는 "아래로 이동"을 통해 이동할 수 있습니다.
  3. 의도대로 섹션을 배치했다면 헤더(메뉴) 섹션에서 오른쪽 버튼을 눌러 "겹치기"를 클릭합니다.
  4. 아래쪽 섹션의 배경이 메뉴에 겹쳐진 상태를 확인할 수 있습니다.
  5. 메뉴의 텍스트 색상이 겹쳐진 메뉴에 의해 잘 보이지 않는다면 "설정"에 진입하여 색상을 조정합니다.


메뉴별로 다른 색상 적용하기

예를 들어 메인 페이지는 겹쳐기를 활용하여 어두운 배경이라 메뉴 및 로고 텍스트가 밝은 색으로 표현되었지만 서브 메뉴에서는 겹치기를 활용하지 않아 메뉴 및 로고 텍스트가 어두운 색으로 표현되길 원할 땐 아래와 같이 설정하면 됩니다.

  1. 디자인 모드에 진입합니다.
  2.  마우스 오른쪽 버튼을 클릭하여 "설정"을 선택합니다.
  3. 개별 항목의 오른쪽 셀렉트 박스를 클릭합니다. 기본값은 "기본"으로 되어 있습니다.
  4. "사용자 정의 추가" 를 클릭합니다.
  5. 아래의 로고, 배경, 텍스트 등의 항목을 의도에 맞게 변경합니다.
  6. 설정 창 바깥을 클릭하여 저장합니다.
  7. 메뉴바의 색상이 변경된 것을 확인할 수 있습니다. (겹쳐진 상태에서는 배경값이 무시됩니다)
  8. 다시 이전의 색상을 선택하고 싶은 경우 다시 헤더의 설정에 진입합니다.
  9. 개별 항목의 사용자 정의가 추가된 부분을 "기본" 또는 다른 사용자 정의 추가 항목을 선택합니다.
  10. 설정 창 바깥을 클릭하여 저장합니다.



스마트 홈관리 앱

홈페이지에 새로운 정보가 있을 시 모바일 기기로 

알림 서비스를 받고, 즉시 관리할 수 있어 

보다편리한 업무처리가 가능합니다.

똑디빌더 제공

코딩을 몰라도 똑디빌더는 클릭과 드래그만으로 

손쉽게 기본적인 디자인변경이 가능합니다. 

고객님의 유지보수 비용을 크게 절감하실 수 있습니다.

최신버전으로 자동 업그레이드

똑디는 지속적인 연구 개발을 통하여 시스템을 

업그레이드 하고 있으며, 고객님께 항시 최신 

버전으로 제공하고 있습니다.

지속적인 파트너쉽

지속적인 커뮤니케이션과 유지보수 및 관리, 

기술지원을 통해똑디는 언제든지 디자인 작업 및 

기술지원을 해드립니다.