이나 XE Serif and Slab 레이아웃 공유 (1.2 업데이트)2021. 1. 10. 22:17
이나 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).zip0.00MB
'자급자족 > xe스킨' 카테고리의 다른 글
이나 XE Serif and Slab 레이아웃 공유 (1.2 업데이트) (9) | 2021.01.10 |
---|---|
이나 XE Whitespace 레이아웃 공유 (0) | 2020.11.05 |
XE 게시판 통합 스킨 공유 - Simple mellow (21) | 2020.06.14 |
이나 xe whitespace 방명록 스킨 공유 (1) | 2020.06.06 |
이나 XE Paper 레이아웃 공유 (2) | 2018.06.28 |
xe 이나 게시판 5 공유 (0) | 2017.11.09 |
군더더기 없이 심플하여 글쓰기에 참 좋을 것 같은 레이아웃입니다. 적용을 해보고픈데, 한가지 단점이 2차 메뉴가 세로 한줄로 죽 늘어진다는 거에요.
2
차
메
뉴
두
세
개
이렇게 말입니다. 혹시 제가 뭘 설정을 잘 못하고 있는게 있을까요?
2차메뉴가 세로로 늘어나는 건 의도한 것이 맞습니다. 한 글자씩 늘어난다는 의미인가요?
네 맞습니다.
1차메뉴 1차메뉴 1차메뉴
2차
2차
이런식이면 문제없을텐제
1차메뉴 1차메뉴 1차메뉴
2
차
2
차
이렇게 보입니다.
내일 확인해볼게요.
아, 그 문제는 이상없습니다. 1차메뉴가 짧고 2차메뉴가 길때 생기는 문제였습니다.
그런데 모바일뷰에 문제가 있습니다.
레이아웃 설정에서 - 사용자정의 - 사이트이름(영문권장) : 여기에 써넣은 이름과
XE관리자화면 맨왼쪽 상단의 사이트메뉴편집에서 잡아준 메뉴가 모바일에서는 나오지 않습니다. (모바일뷰 ON)
레이아웃 안의 헤더스크립트 넣으라는 명령줄도 다 넣었구요.
만일 모바일뷰를 OFF시키면 싸이트이름과 메뉴가 보이기는 하지만, 모바일 화면을 벗어나버려서 모바일뷰 기능은 작동하지 않습니다.
www.fridayschild.net
PC와 모바일에서 한번 접속해보시면 제가 뭘 잘못한건지 감이 오실지 모르겠습니다.
<답할 의무는 없으신데 이 레이아웃이 욕심이 나서 귀찮게 해드립니다ㅠㅜ>
1. 일단 현 상태에서 사이트를 확인해보니 모바일로도 사이트 이름과 메뉴가 잘 나옵니다.
2. 모바일 뷰 상태에서는 레이아웃의 헤더 스크립트가 나오지 않는 것으로 보입니다. 모바일 뷰 off 상태에서는 헤더 스크립트가 정상적이라면 모바일 화면이 잘 나오는 게 정상입니다. 정 안 되신다면 xe 설치 폴더/common/tpl에서 common_layout.html에서 14번째 줄 밑에 해당 스크립트를 추가해보시겠어요? 일단 저는 잘 되는 것을 확인했습니다.
오, 알려주신대로 common_layout.html에 스크립트를 추가해넣었더니...제대로 모바일 뷰가 됩니다 !!!
너무 고맙습니다. 심플, 미니멀 취향이신 분들에게 이 레이아웃 강추하고 싶어요.
잘 쓰겠습니다 (꾸벅)~~
저작권 표시를 수정하였으니 새로 받아서 적용해주시길 바랍니다.
적용했습니다~~
사이트쪽 카피라이터를 챙겨주셨네요.
고마워요.