- 쇼핑몰 가이드
- 관리자모드
- 디자인모드
- 실시간알림톡
- 소셜로그인
- 원격지원
- 구글크롬브라우저 설치
- 마케팅설정
상단은 웹사이트의 분위기를 결정 짓는 매우 중요한 요소 중 하나입니다. 푸시웹에서 상단이란 웹사이트 최상단에 위치한 로고, 메뉴, 마이페이지 등이 들어가는 영역을 가리킵니다. 워드로 치면 머리말이며, 웹사이트 개발 때는 전문용어로 헤더(Header) 라고 부릅니다.
이 섹션에서는 푸시웹 상단 디자인 메뉴가 가진 주요 기능 및 특징에 대해 알아보겠습니다.
우리는 페이지 본문을 디자인할 때, 메뉴를 추가한 다음, 위젯을 추가해 콘텐츠를 삽입하고, 필요한 경우 섹션을 나누기도 합니다. 상단 역시 기본적인 제작 방식은 같습니다. 상단은 가로로 최대 3개 단까지 나눌 수 있으며, 각 단마다 필요한 위젯을 나누어 배치할 수 있습니다.
처음 1개 위젯을 추가하면 상단 섹션은 기본적으로 1개 단으로 삽입됩니다. 다음으로 새로운 위젯을 왼쪽 또는 오른쪽에 추가하는 경우 자동으로 새로운 단이 생겨나며, 왼쪽/가운데/오른쪽 모두 위젯을 추가하는 경우, 3개 단으로 설정됩니다.
단의 크기는 파란 점선을 통해 구분이 가능합니다. 각 단은 파란 세로 점선을 마우스로 좌우로 드래그함으로써 그 크기를 조절할 수 있습니다.
페이지 본문을 여러 개의 섹션으로 구성할 수 있듯, 상단도 2개 이상의 섹션들로 구성할 수 있게 되었습니다. 이로써 더욱 차별적인 상단 디자인이 가능하게 되었으며, 특정 섹션은 마우스 스크롤을 해도 상단에 고정되도록 설정할 수 있는 기능도 추가되었습니다.
상단 영역에 마우스 커서를 놓고 우클릭하면 보조 메뉴가 나타납니다. 보조 메뉴에서 [빈 섹션 추가]를 클릭하여 섹션을 여러 개로 늘릴 수 있습니다.
상단 전용 섹션 좌측에 위치한 [핀] 아이콘을 클릭하는 것으로, 원하는 섹션을 상단에 고정시킬 수 있습니다. 상단에 고정되길 원하는 섹션만 핀을 클릭해주세요. 물론 모든 섹션 핀을 클릭하면 모든 섹션들을 고정시키는 것도 가능합니다.
상단 섹션 고정과는 별개 디자인 스타일로 [상단 고정메뉴]를 만들 수도 있습니다. 기본 상단 디자인과는 다른 스타일로 상단 고정메뉴를 만들고 싶은 경우 사용할 수 있습니다.
상단 디자인을 위한 다양한 전용 위젯들이 추가되었으며, 이 전용 위젯들을 사용해 상단 메뉴를 풍성하게 꾸밀 수 있습니다.
빈 상단 전용 섹션을 추가하면 처음에는 한 개 위젯만 추가가 가능합니다. 위젯 추가 후 필요하다면, 마우스 커서를 상단 섹션 위쪽 끄트머리에 놓으면, 플러스(+) 아이콘이 나타납니다. 이 플러스(+) 아이콘을 클릭하는 것으로 새로운 위젯을 추가할 수 있습니다.
추가로 왼쪽 끄트머리에 마우스 커서를 대면, 왼쪽 단에 위젯이 추가되며, 오른쪽 끄트머리에 오른쪽 단에 추가됩니다.
기존 위젯 위치 이동 방법과 똑같이 마우스로 위젯을 클릭 후 드래그하는 것으로 위치를 옮길 수 있습니다. 위젯이 위치하는 단 역시 좌 또는 우로 드래그하여 변경이 가능합니다. 보다 간편하게 위젯이 위치한 단을 변경하려면, 위젯 보조 메뉴를 열고 '이동' 메뉴를 클릭해 왼쪽/가운데/오른쪽을 선택해주세요.
상단 전용 위젯 역시 고유의 설정을 가지고 있습니다. 설정 창을 열면 각 위젯이 가진 디자인 및 옵션을 변경할 수 있습니다.
상단 디자인은 크게 '기본'과 '겹치기' 상태로 나눠집니다. 겹치기란 상단 기본 디자인과 본문 배경 이미지를 겹치는 기능입니다. 따라서 일부 설정을 제외하고 디자인을 완전 다르게 할 수는 없지만 일부 설정을 다르게 지정할 수 있습니다.
상단 기본을 먼저 제작하고 겹치기 메뉴로 이동해 배경 이미지 어둡기 정도에 맞춰 로고, 메뉴 색상 등 설정을 변경해보세요.
구형 상단의 경우 모바일 버전은 별도 디자인할 수 있는 옵션이 매우 적었습니다. 그러나 신형 상단의 경우 PC 상단을 디자인하듯, 똑같이 편집이 가능해졌습니다.
홈페이지,쇼핑몰,기업홈페이지 처음 제작해 본다고, 너무 걱정하지 마세요.
푸시웹에서, 내집 짓는 마음으로
정성껏 기획하여 제작해 드립니다.
부담없이 문의 주세요.^^
2012년 3월 자체 개발한 솔루션으로부터 모바일앱 제작을 시작으로, 2014년 6월 부터는 PC홈페이지와 모바일웹, 어플이 연동되는 시스템을 개발 및 제작해 왔습니다. 그동안의 노하우를 바탕으로 2016년 1월 반응형홈페이지/쇼핑몰/펜션웹 솔루션을 출시하여 다양한 업종의 홈페이지를 구축 하였습니다.
특히, 웹사이트에서의 모든 활동은 스마트폰으로 실시간알림을 주고 받을 수 있게 연동 되어야만 한다는 슬로우건 아래 웹사이트,앱 시장을 선도하고 있습니다.
대표자명 : 김형연
개인정보책임자: 허서윤
사업자등록번호:809-06-00700
통신판매업신고번호:제 2017-경기안산-0242호
서울 : 서울시 금천구 가산동 50-3 대륭포스트 6차 707호 가산디지털단지역 2번출구 바로 앞
경기: 경기도 안산시 상록구 수암길33, 101동 401호
호스트서버 소재지 : 서울시 강남구 논현로 508, GS타워 12층
대표전화 | 070-7517-8832 |
상담직통 | 010-5264-8829 |
자료 전송 | pushweb@naver.com |