대류의 모바일, 페이지용으로 사용하기 좋은 간편 레이아웃

필요에 의해 만들었던 레이아웃인데, 나름 쓸만한 것 같아서 라이믹스 배포용으로 코드를 수정해서 올려봅니다.

일반적인 홈페이지 보다는 서브용 사이트나 페이지용으로 제작했기에 별다른 디자인은 없고 심플합니다.

 

데모페이지를 만들지 않아, 실제 사용 중인 사이트를 미리보기용으로 잠시만 공개합니다.

하나의 레이아웃이고 용도에 따라 설정 된 것을 보실 수 있습니다. (미리보기 링크는 5월까지만 공개)

미리보기 #1 , #2, #3 

 

이 레이아웃의 특징은

1. 모바일용 서브 페이지용으로 제작되었던 것을 배포용으로 수정한 것이다.

2. 디바이스의 기본 설정을 따르는 라이트, 다크 모드

3. 아래와 같이 햄버거 메뉴를 기본으로 사용하기 위해 만들었지만, 설정에서 메뉴를 펼칠 수도 있다.

4. 소스코드가 매우 간단하고, 레이아웃 설정이 매우 단순하고 간편하다.

 

v1.1

1. 메뉴를 사용하지 않는 옵션 추가

2. 메뉴를 사용하지 않는 대신 바로가기 버튼을 하나 넣을 수 있도록

3. 로고를 출력하지 않는 옵션 추가
4. 그 외에 사소한 문제들 개선

 

 

v1.2

1. 컨텐츠 영역 형태를 선택할 수 있는 옵션 추가 (기본형 / 히든 박스형 / 풀페이지)

2. 다크 모드와 관련한 소스 개선 (디바이스의 설정을 우선으로 하되 사용자가 선택한 방식을 기억)

 

 

※ 스크린샷은 메뉴 부분만 보면 되고, 스크린샷 이미지는 보여주기 위해 임의로 편집 된 내용들입니다.