웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
게시판을 활용한 페이지 생성 및 관리 아이디어...(참고)
2009.03.27 16:49
아래와 같이 게시판의 view 페이지를 조작한 의도는
페이지를 생성할 때 좀더 단순하고 간편하게(관리자페이지 작업 포함) 생성해 보려는 것이었고,
나름대로 해결책을 찾아 사용하고 있는데 그 내용을 공유하고자 합니다.
-페이지가 많은 경우에 관리자페이지에서 일일이 페이지수에 맞춰 생성을 하고 나면 그 숫자가 많아서
조금 복잡해 보일 때가 있습니다. 그래서 저는 약식으로 게시판을 사이트맵 성격에 맞춰 몇개로 압축해서
생성을 하고 게시글 하나하나를 페이지로 사용합니다. 이렇게 되면 페이지 생성으로 만든 페이지에 비해
분명히 단점이 있지만 저처럼 하나의 사이트에 계속 추가로 페이지를 생성해 나가야 하는 경우에는
간편하고 손쉽게 페이지를 관리할 수 있다고 생각합니다.
-게시판의 view페이지를 일반 페이지처럼 사용하려고 하니 한가지 문제가 있었습니다. 기존 view페이지의 UI
가 상단에 출력되는 게시판 제목과 정보가 눈에 거슬렸고, 타이틀도 텍스트가 아닌 이미지를 넣고 싶었습니다.
그래서 나름대로 방법을 찾은 것이 모두 안보이게 하면 이것 때문에 일반 게시판에서도 안보이게 할 수 없어
아래 쪽으로 위치를 바꾸고 그곳에 한데 모아 깔끔하고 심플하게 정리를 하는 쪽으로 가닥을 잡았습니다.
미천한 실력으로 도전해 봤는데 다행히 해결이 되었습니다.
-------------------------------------------------------------------------------------------------------
손볼 파일은 아래와 같이 두개의 파일입니다.
view_document.html (위치 : /xe/modules/board/skins/xe_board/ )
common.css (위치 : /xe/modules/board/skins/xe_board/css/ )
* view_document.html 파일을 참고용으로 올립니다.(반드시 참고만 하시고 각자의 파일로 정리를 다시 하셔서 사용하시기 바랍니다.)
전문가가 아니어서 소스가 지저분합니다. 주석처리도 대충되어 있구요.
* common.css 파일은 거의 손볼 것이 없습니다. 저는 게시글 title 사이즈와 댓글 등의 배경색 한두가지만 수정하여 사용중입니다.
1번 그림
2번 그림
.................................................................................................................................................
위 그림은 실제 적용된 사이트를 캡쳐한 것 입니다.
2번 그림에 표시한 색상별 레이아웃에 대한 설명을 드리겠습니다.
빨강: 게시글 내용부분.
보라: 테그부분.
파랑: 게시글 타이틀, 댓글, 조회수, 등록일시, 아이피 부분.
녹색: 첨부파일부분.
페이지를 생성할 때 좀더 단순하고 간편하게(관리자페이지 작업 포함) 생성해 보려는 것이었고,
나름대로 해결책을 찾아 사용하고 있는데 그 내용을 공유하고자 합니다.
-페이지가 많은 경우에 관리자페이지에서 일일이 페이지수에 맞춰 생성을 하고 나면 그 숫자가 많아서
조금 복잡해 보일 때가 있습니다. 그래서 저는 약식으로 게시판을 사이트맵 성격에 맞춰 몇개로 압축해서
생성을 하고 게시글 하나하나를 페이지로 사용합니다. 이렇게 되면 페이지 생성으로 만든 페이지에 비해
분명히 단점이 있지만 저처럼 하나의 사이트에 계속 추가로 페이지를 생성해 나가야 하는 경우에는
간편하고 손쉽게 페이지를 관리할 수 있다고 생각합니다.
-게시판의 view페이지를 일반 페이지처럼 사용하려고 하니 한가지 문제가 있었습니다. 기존 view페이지의 UI
가 상단에 출력되는 게시판 제목과 정보가 눈에 거슬렸고, 타이틀도 텍스트가 아닌 이미지를 넣고 싶었습니다.
그래서 나름대로 방법을 찾은 것이 모두 안보이게 하면 이것 때문에 일반 게시판에서도 안보이게 할 수 없어
아래 쪽으로 위치를 바꾸고 그곳에 한데 모아 깔끔하고 심플하게 정리를 하는 쪽으로 가닥을 잡았습니다.
미천한 실력으로 도전해 봤는데 다행히 해결이 되었습니다.
-------------------------------------------------------------------------------------------------------
손볼 파일은 아래와 같이 두개의 파일입니다.
view_document.html (위치 : /xe/modules/board/skins/xe_board/ )
common.css (위치 : /xe/modules/board/skins/xe_board/css/ )
* view_document.html 파일을 참고용으로 올립니다.(반드시 참고만 하시고 각자의 파일로 정리를 다시 하셔서 사용하시기 바랍니다.)
전문가가 아니어서 소스가 지저분합니다. 주석처리도 대충되어 있구요.
* common.css 파일은 거의 손볼 것이 없습니다. 저는 게시글 title 사이즈와 댓글 등의 배경색 한두가지만 수정하여 사용중입니다.
1번 그림
2번 그림
.................................................................................................................................................
위 그림은 실제 적용된 사이트를 캡쳐한 것 입니다.
2번 그림에 표시한 색상별 레이아웃에 대한 설명을 드리겠습니다.
빨강: 게시글 내용부분.
보라: 테그부분.
파랑: 게시글 타이틀, 댓글, 조회수, 등록일시, 아이피 부분.
녹색: 첨부파일부분.
댓글 5
-
Newage Love
2009.03.27 22:59
-
빨간발
2009.03.29 21:57
예 맞습니다.
하나하나의 게시글들이 모두 페이지가 됩니다. 저는 게시판을 페이지로 이용할 때 해당 게시판의 스킨을 '목록'형이 아닌 '블로그'형으로 해줍니다.
게시판을 페이지로 활용하면 '인쇄'기능 등을 사용할 수 있다는 장점이 있습니다.(단 정교하게 표 등을 폼함한 페이지를 구성해야 하거나
html 코딩, 드림위버 등의 사용이 익숙하지 않은 사람들에게는 불편할 수 있습니다.) -
쑤우우
2009.04.01 01:42
캬 생각만 한 10초 해본것이였는데... 실제로 하신분이 계시는구나..^^; -
위크니
2009.07.23 18:34
제가 필요로하던 팁이었습니다.
하마터면 또 삽질할뻔네요;; 감사합니다.^-^
-
위크니
2009.07.25 21:30
http://www.xpressengine.com/16590313
알고보니 이런 위젯이 있더군요^-^* 비슷한 기능을 제공하니 참고하셔도 좋을 것 같아요.
제목 | 글쓴이 | 날짜 |
---|---|---|
[우클릭 및 드레그 방지법] 및 [방지된 홈페이지 해재법] >0< [7] | 이홍석295 | 2008.09.03 |
mixup 애드온 Textyle에서 찾을 수 없는 증상 해결 팁 [1] | 라르게덴 | 2009.08.10 |
1.1.5에서 1.2.4으로 업그레이드 할 때.. [3] | 활주로 | 2009.08.06 |
zbxe에 bgm을 설치하자 [11] | 우리아기 | 2008.08.16 |
엄지 추천 기능 본문에 삽입 하고자 하실때 (급조) [2] | thejeon | 2009.07.29 |
텔넷/ SSH 안 되는 계정에서 TAR로 데이터 백업/XE 설치하기 [5] | Dream Of Veritas | 2009.08.04 |
Lavalic Mp3 플레이어를 대신하는... [8] | 조성우371 | 2009.07.13 |
팁이 아니고 저같은 초보자 분들이 아셔야 할 사항하나! [5] | 토니박스 | 2009.07.20 |
"파일첨부"가 클릭이 안되시는 분 보셔요. [11] | 최강협 | 2007.12.04 |
텔넷으로 순간 압축풀기/폴더 삭제/폴더파일 압축하기... [5] | Crazyhouse.cn | 2008.05.19 |
게시판을 활용한 페이지 생성 및 관리 아이디어...(참고) [5] | 빨간발 | 2009.03.27 |
특정그룹 멤버 표시 위젯에서 이름 순 정렬하기 [2] | 이재한744 | 2009.03.30 |
확장변수를 위젯에서 출력하기 [5] | bibi | 2009.07.19 |
주문형게시판 만들기 [22] | 팔공산 | 2008.05.04 |
IIS에서 XE 설치 시 FTP 정보 등록에서 오류 조치 [4] | impre | 2009.02.20 |
첨부파일 안올라갈 경우.. [5] | 양갱; | 2009.04.18 |
메뉴에 플래시 적용하기 [7] | 지허 | 2007.10.23 |
쪽지 수신 음성 알림 [19] | Simulz | 2007.11.13 |
회원아이디 클릭시 메일보내기 기능 숨기기 [9] | 똑디 | 2008.12.18 |
사이트 주소 또는 title 고정시키기 [6] | 하늘(skycheer) | 2008.04.12 |
메뉴 주소는 당연히 게시판 페이지 주소겟쬬?