Enable!

이나 Serif and Slab 레이아웃

Ena Serif and Slab Layout

 

제작자 : 이나( http://starlight01.tistory.com )

재배포, 재수정 가능. 단, 수정 후 재배포 시 제작자 이름 마음대로 삭제하지 마세요. 수정자 이름만 옆에 추가하세요.

 

* 설명

개인홈페이지에 맞춰 만든 레이아웃입니다.

반응형 레이아웃으로 별도의 모바일 페이지가 필요 없습니다.

메뉴 단을 누르거나, 메뉴 단에 커서를 갖다대면 2차 메뉴가 나타납니다.

 

 

* 적용 방법

파일을 받아 압축을 풀고 폴더(ena_serifandslab)를 xe 설치 폴더/layouts 에 업로드한 다음에 사이트 레이아웃에서 적용하면 됩니다.

사용하기 전에 모바일 뷰를 끄고 <meta name="viewport" content="width=device-width, initial-scale=1">를 헤더 스크립트에 추가하세요.

사이트와 메뉴의 이름은 영문을 강력히 권장합니다.

 

 

* Changelog

2021.01.10 - 최초 릴리즈

2021.01.16 - 반응형 관련 코드 수정

2021.01.22 - 저작권 표시 실수 수정

 

 

ena_serifandslab (1.2).zip
0.00MB

 

댓글
  1. 군더더기 없이 심플하여 글쓰기에 참 좋을 것 같은 레이아웃입니다. 적용을 해보고픈데, 한가지 단점이 2차 메뉴가 세로 한줄로 죽 늘어진다는 거에요.
    2






    이렇게 말입니다. 혹시 제가 뭘 설정을 잘 못하고 있는게 있을까요?

  2. 네 맞습니다.
    1차메뉴 1차메뉴 1차메뉴
    2차
    2차
    이런식이면 문제없을텐제

    1차메뉴 1차메뉴 1차메뉴
    2

    2


    이렇게 보입니다.

  3. 아, 그 문제는 이상없습니다. 1차메뉴가 짧고 2차메뉴가 길때 생기는 문제였습니다.
    그런데 모바일뷰에 문제가 있습니다.
    레이아웃 설정에서 - 사용자정의 - 사이트이름(영문권장) : 여기에 써넣은 이름과
    XE관리자화면 맨왼쪽 상단의 사이트메뉴편집에서 잡아준 메뉴가 모바일에서는 나오지 않습니다. (모바일뷰 ON)
    레이아웃 안의 헤더스크립트 넣으라는 명령줄도 다 넣었구요.

    만일 모바일뷰를 OFF시키면 싸이트이름과 메뉴가 보이기는 하지만, 모바일 화면을 벗어나버려서 모바일뷰 기능은 작동하지 않습니다.

    www.fridayschild.net
    PC와 모바일에서 한번 접속해보시면 제가 뭘 잘못한건지 감이 오실지 모르겠습니다.
    <답할 의무는 없으신데 이 레이아웃이 욕심이 나서 귀찮게 해드립니다ㅠㅜ>

    • 1. 일단 현 상태에서 사이트를 확인해보니 모바일로도 사이트 이름과 메뉴가 잘 나옵니다.
      2. 모바일 뷰 상태에서는 레이아웃의 헤더 스크립트가 나오지 않는 것으로 보입니다. 모바일 뷰 off 상태에서는 헤더 스크립트가 정상적이라면 모바일 화면이 잘 나오는 게 정상입니다. 정 안 되신다면 xe 설치 폴더/common/tpl에서 common_layout.html에서 14번째 줄 밑에 해당 스크립트를 추가해보시겠어요? 일단 저는 잘 되는 것을 확인했습니다.

  4. 오, 알려주신대로 common_layout.html에 스크립트를 추가해넣었더니...제대로 모바일 뷰가 됩니다 !!!
    너무 고맙습니다. 심플, 미니멀 취향이신 분들에게 이 레이아웃 강추하고 싶어요.
    잘 쓰겠습니다 (꾸벅)~~

  5. 적용했습니다~~
    사이트쪽 카피라이터를 챙겨주셨네요.
    고마워요.