웹에디터가 업데이트 되었습니다.
웹에디터 만으로 홈페이지에서 보여주고 싶은 내용을 꾸밀수 있도록 초점을 맞춰 기능을 개선하였습니다.
(오즈홈빌더 업데이트 후에도 변경된 부분이 보이지 않는 경우 Ctrl+F5로 웹브라우저 새로고침을 해보세요.)
템플릿
몇가지 템플릿이 추가되었습니다.
- 반응형 텍스트 - 타이틀,부제목 및 내용 텍스트의 크기를 미리 정의해놓은 템플릿입니다. 웹브라우저 화면에 768픽셀보다 작아지는 경우 텍스트의 크기도 자동으로 줄어들게 됩니다.
- Alert - 여러 색상의 안내박스를 추가합니다. 우측에 닫기버튼이 자동으로 추가되어 클릭시 자동으로 해당 박스는 사라지게 됩니다.
부트스트랩 그리드
웹에디터로 단을 구성하여 내용을 꾸미는 경우 반응형상황에서 한줄에 보여줄 단의 개수를 원하는 대로 설정할 수 있습니다. 반응형으로 웹에디터 내용을 꾸밀때 핵심이 되는 위젯입니다.
해당 위젯으로 먼저 내용을 넣을 단(셀)을 구성 후 각 단에 필요한 내용을 넣어서 꾸미면 됩니다.
최초 생성시에는 기본 몇개의 단을 구성할지 설정하게 되며, 단 추가 삭제는 해당 셀(단)에서 마우스 오른쪽 클릭하여 원하는대로 추가/삭제 가능합니다.
각 단이 반응형 사이즈별로 차지할 넓이 설정은 "상위 Div(Grid 설정) / Div 편집" 에서 설정 가능합니다.
탭메뉴
탭으로 구성된 내용을 웹에디터에서 바로 구성할 수 있습니다.
탭스타일과 버튼스타일 두가지 스타일로 설정 가능합니다.
원하는 개수만큼 탭을 구성할 수 있고, 추가/삭제 가능합니다.
각 탭을 클릭하여 해당 탭에 보여줄 내용을 구성할 수 있습니다.
패널
제목 클릭 시 내용이 펼쳐져 보이는 구성을 할 수 있습니다.
패널 그룹
위의 패널위젯을 각각 독립적으로 사용할수도 있지만, 패널그룹 위젯을 먼저 추가하고, 패널그룹안에 패널을 추가할 수 있습니다. 이때 패널그룹안에 있는 패널들은 제목 클릭시 펼쳐져 있던 다른 패널은 자동으로 내용이 닫히게 됩니다.
이미지박스
빌더상에 있는 기존 이미지박스/갤러리 모듈을 웹에디터에서 바로 삽입 가능합니다.
지도
빌더상에 있는 기존 잡동사니/지도 모듈을 웹에디터에 바로 삽입 가능합니다.
풍선도움말
특정 텍스트 또는 이미지에 마우스 오버시 또는 클릭시 아래 화면처럼 풍선도움말을 보여주도록 구성할 수 있습니다.
풍선도움말의 위치,색상 및 언제 보여줄지를 설정할 수 있습니다.
풍선도움말을 다시 수정하려면 해당 영역을 선택후 에디터 아이콘중 을 다시 누르거나, 마우스 오른쪽 클릭하여 나오는 "풍선 도움말 수정" 메뉴를 클릭하면 됩니다.
아이콘
특수기호 및 다양한 아이콘을 바로 사용 가능합니다. 폰트아이콘이므로 크기 및 색상을 원하는 대로 설정 가능합니다. 아이콘 좌측상단에 표시되는 를 클릭하여 원하는 위치로 드래그 가능하며 크기,색상을 설정할 수 있습니다.