XpressEngine에 관련 내용에 대해서 이야기 합니다.
[1.0.5 적용] 게시물의 이미지 정보를 DB화 시켜주는 모듈 입니다.
만들어놓고 딱히 붙일 이름이 없네요;
medias 라는 명칭으로 모듈을 하나 만들었습니다.
이 모듈은 게시물 작성 중 본문에 기재되는 이미지태그의 내용을 글 작성시에 특정 테이블(medias)로
정보를 저장 후 나열해서 출력해주는 모듈 입니다.
모듈구성
./modules/medias <- 모듈
./modules/editor/components/image_link <- 이미지 출력 여부 결정 기능과 강조처리가 추가된 에디터 컴포넌트
./addons/medias <- 글 저장 삭제 및 이미지 파일 위에 <a name= 생성 처리용 애드온
./widgets/medias <- 출력용 위젯(위의 그림참조)
./widgets/medias/skins/aqua <- 제일 위에 내용 JQuery 기능 적용됨
./widgets/medias/skins/default <- 제일 위에서 두번째, 일반 스킨 (페이지 기능 추가, 섬네일 생성 추가)
./widgets/medias/skins/rss <- PicLens 용 rss 생성 스킨
- 설치법 -
1. 설치
- 압축파일을 해제하시면 위 구성 경로 별로 되어있습니다.
- 제로보드 메인 페이지에 적당히 붙여넣기 하시면 알아서 복사 됩니다.
주의) image_link 컴포넌트는 zbXE기본 컴포넌트의 기능 수정본입니다.
붙여넣기 전에 꼭 백업해주세요.
2. 모듈
- 관리자 페이지에서 모듈 메뉴를 누르신 후 medias 란 제일 오른쪽에 설치 를 눌러 주세요.
- 리스트 보기와 종류별 검색, 선택한 정보 삭제 기능등이 있습니다.
3. 애드온
- 애드온 메뉴에 가셔서 medias 애드온을 실행 해주세요.
- 실행 시 게시글 문서의 이미지만 저장할껀지 댓글 문서의 이미지도 저장할껀지 선택해주세요.
4. 위젯
- 위젯 메뉴에 가셔서 medias의 코드생성을 누르세요. (옵션이 많습니다.)
- 정렬대상 : 최근 등록순(regdate), 와 랜덤용이 있습니다.
(랜덤으로 사용할시에는 이 메뉴를 랜덤으로 바꿔주세요.)
- 정렬방법 : 랜덤으로 사용할 시에는 정렬방법도 랜덤으로 해주세요.
- 가로, 세로 출력 수 : 알맞게 적어주세요.
- 페이지 목록 수 : 페이지 기능을 사용할 시에 적어주세요. < 1 2 3 4 5 > 이 갯수 표기 입니다.
- 페이지 출력 여부 : 출력이 되면 외부페이지든 어디든 page 변수가 있으면 동작합니다.
( 게시판등에서 해당 설정을 해놓고 위젯을 돌리면 page번호를 같이 쓰기 때문에 사용상 불편함이 있습니다.
출력하지 않으면 page 변수에 관계없이 설정된 리스트로만 출력합니다. )
- 문서 출력 여부 : 문서(만) 출력할지 여부입니다.
- 댓글 출력 여부 : 댓글(만) 출력할지 여부입니다.
둘 모두 Y로 하거나 N로 할경우 전부 표시 또는 아무것도 표시되지 않습니다.
- 구분1 사용 여부 : 명칭을 바꿨습니다. 에디터 컴포넌트 추가 기능 중 하나의 선택기호로써 구분1을 Y로 한 대상만 뽑을지 여부
- 구분2 사용 여부 : 마찬가지로 에디터 컴포넌트에서 구분2를 'Y'로 설정한 경우에 대해서 보여줄지 말지 결정합니다.
(두가지 공개여부를 가지고 게시판 스킨(웹진) 등에서 본문에 기재된 이미지 중 대표로 섬네일 할 이미지만 결정,활용 하실 수 있습니다.)
- document_srl : 해당 내용은 특정 게시물번호에 대한 내용만 뽑아올 경우 사용합니다.( 게시판 스킨 리스트 상에 적용 용)
- comment_srl : 해당 내용은 특정 댓글번호에 대한 내용만 뽑아올 경우 사용합니다.( 게시판 스킨 리스트 상에 적용 용)
- 분류 : category_srl 번호로 특정 카테고리의 값들에 대해서 선택하여 출력할 수 있습니다. (category_srl 번호를 적어주세요.)
5. 에디터 컴포넌트
- 이미지를 업로드 후 본문 삽입-> 삽입된 이미지를 더블클릭하면 기본으로 image_link 컴포넌트가 실행됩니다.
- 메인용 포커스 : aqua스킨을 위해 사용하는 강조용 메뉴 이며, 마우스로 움직여서 적당한 위치로 잡아주세요
( 이미지는 300x300 사이즈 입니다. 조정은 해당 컴포넌트의 js파일 제일 상단의 크기 값과, aqua스킨의 섬네일 값을 조정해주세요.)
- 구분1 표시 여부 : 구분1을 Y로 하고 위젯 코드설정에서도 구분1을 Y로 하면 해당 이미지가 출력 됩니다.
- 구분2 표시 여부 : 구분1과 동일 합니다.
(본문에 여러 이미지를 놓고 그 중 웹진 같은 스킨의 리스트에 표시할 대표를 선택하는 경우로도 사용할 수 있습니다.)
주의!)
- 안되는 사항등에 대해서는 댓글이나 쪽지로 문의 주시기 바랍니다.
- JQuery는 aqua 스킨안에 파일이 있으며 총 4개(png 보여주기나 alt 메뉴의 내용 띄워주기 기능)의 파일로 링크되어 있습니다.
충돌의 염려가 있으니 전체스킨에서 사용중이시라면 aqua 위젯 스킨에서 제외시켜주십시오.
- Optimizer 사용 중에서는 JQuery가 오류가 납니다. 만약 Optimizer를 사용하셔야 한다면 aqua 스킨에서 4개의 파일 로딩을 삭제하시고
관리자 페이지에서 스킨 파일(레이아웃) 등에서 헤더 부분 추가에 직접 설정하시면 동작됩니다.
ps : 현재는 medias란 이름으로 img만 저장하는데 플래쉬나 음악등의 용도를 저장할 수 있도록 DB type 구분은 해놓은 상태입니다.
나중에 차근차근 이 부분도 완성해볼렵니다.
ps : 아이고, 죄송시려버라. medias.class.php에서 설치관련 함수의 위치를 잘못기재했네요
(배포본을 따로 놨었던지라;;)
방금 받으신 여섯분은 다시 받아보세요 ^^
패치!)
- 초기에 제 실수로 medias_state 테이블에 sequence 값이 생성이 되지 못했었습니다.( 한 7명 받으신 것 같더군요 )
- 아래의 medias_patch.zip 파일의 압축을 풀어서 ./modules/medias/ 폴더에 붙여넣어 주세요.
- 관리자 페이지에서 모듈에 들어가셔서 업데이트를 눌러 업데이트 하세요.
- 지금 이글 보고 받으시는 분들은 패치 받지 마시고 그냥 medias.zip 파일만으로 설치하시면 됩니다.
패치2!)
- 모듈별로 출력되는 부분에 문제가 있었습니다. 중복 모듈별 선택, 전체 모듈 사용에 대해 패치
- 페이지 내용이 1회 출력되면 다음부터는 출력 안되는 내용을 패치
- 메인 표시여부, 본문 표시여부 등 위젯, 에디터 컴포넌트의 명칭을 구분1, 구분2 로 통일
- medias.zip을 다시 올릴테니 기존 사용자와 새로 설치 분들은 설치유무과 관계없이 압축을 푸셔서 덮어씌워주세요.
ps : 방금 1.0.5에서 테스트 했는데 잘되네요. 위젯 스킨의 실수 수정해서 다시 올려요(자꾸만 올려서 죄송;)
샤프심
- 2008.09.28
- 02:33:19
- (*.147.138.121)
안녕하세요... 라르게덴님
지난번에 문의해서 잘 설치했는데 이번에 다른곳에 설치하다보니 문제점이 생겨서 문의드립니다.
이번에는 설치잘되서 이미지 표시잘되고 이미지위에 커서 위치하면 미리보기도 되고 하는데
이미지 삽입할때 image_link컴포넌트 페이지에서 이미지 표시부분 설정하는 초록색 상자가 보이지 않습니다.
지난번 설치된곳에서 폴더째 카피한건데 그쪽홈피에서는 문제없이 되는데
이번 설치한 홈피에서는 안되서 헤매고 있습니다.
답변부탁드립니다....image_link 폴더를 몇번이고 새로 복사해도 안됩니다.
a?
- 2008.10.05
- 15:58:05
- (*.102.246.18)
piclens 관련해서 질문이 있어 글을 남깁니다.
혹시 보시게 되면 도움 부탁드립니다.
일단 제가 제로보드에 대해 완전 모른다고 생각하시고 설명해주셨으면 좋겠구요(ㅜㅜ;;)
(제로보드 1.0.6을 쓰고있고 cafe24.com 계정입니다)
먼저 medias.zip, medias_patch.zip 파일을 받아서 업로드를 완료했습니다.
모듈에서 설치도 눌러줬구요([설치 업데이트] 이렇게 떠있길래 설치 눌렀습니다)
3번의 애드온설정이 살짝 이해가 안갔지만 대충 게시판을 지정하라는 뜻으로 알고
이미지 게시판을 눌러줬습니다.
그리고 4번부터 이해가 안가는데요;;;;
위젯을 눌러서 어떻게 해야되나요;;;; 설정대충해서 코드생성해도 어디다 쓰는건지를 모르겠습니다.
위젯이길래 페이지(외부 페이지 말구요)에다가 코드를 붙여도 놔봤는데, 아무런 변화도 없는걸 보니 아닌거 같구요.
레이아웃 편집에다가도 붙여봤는데 역시나 변화없구요... 얕은 지식으로 알수가 없네요...
그리고 5번 에디터 컴포넌트도 잘 모르겠지만 그냥 사진올리고나서 더블클릭하니깐 뜨긴 합니다.
다만 버그가 있는것 같습니다...(첨부파일을 본문삽입이 안되서 걍 냅둘께요 ㅜㅜ)
보시다시피 그림하고 크기 구하기 버튼이 같이 움직입니다...
이상입니다. 좀 알려주세요 ㅠ_ㅠ
piclens를 쓰고 싶은데 그 전부터 막히니 힘드네요.
그럼 수고하세여
라르게덴
- 2008.10.08
- 23:29:15
- (*.79.64.78)
제가 임의의 게시판을 하나 들어가서 수정을 누른거고요.(서바이벌 하는것)
관리자페이지에서 모듈->미디어 가시면 리스트가 몇개 밖에 없을겁니다.
아직 미디어 모듈에 쌓이지 않았다는거죠.
모든 게시물을 한번씩 페이지 수정하셔서 저장되는 과정에서 미디어 애드온을 통하여
미디어 DB에 자료를 수집시켜 놔야 합니다.
마우스를 올릴때 아이콘은 이미지가 링크 형태로 되어있어야 합니다.
혹은 alt 내용이 있어야 하고요.
a 태그로 확실히 원본이 링크되어 있는 상태에서만 보입니다.
제 생각엔 이미지 리사이즈 애드온 같은 것이 제가 쓰는것과 다른게 제가 사용하는 애드온은
이미지를 링크형식으로 감싸는 방식이라서 자동으로 되는 겁니다.
(로리 사진 있는 게시물을 수정해서 살펴보니 그쪽에는 이미지에 오버시 아이콘이 뜨는군요 ^^)
사이트를 보니 Optimizer 기능이 사용되고 있으시군요.
마우스를 대면 이미지가 보이는 것과 IE6에서 정상 출력은 jQuery라는 라이브러리를
사용하기 때문입니다.
jQuery가 실행이 되질 않으면 마우스활성화시 이미지가 출력되지도 않고 png파일은
회색으로 보이는건 정상적인 경우 입니다.
주의!) 를 읽어보시고요...
widgets/medias/skins/aqua/list.html 에 가셔서 JQuery를 지워주시고요.
(<!--@import...--> 이런식으로 선언되어있습니다.)
관리자페이지 -> 레이아웃 -> 사용하시는 레이아웃 설정에서 head부분 입력 부분에 아래를 입력하세요.
<script type="text/javascript" src="./widgets/경로/jquery-latest.pack.js"></script>
<script type="text/javascript" src="./widgets/경로/jquery.dimensions.js"></script>
<script type="text/javascript" src="./widgets/경로/jquery.tooltip.js"></script>
jQuery는 Optimizer를 하지 않으셔야 합니다.