badge

매뉴얼  -  Manual 매뉴얼 위키가 제작되기 이전에 만들어진 스킨에 대한 기존 매뉴얼 게시판입니다.

10 Mar, 2010

PXE Board Pro 3 Skin Manual

diver 조회 수 18076 추천 수 0 목록

headline_feature.gif

PXE Board Pro 3가 XE의 기본 게시판을 토대로 프리미엄의 이름에 걸맞는 뛰어난 기능과 고급 디자인을 목표로 만들어진 PXE Board의 스킨으로 다시 거듭났습니다. 스크린샷, 다운로드파일 등록이 가능하여 자료실기능으로 사용할 수 있으며 등록자, 사용자 별점 기능을 더하여 완벽한 리뷰 게시판으로 활용이 가능합니다.

  • 스크린샷 및 다운로드 파일을 등록할 수 있는 자료실 기능이 추가되었습니다.
  • 등록자 및 사용자 별점 기능으로 리뷰 게시판으로 활용이 가능합니다.
  • 다른 브라우저는 물론 IE6에서도 100%의 호환성을 가집니다
  • 모든 디자인 요소 및 기본 HTML/CSS 은 표준을 준수합니다.
  • Clean Type 기능을 이용하여 항목명을 말끔한 이미지 서체로 변경할 수 있습니다
  • 목록설정에 등록자별점, 사용자 별점이 추가되었습니다.
  • 기존 확장변수를 사용한 미리보기 및 라벨 이미지 출력을 모듈에서 직접 지원하므로 사용이 편리해 졌습니다.
  • 넣고 싶은 링크에 깔끔한 툴팁을 띄울 수 있습니다
  • 썸네일에 미리보기 이미지를 추가하여 툴팁에서 출력시킬 수 있습니다
  • 제목과 썸네일을 링크화 시켜서 본문보기 페이지가 아닌 다른 URL로 링크시킬 수 있습니다
  • 기 본 스타일 3개(리스트, 웹진, 갤러리) 외에 구현이 안되어 있던 블로그 형식이 추가되었고 스튜디오 형식 보기가 새롭게 추가되었습니다(Board Pro 2). 이 형식은 이제 갤러리 보기에서처럼 양쪽에 마진이 남지않고 정확하게 양쪽 정렬할 수 있게끔 정렬관련 함수 및 jQuery가 추가되었습니다
  • 확장변수는 이제 내용이 들어가 있는 변수만 리스트에 출력시킵니다
  • 썸네일에 라벨을 달아 게시물을 환기시킬 수 있습니다
  • XpressEditor가 에러없이 제대로 작동합니다. 앞으로 만들어지는 PXE의 레이아웃에서도 이제 default 에디터를 사용하지 않고 XpressEditor를 사용 할 수 있습니다
  • 이미지로 사용된 텍스트들은 Naver의 나눔글꼴을 사용하여, 이용자가 포토샵에서 쉽게 텍스트를 바꿀 수 있도록 하였습니다
  • 스튜디오 형식 보기에서는 썸네일이 첨부되어 있지 않은 게시물은 리스트에서 표시시키지 않습니다. 스펨성 게시글이 달려도 관리자에게만 보이도록 설정되었습니다
  • 스튜디오 형식 보기에서는 중요도가 떨어지는 항목(조회, 추천등)은 사라지고 썸네일에 마우스를 올리면 썸네일 자체에 블록이 나타나며 제목과 등록일등의 간단한 정보만 출력시켜 가독성을 올렸습니다
  • "이 게시물을..." 옵션을 표시할지 안할지 관리자에서 지정할 수 있으며, 표시하지 않을 경우 자동으로 각 항목들이 버튼으로 출력됩니다
  • 제목 옆에 관리자의 수정/삭제 버튼이 있어 이제 게시물을 수정하기 위해 스크롤을 내려 버튼을 찾아다니지 않아도 됩니다. 목록으로 돌아가기 버튼도 추가 될 예정이었으나 공간의 문제로 이 부분은 다음 패치 때 이루어집니다




headline_colorset.gif

4개의 컬러셋 중 하나를 선택할 수 있습니다.
  • 하얀색 컬러셋
  • 검은색 컬러셋
  • 사용자 정의 컬러





headline_install.gif

PXE Board Pro 3는 PXE Board 전용 스킨이므로 반드시 PXE Board가 먼저 설치된 상태에서 설치합니다. 다운받은 PXE_board_pro_v3.3.zip 압축을 풀면 pxeboard와 Image_Source 폴더가 나오는데 pxeboard 폴더를 XE가 설치된 폴더의 modules 폴더 아래로 복사해 넣거나 혹은 서버에 업로드 합니다. (pxeboard/skins 아래에 PXE_board_pro3 스킨이 포함되어 있습니다)


 XE가 설치 된 폴더/modules/pxeboard


제어판 > 모듈 에서 PXE 게시판에 빨강색 설치 링크가 나타나면 꼭 클릭하셔서 모듈 설치를 끝내시기 바랍니다.


XE 관리자 페이지로 접속하여 서비스 관리 > PXE 게시판에서 생성 버튼을 눌러 PXE Board pro 3를 선택하여 생성합니다





headline_setting.gif


1. 글목록 형식 설정


PXE Board Pro 3는 5개의 글목록 형식을 지원합니다.

일반목록, 웹진, 갤러리, 커뮤니티는 XE기본 게시판에서 지원되는 형식으로 일반 회원이 임의로 형식을 변경할 수 있지만 스튜디오, 블로그 형식은 사용자가 임의로 변경할 수 없습니다.



2. 자료실 게시판으로 설정하기


download01.jpg
  

기존의 게시판으로 자료실로 활용하기가 쉽지 않았는데요 PXE Board Pro 3의 자료실 기능을 사용하시면 손쉽게 자료실 게시판으로 만드실 수 있습니다.


자료실 기능을 사용하기 위해서는 제어판 > 서비스관리 > PXE 게시판 > 스킨관리에서 자료실 기능을 사용으로 변경해 주세요.


download02.jpg


분류, 자료 제목 등이 스크린샷 이미지 옆으로 출력될 수 있도록 확장변수를 추가해 줍니다.


download03.jpg


3. 리뷰 게시판으로 설정하기


등록자 별점, 사용자별점을 사용하여 리뷰 게시판으로 활용할 수 있습니다.


review01.jpg


리뷰 게시판으로 활용하시려면 등록자 별점 및 사용자 별점 기능을 켜주시면 됩니다.


review02.jpg



4. 자료실 리뷰 게시판으로 설정하기


자료실 기능과 등록자, 사용자 별점 기능을 함께 사용하면 완벽한 자료실 리뷰 게시판이 만들어 집니다.


downreview01.jpg  


5. 라벨 달기


스크린샷 및 글목록의 썸네일에 왼쪽 혹은 오른쪽 위치에 라벨 이미지를 달 수 있습니다.


label01.jpg


label04.jpg


라벨 기능을 사용하기 위해서는 스킨관리에서 라벨관련 설정을 켜주시면 됩니다.


label02.jpg


라벨 이미지 출력을 출력으로 설정하시면 글 쓰기 할 때 라벨 이미지 항목이 나타납니다.


label03.jpg


기본라벨 출력을 출력으로 설정해 놓으면 라벨 이미지를 등록하지 않은 게시물은 기본라벨로 출력됩니다. 만약 이 기본라벨을 변경하고 싶으시면 기본라벨 이미지를 직접 변경해 주시면 됩니다.

왼쪽 정렬 라벨은 아래 파일을 변경해 줍니다.


img/label/labelDefault_left.png


오른쪽 정렬 라벨은 아래 파일을 변경해 줍니다.


img/label/labelDefault_right.png


6. 미리보기 이미지 설정하기


p1.jpg
PXE Board Pro 3에서는 기존의 확장변수로 등록해야 했던 미리보기 이미지를 게시물 등록시 직접 이미지를 올려서 등록하도록 개선이 되었습니다. 스킨관리에서 미리보기 이미지 출력출력으로 설정하시면 됩니다.


preview01.jpg



7. 다른게시판에서 가져오기 혹은 내보내기


import01.gif


상호변환 기능으로 XE 기본 게시판 혹은 게시판EX 등 다른 게시판으로부터 생성된 게시판을 가져오거나 PXE Board의 게시판을 내보낼 수 있습니다.  제어판 > 서비스 관리 > PXE 게시판 > 상호변환 버턴을 눌러주세요.



8. 썸네일 및 스크린샷 크기 설정


썸네일 및 스크린샷 크기 설정 시 뒤에 px를 넣지 않도록 주의합니다. 그냥 숫자로만 입력하여 주세요.



9. FAQ 페이지 꾸미기


faq.gif


기본형태 옵션의 목록형식을 FAQ로 설정하고 분류출력형식을  탭으로 설정하여 완벽한 FAQ 페이지로 꾸밀 수 있습니다. 목록설정에서 제목을 맨 앞에 오도록 하시는 것이 보기에 좋습니다.





headline_alert.gif
  • 이 보드 모듈은 XE 1.4 이상에서 작동합니다.
  • 이 보드 모듈은 IE6/7/8, 가장 최신의 FireFox, Opera 그리고 Safari에서 테스트 되었습니다
  • 이 보드는 PXE Gallery Widget과 jQuery 플러그인을 공유합니다. 따라서 PXE Gallery Widget과 함께 사용 할 때는 레이아웃 설정의 헤더 부분에 넣는 자바스크립트 코드를 추가하지 말고 사용하시기 바랍니다. 이에 대한 자세한 내용은 PXE Gallery Widget의 설정하기 설명부를 참조해 주시기 바랍니다
  • 포인트 시스템 관리 모듈별 설정에서 PXE Board 목록이 나타나지 않습니다. 게시판의 추가설정에서 설정하세요.
  • 파일 다운로드시 포인트가 + 혹은 - 되지 않습니다.
  • 압축된 자바스크립트(.min.js로 끝나는 스크립트파일)과 자동출처표시 애드온의 자바스크립트와 충돌이 있습니다. 이런 경우 원본을 읽어들이도록 하거나 자동출처표시 애드온을 꺼주시면 됩니다.




headline_buy.gif

  • 비영리 라이센스 : 60,000원
  • 영리 라이센스 : 240,000원

구매하길 원하시면 지불과 다운로드 안내(지불과 다운로드 안내 탭 클릭하여 보세요)를 참조해서 구매하신 후 스토어에 등록된 PXE Board Pro 자료를 통해 다운로드 받으세요.



profile

꼬부기

March 11, 2010

현화님... 드뎌 기다리던 자료가 올라왔네요...
그런데 기존 게시판 모듈 자료들을 일일이 옮겨야 하나요?
게시물이 많으면 그것도 보통 작업이 아닐텐데요...
혹시 팁같은건 없는지...^^
profile

diver

March 11, 2010

안녕하세요 diver입니다. 현화님과 같이 보드 프로3에 참여했는데요. 현재로썬 일일이 옮기는 수 밖에 없으시구요. 마이그레이션 툴을 조속히 만들어서 제공할 예정입니다. ^^
profile

빅마우스

March 11, 2010

오나전 입니다. 땡큐베리 감사합니다. 완벽한 사이트가 이제 이 게시판 하나로 만들어지네요.
다시 열공모드로 돌입해서 퍼펙트한 사이트만들어야겠습니다.
profile

꼬부기

March 11, 2010

그러면 마이그레이션 툴 나올때까지 기다려야 되겠네요...
많은 게시물들 일일이 옮기려면...ㅡㅡ;;
마이그레이션 툴에서는 카테고리까지 고대로 넘어가나요?
그런 기능까지 넣어주시면 정말 감사하겠습니다..ㅋㅋ
profile

sensibot

March 16, 2010

Clean Type 기능을 이용하여 항목명을 말끔한 이미지 서체로 변경할 수 있습니다
어느분 설명좀 해주세요!
profile

diver

March 16, 2010

스킨설정에 보시면 깔끔한 서체기능 사용여부 옵션이 있는데요 이것을 사용함으로 설정하시면 게시판 목록 헤더의 글씨들이 이미지로 바뀌면서 텍스트보다 보기 좋게 바뀝니다. ^^
profile

그니

March 18, 2010

확장변수에서 일자(년월일)이 작동되지 않는거 같아요.
입력을 하려는데 레이어가 안뜨는 문제..
profile

그니

March 18, 2010

그리고 맨 밑에 페이지 이동 버튼을 보면

<< 와 >> 버튼이 한글로 표시되어 있을때

[첫페이지] [끝페이지] 라고 되어있기도 하고 어떤 설정을 하면
[끝페이지] [끝페이지] 라고 나오기도 하네요.

어떤 설정상태에서 문제가 나오는지는 잘 모르겠습니다.
profile

그니

March 18, 2010

또 미리보기가 설정되지 않은 '스튜디오' 형식인데
미리보기 사용했을때 썸네일을 회백색으로 가려주는 효과가 나타납니다.

스튜디오 형식일땐 검은색 레이어와 제목,날짜가 나와야 되는데 이 효과가 나타남으로써
다 가려집니다.
profile

그니

March 18, 2010

white의 목록형태에서 깔끔한 서체기능을 켰는데도 '번호'목록은 모든 컬러셋에서 이미지가 되지 않고 폰트로 나옵니다.
profile

ZHANG

July 09, 2010

Not Found
The requested URL /modules/pxeboard/skins/PXE_board_pro3/files/attach/images/884/946/labelDefault_right.png was not found on this server.

현화님 이 버그는 제로보드를 루트에 깔았을때, 라벨 관련해서 나오는 버그더라구요.
라벨을 불러올 때 "/modules/pxeboard/skins/PXE_board_pro3" 요만큼의 주소만 없었으면 좋겠어요. ㅠㅠ
profile

ZHANG

July 09, 2010

XE 폴더로 설치 되지 않은 제로보드에 개별 / 집중식 설정 했을때.. "리스트와 본문" 모두 링크 주소가 잘못 되어 있더라고요.

IE8에서는 http://도메인주소/modules/pxeboard/skins/PXE_board_pro3//files/attach/labelbox/975/975.png
슬래쉬가 하나 더 들어가서. "/modules/pxeboard/skins/PXE_board_pro3/" 이렇게 인식 되고요.

파폭에서는 그냥 엑박으로 나오는데 이 넘 주소를 좀 알아봐야 겠습니다만.. ㅠㅠ

루트에 설치된 XE도 배려 해주세요. ㅠ,ㅠ 흙;
profile

creatist

November 01, 2010

블로그보기로 설정했는데....
제가 생각했을때 블로그 보기라 함은
게시물 제목과 요약본문정도만 노출되는 게 아닌
전체 본문이 출력되어 스크롤해서 내려읽는 형태인데...
지금 상태는 블로그보기같지가 않습니다.
지금 상태는 그냥 리스트보기+약간의 본문초반부 문장 보여주기정도밖에 안되는데...
그냥 네이버 블로그라든지 티스토리처럼...
그냥 따로 게시물 리스트가 보이는 게 아니라..
본문 내용들이 쭉 이어져서 보이는 건 안되는 건가요?
아니면 제가 설정을 못하는 건가요?
profile

절대집착

November 15, 2010

"비밀글 입니다."

:
profile

빅마우스

July 22, 2011

다운로드를 링크로 변환하고 싶은데 방법이 없나요?

혹은 스크린샷 링크를 새창으로 여는 방법은 없나요?

List of Articles

PXE Board Pro 3 Skin Manual [15]

PXE Board Pro 3가 XE의 기본 게시판을 토대로 프리미엄의 이름에 걸맞는 뛰어난 기능과 고급 디자인을 목표로 만들어진 PXE Board의 스킨으로 다시 거듭났습니다. 스크린샷, 다운로드파일 등록이 가능하여 자료실기능으로 사...

  • diver
  • 2010-03-10
  • 조회 수 18076

PXE 공식 레이아웃 [4]

PXE Official Layout은 Premiumxe의 공식 레이아웃 입니다. 이 레이아웃은 이용자 설정을 통해 사이트의 구조를 대단히 다양하게 구성할수 있습니다. 기존의 PXE Sky나 PXE Leaflet Pro의 기능들이 일부 흡수되었으며 이 레...

PXE AppBlog

PXE AppBlog는 Apple 아이폰용 앱스토어(AppStore)에서 개발자들이 주로 사용하는 GUI(Graphic User Interface)로 디자인 된 최신 트랜드의 텍스타일 블로그 스킨입니다. 무미건조하고 일륜적인 디자인의 한국 블로그와 차별...

PXE Photoware [16]

PXE Photoware는 사진과 관련된 업종에 종사하는 분들을 위한 포토갤러리 전용 레이아웃입니다. 이 레이아웃을 이용하면 해외 유명 포토그래퍼들의 블로그나 개인 웹사이트의 최신 트랜드와 경쟁할 수 있을 정도의 하이...

PXE Tab Widget Part 1 [1]

PXE Sky와 PXE Leaflet Pro 레이아웃의 샘플 화면에 사용된 탭 방식 최근글 위젯입니다 본 위젯은 샘플용 위젯으로서, 흰 색 계열 1개의 컬러셋으로만 구성되어 있습니다 1. 압축을 풀어 나온 tab_pxe_01 폴더를 귀...

PXE Leaflet Pro [4]

PXE Leaflet Pro는 PXE Leaflet Lite의 모체가 되는 기능 강화판으로서, PXE Sky의 본문부 가변형 다단 기능이 포함된 프리미엄 레이아웃 입니다. 이 레이아웃이 온라인에서 어떻게 작동하는지 보려면 여기를 클릭해서 ...

PXE Leaflet Lite [12]

PXE Leaflet Lite는 NHN deView 공식 사이트와 같이 3단 접지 전단지 디자인을 모티브로 한 2단 구성 레이아웃입니다. 리플릿 영역의 너비를 2가지중에 선택하여 메인 화면과 서브 화면으로 구성할 수 있으며, 좁은 폭 ...

해비핀 스타일 xeBanner [4]

PXE 해비핀 스타일 xeBanner는 XE에서 제공하는 xeBanner를 해피빈 스타일로 출력시켜주는 위젯 스킨입니다. 3개의 배너를 보여줄 수 있으며 각 배너는 이미지와 함께 링크를 제공합니다. 이 위젯이 온라인에서 어떻게 ...

해피빈 스타일 최근글 위젯 [1]

PXE 해비핀 스타일 최근글 위젯은 최근 등록 된 게시물을 해피빈의 첫화면과 같이 컨텐츠를 출력시켜주는 웹진형 위젯입니다. 본래 스카이 블루와 올리브 2개의 컬러셋으로 배포될 예정이었으나 올리브 컬러의 경우 자칫하...

PXE Sky [11]

PXE Sky는 국내 기업용 웹사이트를 제작하기 위한 다목적 레이아웃입니다. 한가지 테마에 국한되지 않고 수정방법 및 디자이너의 역량에 따라 수많은 장르에 걸쳐 광범위하게 사용 될 수 있는 모던한 한국형 디자인입니다. 이...