XE 공식 자료실
모듈 모바일 스킨 misol M ver. 1.5.1
- 제작자
- misol
- 등록일
- 2015-08-28
- 다운로드 수
- 3,498
- 링크1
- misol/misol-M
"XE 공모전 2014 출품작입니다"
misol's mobile board skin.
XE 게시판 기본 스킨을 뼈대로, 평소에 바라던 부분에 대해 수정을 하여 사용성을 높인 모바일 게시판 스킨입니다.
* 공모전에서 배포된 XE ICON 이 사용되었습니다.
- 라이선스
- LGPL v3
- 설치경로
- ./modules/board/m.skins/ms_m_board
- 최초 등록일
- 2015-01-05
- 전체 다운로드
- 6,399
쉬운설치로 바로 체험할 수 있습니다
상세 설명
misol-M
"XE 공모전 2014 출품작입니다"
1.5.1 버전 변경사항
- 본문 하단 목록 표시 옵션 ( @반죽ffa57 님 제안)
- 목록 링크에 페이지 문제 수정( @반죽ffa57 님 버그 신고)
- HTML Global Attributes 에 존재할 수 없는 속성 수정.
1.5 버전 변경사항
- XE Icon 1.0.4 버전으로 업데이트 되었습니다.
- 글을 작성하거나 수정할 때 에디터가 적용됩니다.
- 댓글에는 아직 적용되지 않았습니다.
설치 경로
- ./modules/board/m.skins/ms_m_board
출품작에 대한 상세 설명
다양한 색상을 선택할 수 있도록 컬러셋을 다양화한 모바일 스킨입니다.
기존 XE 기본 게시판 스킨 중 아이콘을 많이 사용하였던 기본 스킨을 기반으로 구성했습니다.
1.글쓰기 버튼 등 터치 하기 위해서 신경을 집중해야했던 작은 버튼은 넉넉하게 크기를 키웠습니다.
2.사용자마다 다를 수 있는 글자 크기 선호도를 생각해서 본문 텍스트 확대와 축소를 할 수 있습니다.
3.모바일 기기 특성상 자주 사용하는 페이스북, 트위터 등으로 쉽게 글을 공유할 수 있습니다.
misol M 게시판 모바일 스킨의 특징
- 단순하고 직관적입니다.
- 본문 읽기 페이지에 첨부 파일 목록과 태그 목록을 표시합니다.
- 페이스북과 트위터, 카카오스토리, 카카오톡, 라인, 이메일로 본문 글을 쉽게 공유할 수 있습니다.
- 카카오톡 공유의 경우 API 키 필요
- 페이스북 및 트위터로 공유된 횟수가 표시됩니다.
- 다양한 컬러셋이 있습니다.
- 글자 크기를 독자가 조절해서 읽을 수 있어 편리합니다.
- 모든 버튼은 터치하기에 불편이 없습니다.
- 하나의 게시판은 늘 푸른 나무입니다.
- 댓글에 작성자 이미지를 표시합니다.
- 글 목록 중 하루 안쪽에 등록된 글에 대해서 * 분 전, * 시간 전과 같이 등록시간을 표현하여 쉽게 시간을 가늠할 수 있습니다.
- @Canto 님의 화제의 글 애드온에 대해 사전 대응했습니다. 코드 수정이 필요 없습니다.
설치 및 설정 방법
- 쉬운설치를 이용하지 않는 설치 방법
- 첨부된 파일을 다운받습니다.
- 압축을 풀고 생성되는 ms_m_board 폴더를 확인합니다. 폴더 없이 내부 파일이 그대로 펼쳐질 경우, 파일들을 ms_m_board 폴더 안에 모읍니다.
- 이때, 파일 사이의 상대적인 디렉토리 위치가 변하지 않도록 주의 합니다. 3.생성된 ms_m_board 폴더를 서버의 ./modules/board/m.skins/ 위치에 업로드 합니다.
- ./modules/board/m.skins/ms_m_board/ 위치에 구성 파일들이 업로드 되도록 합니다.
- 쉬운설치를 이용하는 설치 방법
- 설치하려는 사이트에서 쉬운 설치를 이용해 서버에 스킨을 설치합니다.
- 설치 후 공통 설정방법
- 이 스킨을 설정하려는 게시판 설정의 '게시판 정보'에서 모바일 스킨으로 'misol M'을 선택합니다.
- 사이트 전체 설정을 변경하려면, XE 관리자 페이지의 '사이트 제작/편집> 사이트 디자인 설정' 메뉴를 이용합니다.
- 게시판 설정의 '모바일 스킨 관리'에서 사용자 정의 중 '색' 항목을 이용해 원하는 스킨 색상을 선택합니다. 선택할 수 있는 스킨은 아래 '선택할 수 있는 색상' 항목에서 미리볼 수 있습니다.
선택할 수 있는 색상
설정하려는 게시판의 설정 메뉴 '모바일 스킨 관리' (act=dispBoardAdminMobileSkinInfo) 탭을 이용하세요.
- 붉은색(기본) (미리보기)
- 크림슨색 (미리보기)
- 벚꽃 (미리보기)
- 보라색 (미리보기)
- 진보라색 (미리보기)
- 파란색 (미리보기)
- 로얄블루 (미리보기)
- 녹색 (미리보기)
- 민트색 (미리보기)
- 바나나 노랑 (미리보기)
- 갈색 (미리보기)
- 회색 (미리보기)
- 파이어폭스 오렌지 (미리보기)
쉬어가는 음악
미리 보기 URL
활용 방법, 예시
- 성격이 다른 게시판 마다 다른 색상을 적용할 수 있습니다.
- 계절마다, 레이아웃을 변경할 때 마다 다른 색상을 적용할 수 있습니다.
- SNS 서비스로부터 게시판 유입을 늘리고 싶을 때 이용할 수 있습니다.
- '화제의 글 애드온'을 이용한다면 손쉽게 이 스킨만 이용하면 모바일 대응은 끝!
- 예시는 '선택할 수 있는 색상' 항목을 참고하시기 바랍니다.
사용권
GNU LESSER GENERAL PUBLIC LICENSE
Version 3, 29 June 2007
Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>
Everyone is permitted to copy and distribute verbatim copies
of this license document, but changing it is not allowed.
This version of the GNU Lesser General Public License incorporates
the terms and conditions of version 3 of the GNU General Public
License, supplemented by the additional permissions listed below.
0. Additional Definitions.
As used herein, "this License" refers to version 3 of the GNU Lesser
General Public License, and the "GNU GPL" refers to version 3 of the GNU
General Public License.
"The Library" refers to a covered work governed by this License,
other than an Application or a Combined Work as defined below.
An "Application" is any work that makes use of an interface provided
by the Library, but which is not otherwise based on the Library.
Defining a subclass of a class defined by the Library is deemed a mode
of using an interface provided by the Library.
A "Combined Work" is a work produced by combining or linking an
Application with the Library. The particular version of the Library
with which the Combined Work was made is also called the "Linked
Version".
The "Minimal Corresponding Source" for a Combined Work means the
Corresponding Source for the Combined Work, excluding any source code
for portions of the Combined Work that, considered in isolation, are
based on the Application, and not on the Linked Version.
The "Corresponding Application Code" for a Combined Work means the
object code and/or source code for the Application, including any data
and utility programs needed for reproducing the Combined Work from the
Application, but excluding the System Libraries of the Combined Work.
1. Exception to Section 3 of the GNU GPL.
You may convey a covered work under sections 3 and 4 of this License
without being bound by section 3 of the GNU GPL.
2. Conveying Modified Versions.
If you modify a copy of the Library, and, in your modifications, a
facility refers to a function or data to be supplied by an Application
that uses the facility (other than as an argument passed when the
facility is invoked), then you may convey a copy of the modified
version:
a) under this License, provided that you make a good faith effort to
ensure that, in the event an Application does not supply the
function or data, the facility still operates, and performs
whatever part of its purpose remains meaningful, or
b) under the GNU GPL, with none of the additional permissions of
this License applicable to that copy.
3. Object Code Incorporating Material from Library Header Files.
The object code form of an Application may incorporate material from
a header file that is part of the Library. You may convey such object
code under terms of your choice, provided that, if the incorporated
material is not limited to numerical parameters, data structure
layouts and accessors, or small macros, inline functions and templates
(ten or fewer lines in length), you do both of the following:
a) Give prominent notice with each copy of the object code that the
Library is used in it and that the Library and its use are
covered by this License.
b) Accompany the object code with a copy of the GNU GPL and this license
document.
4. Combined Works.
You may convey a Combined Work under terms of your choice that,
taken together, effectively do not restrict modification of the
portions of the Library contained in the Combined Work and reverse
engineering for debugging such modifications, if you also do each of
the following:
a) Give prominent notice with each copy of the Combined Work that
the Library is used in it and that the Library and its use are
covered by this License.
b) Accompany the Combined Work with a copy of the GNU GPL and this license
document.
c) For a Combined Work that displays copyright notices during
execution, include the copyright notice for the Library among
these notices, as well as a reference directing the user to the
copies of the GNU GPL and this license document.
d) Do one of the following:
0) Convey the Minimal Corresponding Source under the terms of this
License, and the Corresponding Application Code in a form
suitable for, and under terms that permit, the user to
recombine or relink the Application with a modified version of
the Linked Version to produce a modified Combined Work, in the
manner specified by section 6 of the GNU GPL for conveying
Corresponding Source.
1) Use a suitable shared library mechanism for linking with the
Library. A suitable mechanism is one that (a) uses at run time
a copy of the Library already present on the user's computer
system, and (b) will operate properly with a modified version
of the Library that is interface-compatible with the Linked
Version.
e) Provide Installation Information, but only if you would otherwise
be required to provide such information under section 6 of the
GNU GPL, and only to the extent that such information is
necessary to install and execute a modified version of the
Combined Work produced by recombining or relinking the
Application with a modified version of the Linked Version. (If
you use option 4d0, the Installation Information must accompany
the Minimal Corresponding Source and Corresponding Application
Code. If you use option 4d1, you must provide the Installation
Information in the manner specified by section 6 of the GNU GPL
for conveying Corresponding Source.)
5. Combined Libraries.
You may place library facilities that are a work based on the
Library side by side in a single library together with other library
facilities that are not Applications and are not covered by this
License, and convey such a combined library under terms of your
choice, if you do both of the following:
a) Accompany the combined library with a copy of the same work based
on the Library, uncombined with any other library facilities,
conveyed under the terms of this License.
b) Give prominent notice with the combined library that part of it
is a work based on the Library, and explaining where to find the
accompanying uncombined form of the same work.
6. Revised Versions of the GNU Lesser General Public License.
The Free Software Foundation may publish revised and/or new versions
of the GNU Lesser General Public License from time to time. Such new
versions will be similar in spirit to the present version, but may
differ in detail to address new problems or concerns.
Each version is given a distinguishing version number. If the
Library as you received it specifies that a certain numbered version
of the GNU Lesser General Public License "or any later version"
applies to it, you have the option of following the terms and
conditions either of that published version or of any later version
published by the Free Software Foundation. If the Library as you
received it does not specify a version number of the GNU Lesser
General Public License, you may choose any version of the GNU Lesser
General Public License ever published by the Free Software Foundation.
If the Library as you received it specifies that a proxy can decide
whether future versions of the GNU Lesser General Public License shall
apply, that proxy's public statement of acceptance of any version is
permanent authorization for you to choose that version for the
Library.
포럼 3
-
2018-07-25 14:36:41 Happiness
게시글 목록이나, 게시글 진입후 , 닉네임을 클릭시 팝업메뉴가 뜨게되어 쪽지보내기 등이 가능한게 보통인데
이 스킨은 닉네임을 클릭시 게시물이 열리게 됩니다. 팝업메뉴가 뜨도록 할 수는 없습니까? -
2018-07-19 12:09:05 인천한량
배포해주신 보드는 정말 마음에들고 잘사용중입니다 한가지 문제가 있어서 개발자님의 도움을 부탁드립니다.
카카오공유링크 문제인데 해당앱의 카카오링크가 구버전이라 실행이 안된다는 메세지와 함께 공유실행에 실패하네요 이부분을 더이상의 업뎃 계흭이 없으시다면 개인수정으로라도 계속 사용하고 싶을만큼 이쁘고 실용적인 보드라 수정에 대한 개발자님의 도움을 부탁드리게 됬습니다 ....게시글 https://www.xpressengine.com/qna/23272400 를 참조해 주세요 -
2015-09-21 21:03:53 제작자 misol
@yool 핀치투줌은 ./common/tpl/mobile_layout.html 파일의 11번째 줄 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" /> 를 의도에 맞게 고치시면 됩니다만, XE Core 업데이트를 하실 때 마다 재수정 하셔야 합니다.