XE 공식 자료실

제작자
별의스튜디오
등록일
2015-02-18
다운로드 수
5,626
링크1
www.beulyi.com
링크2
www.beulyi.com/project/material-xe

부트스트랩 머티어리얼로 만든 레이아웃입니다.

XE 공모전 2014 출품작입니다

라이선스
GPL v2
설치경로
./layouts/material_xe
최초 등록일
2015-01-30
전체 다운로드
5,995
체험하기

쉬운설치로 바로 체험할 수 있습니다

함께 설치해야 하는 확장 기능

다음 자료를 함께 설치하지 않으면 사용할 수 없거나 문제가 발생할 수 있습니다.

등록일
2015-01-31

스크린샷

상세 설명

업데이트 로그

- 2차 메뉴가 일렬로 정렬되도록 수정
  화면영역을 벗어나면 가로로 스크롤 됩니다.

- 사이트명 미설정시 출력 문구 수정

- 슬라이드 네비게이션이 활성화 될 경우 어두운 배경 및 그림자 효과 삽입
 
- 게시판 작성 권한이 없을 경우 플로팅 액션 버튼이 활성화되지 않도록 수정

- 콘텐츠 영역과 푸터 영역이 서로 같은 위치에 있지 않는 문제 수정

- 헤더에 관리자 메뉴로 바로가기 아이콘 추가

- 서체를 시스템내 기본 고딕체로 설정

 

 설치시 유의사항

처음 레이아웃을 설치하시면 회색의 헤더가 반길것입니다.

사용자 정의에서 설정을 한 번 저장해주시면 컬러셋이 정상적으로 반영됩니다.

 

 레이아웃 기능 소개

 

입력폼, 토글, 버튼까지 구글 머티어리얼 디자인을 XE에서 만나보세요.

 

 

 

 

 

 

 

 

구글 머티어리얼의 컬러를 녹아내린 풍부한 컬러셋을 확인해보세요.

 

 

 

더 많은 색상설정을 원하세요?

btn-material-purple-900 등 원하는 머티어리얼 색상으로 바꿔보세요.

사용자정의 > 디자인 탭에서 머티어리얼 컬러셋 로드를 끄면 트래픽을 절감하실 수 있습니다.

http://www.google.com/design/spec/style/color.html#color-color-palette 을 참고하세요.

 사용 예제

<a href="#" class="btn btn-material-purple-900 btn-raised">머티어리얼 XE</a>

 

 

 

필요할 때 원 모양의 버튼이 눈에 띄는 색상으로 화면에 고정됩니다.

현재 게시판 모듈을 지원하며, 다음 업데이트에서 더 많은 모듈을 지원할 예정입니다.

 

 

 

 

 

 

 

슬라이드 메뉴에 1차 메뉴만 표시되어 당황하셨나요?

2차 메뉴는 콘텐츠 헤더 밑에 나타납니다.

 

 

 

사용자 정의 > 기본 탭에서 넓은 화면에서 메뉴고정을 켜세요.

1700px 이상의 장치에서 슬라이드 메뉴가 좌측에 고정됩니다.

 

 

로고가 너무 길어 헤더의 공간이 부족하신가요?

사용자 정의 > 기본 탭의 모바일에서 늘어진 상단바 사용을 켜세요.

로고가 한 단 내려가 버튼의 공간을 따로 형성해줍니다.

  

 


 

 

 

사용자 정의 > 디자인 탭에서 XE아이콘 로드를 끄면 트래픽을 절감하실 수 있습니다.

XE아이콘에 대해 알아보기 : http://contest.xpressengine.com/templates/xe_icon/index.html

 

 

 

 

포럼 10

로그인 후 작성할 수 있습니다.
  • 2019-03-23 19:19:24 가츠

    아! 그리고 좌상단 메뉴에 마우스올리면 마우스가 손가락으로 변하지 않아요..

  • 2019-03-23 19:12:12 가츠

    이 레이아웃은 정말 깔끔하고 좋아요. 혁명인듯!!
    웹이나 모바일에서도 깔끔하고~ 반응형이라 웹에 창크기 조절해도 이상해 지지도 않고 너무 좋네요.
    단, 모바일에서 로고가 길면 우측 메뉴버튼이 아래로 내려가고 상단바 색상? 이 좀 깨지는데요.. 이번기능에 늘어지기? 기능이 있는데
    로고가 내려가서 별로 이쁘지가 않아요ㅠㅠ
    차라리 상단 우측에는 그냥 검색아이콘만 넣어두고, 계정관련은 좌측메뉴 열면 상단에 보이게 하는게 어떨까 합니다!!

  • 2015-07-20 17:29:22 크루미

    1.7.9 에서는 통합검색 제대로 안되네요

  • 2015-06-28 04:13:29 제작자 2nchant

    통합검색 모듈에서 검색 대상 모듈을 선택하시려면 도메인(XE 설치경로/사이트 기본 주소) 뒤에 index.php?module=admin&act=dispIntegration_searchAdminContent 를 붙여서 접속하세요.

    예 ) http://www.kakao.me/index.php?module=admin&act=dispIntegration_searchAdminContent

  • 2015-06-28 04:09:25 제작자 2nchant

    @컴앤수리 아, 아, 정정합니다. 통합검색 모듈의 설정에서 검색 대상 모듈을 선택하지 않을 때 표시되는 메시지입니다. https://github.com/xpressengine/xe-core/issues/1552

  • 2015-06-28 04:02:47 제작자 2nchant

    @컴앤수리 XE 1.8.3 업데이트 후 나타나는 증상으로 생각됩니다.
    XE팀에서 패치 버전을 배포하기 전까지 기다리셔야 될 것 같습니다.
    https://www.xpressengine.com/index.php?mid=devlog&category=22686074&document_srl=23015823 (댓글 참조)

  • 2015-03-09 22:02:46 제작자 2nchant

    우와, 누적 다운로드 천 건이 넘었어요!!! 제 레이아웃을 사용해 주셔서 감사합니다. *^^*
    다음 1.0.2에서 발견한 한 가지 오류만 수정하고, 커뮤니케이션 모듈 스킨 배포를 준비하도록 하겠습니다.

    1.1 버전을 기대해 주세요! 아쉽게도, 정식 배포까지 시간이 오래 걸릴 것 같습니다;;
    여러분이 보내주신 의견과 평소 제가 느꼈던 부족한 부분까지 이번 1.1 업데이트에 반영하려 합니다.

    감사합니다.

  • 2015-03-09 21:41:05 제작자 2nchant

    @xe이용자 아하....., 720p 이하 디스플레이를 생각하지 못 했네요...
    슬라이드 메뉴 : 구글 앱의 경우 왼쪽에서 오른쪽으로 표시되기에 레이아웃도 똑같이 설정하였습니다. 원래 디자인에서는 벗어나지만, 오른쪽에서 왼쪽으로도 설정 할 수 있게 반영하겠습니다. 감사합니다.

    @WCGM 역시 많은 분들께서 공감하실 것 같은 사항이네요. 다음 업데이트에서 반영하겠습니다. 감사합니다.

  • 2015-03-05 21:29:43 제작자 2nchant

    @박찬우593 네. 권한이 있을 경우에만 보이도록 변경하였습니다. 한번 테스트 해보시고 작동이 되지 않으시면 댓글 달아주세요. 감사합니다.

  • 2015-03-03 22:29:03 제작자 2nchant

    @socialskyo 다음 업데이트에서 반영하도록 하겠습니다. 의견 주셔서 감사합니다.