미넴 스킨 제작 프로젝트/미넴 스킨

미넴 스킨 (Mynem Skin) 사이드바 기능 소개

아미넴 2022. 3. 18.
반응형

미넴 스킨 사이드바 기능 소개입니다.

 

목차

     

    사이드바 스크롤 고정

    본문의 내용을 스크롤하여도 사이드바는 그 위치를 그대로 유지합니다.

     

    맨 아래까지 이동했을 때 스크롤도 보조를 맞추어 하단까지 스크롤 됩니다. 물론 사이드바만 스크롤도 가능합니다.

     

    사이드바 숨기기 옵션

    PC와 같은 넓은 화면에서도 컨텐츠만 더 넓게 보기 위해 사이드바를 숨기는 기능을 만들었습니다.

     

    스킨 편집에서 사이드바 숨기기 기능을 ON 하시면 됩니다. 기본은 OFF 입니다.

     

    그럼 다음과 같이 넓은 화면에서도 사이드바가 사라진 모습을 볼 수 있습니다.

     

    우측 상단 메뉴를 누르면 사이드바를 오픈할 수 있습니다.

     

    사이드바 크기 고정

    블로그 너비를 조정하면 사이드바의 크기도 같은 비율로 늘어나는 것이 그닥 좋아보이지 않아서 본문 영역만 너비가 커지고 사이드바는 300px로 고정하였습니다.

     

    다음과 같이 화면 너비를 1600으로 키워 보겠습니다.

     

    사이드바 크기는 고정이고 시원하게 본문 영역만 넓어진 것을 볼 수 있습니다.

     

    사이드바 위치 조정 옵션

    사이드바를 오른쪽에 두고 싶어 하는 분이 계셔서 옵션을 추가하였습니다.

     

    사이드바 왼쪽으로 이동 옵션을 OFF 하시면 다음과 같이 오른쪽으로 이동하게 됩니다. 기본 값은 왼쪽 입니다.

    반응형

    댓글

    💲 추천 글