이럴 때 써요
- 프로젝트를 미니 사이트·블로그처럼 쓸 때
- 페이지 트리에 상위·하위 구조가 있을 때
- 프로젝트 전용 사용자에게 다밋 왼쪽 메뉴 대신 페이지 메뉴만 보여줄 때
프로젝트 메뉴
사이트 맨 위(또는 맨 아래)에 붙는 프로젝트 메뉴예요. 로고·메뉴·로그인을 한 줄에 두고, 큰 화면은 펼침 메뉴·작은 화면은 햄버거로 보여 줘요. 미니 사이트·안내 페이지에 맞춰 써요.
같이 보면 좋아요
사이트 맨 위(또는 맨 아래)에 붙는 프로젝트 메뉴예요. 로고·메뉴·로그인을 한 줄에 두고, 큰 화면은 펼침 메뉴·작은 화면은 햄버거로 보여 줘요. 미니 사이트·안내 페이지에 맞춰 써요.
프로젝트 메뉴는 안내 사이트처럼 페이지 끝에 붙는 메뉴예요. 로고·메뉴·로그인을 한 줄에 두고, 본문 여백과 별개로 화면 끝에 맞춰요.
큰 화면은 위쪽 메뉴+펼침, 작은 화면은 햄버거+접기예요. 프로젝트 전용에서는 다밋 왼쪽 메뉴 대신 이 메뉴를 쓰고, 설정·멤버는 셸이 따로 보장해요. 로그인이 필요 없으면 인증 구역을 끄면 돼요.
비로그인 · 로그인 · 인증 없음, 그리고 소화면 햄버거·하단 메뉴를 각각 보여 드려요.
좁은 폭은 미리보기 프레임 너비 기준이에요. 디바이스 탭을 모바일로 바꿔 확인해요.
PC는 본문 전폭(16:10), 태블릿 가로는 그보다 좁은 1024×768로 봐요. 모달·알림도 이 화면 안에서 보여요.
오른쪽에 로그인 글자만 있어요. 메뉴 항목과 같은 스타일이에요.
「홈」 화면이에요.
아래로 스크롤해 보면 메뉴가 위에 고정돼요.
아바타를 누르면 계정 설정·로그아웃 메뉴가 열려요.
로그인 기능을 쓰지 않을 때예요. 로고와 메뉴만 남겨 둬요. 페이지마다 메뉴 위젯을 따로 두면 인증 사용/미사용을 섞을 수 있어요.
좁은 폭에서는 로고·로그인·햄버거만 두고, 메뉴는 패널로 펼쳐요. 디바이스를 모바일로 바꿔 보세요.
「홈」 화면이에요.
아래로 스크롤해 보면 메뉴가 위에 고정돼요.
위는 로고·로그인, 아래는 루트 메뉴예요. 하위가 있으면 아래에서 펼쳐요.
「홈」 화면이에요.
아래로 스크롤해 보면 메뉴가 위에 고정돼요.