웹마스터 팁
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
알고보니 이런 위젯이 있더군요^-^* 비슷한 기능을 제공하니 참고하셔도 좋을 것 같아요.
제목 | 글쓴이 | 날짜 |
---|---|---|
홈페이지 패스워드 걸기 소스 [7] | 이슈™ | 2002.03.13 |
[v]운영 체제별 다른 페이지 보여주기 -_-;v [3] | ┏ⓩZion┛ | 2002.03.30 |
[v]하나더! 해상도별 다른 페이지 보여주기 | :+:zZion:+: | 2002.03.30 |
원하는 홈페이지를 시작페이지 설정하기!!!! [3] | 오길호 | 2002.07.05 |
접속하자 마자 풀스크린으로 바뀌는 홈페이지만들기 [20] | 노명수 | 2002.09.02 |
브라우저 언어에 따라 다른 페이지 보이기 [11] | 써니얌 | 2002.09.03 |
간단하고 빠른 페이지포워딩 [3] | Draco | 2002.09.19 |
페이지 맨위로 이동하는 top 버튼 [7] | 조정환 | 2002.09.28 |
단축키로 페이지이동 [17] | 아벨라 | 2002.10.18 |
홈페이지에 머무른 시간을 알림창으로 나타내기. [3] | 시즌오브드림 | 2002.12.10 |
홈페이지 패스워드(암호) 걸기 소스 [6] | keymove | 2003.01.09 |
[1분짜리 팁!] 홈페이지 입장 여부 묻는 폼 띄우기! [2] | 찐군 | 2003.01.09 |
한페이지에서 여러개의 크롬리스 창 띄우기..(ByKlein Chromeless Window) [3] | 아린~★ | 2003.01.29 |
페이지 로딩중 효과 [7] | 깜보 | 2003.02.16 |
페이지 프린트 제어 하기 [1] | RedEye | 2003.04.14 |
자바스크립트로 두개 이상의 페이지 동시에 열기. [4] | 이성헌 | 2003.06.08 |
노프레임 홈페이지 수정 편리하게 &용량줄이기. [9] | 세죠위그이 | 2003.07.15 |
경우에 따라 공지가 새창에서도 보여야 하고, 일반 페이지에서도 보여야 할때 | 조은하루 | 2003.08.22 |
frame으로 홈페이지 구성시 한쪽 페이지는 유동성있는 파일 대입법(?) | monozzang | 2003.09.02 |
[초간단 자바스크립트!] 홈페이지에 FTP 폼 넣기?! [10] | ∑Ztxy | 2003.09.29 |
메뉴 주소는 당연히 게시판 페이지 주소겟쬬?