본문 바로가기

bootstrap9

그누보드 테마 제작 34 - 접속자 집계 위젯 개발 페이지나 위젯의 마지막 작업이 될 듯 합니다. 바로 접속자 집계 위젯 페이지입니다. (outlogin.skin.php가 있지만, 제 테마는 안쓰는 파일입니다.) 게시글 보기 페이지의 우측 영역을 위해 새로 만든 파일에 다음과 같이 코드를 추하였습니다. 이제 visit.skin.php 파일만 작업하면 되겠네요. 짜잔... 금방 완료되었어요~ 소스는 아래에 넣어놓아요~ 2020. 7. 28.
그누보드 테마 제작 32 - 투표(POLL) 페이지 개발 투표(Poll) 페이지를 개발합니다. 일단 메뉴에서 페이지가 보이지 않습니다. 어떻게 해야 보여지는지 찾아봅니다. 어드민에 투표 메뉴가 있네요. 우상단에 있는 "투표 추가" 버튼을 눌러 투표를 생성해보겠습니다. 우측 영역에 보여지는 설문 투표 양식 위젯(?) 부터 만들겠습니다. 만들려면 어딘가 보여야 하는데... 전 우측 사이드 영역이 없어 아예 볼 수 없습니다. 저 화면이 나오게 하기 위해서는 무엇을 해야 하는지 몰라 검색을 통해 찾아다녔습니다. 기본 테마에서는 aside(우측영역)에서 poll() 함수를 호출하면 나오게 되어 있더군요. 저는 위에서 말씀드린데로, 메인 화면의 일부분에 노출이 되도록 하겠습니다. 그대로 써도 되지 않을까 싶을 정도로 괜찮아 보입니다. 그러나 CSS에 주석을 하면... 어.. 2020. 7. 24.
그누보드 테마 제작 31 - 접속자 리스트 페이지 개발 오늘의 테마는 접속자 리스트 페이지 개발입니다. 개발을 위해 그누 기본 테마로 확인해보니... 접속자가 없습니다. 당연하죠... 로컬 개발 환경이니... 우선 관련 테이블이 무언지 알아보고, 강제로 삽입을 하던지, 방법을 찾아봐야겠습니다. /bbs/current_connect.php에서 쿼리를 로그로 출력해봅니다. select a.mb_id, b.mb_nick, b.mb_name, b.mb_email, b.mb_homepage, b.mb_open, b.mb_point, a.lo_ip, a.lo_location, a.lo_url from g5_login a left join g5_member b on (a.mb_id = b.mb_id) where a.mb_id 'hunnovsi' order by a.lo_.. 2020. 7. 23.
그누보드 테마 제작 30 - FAQ 페이지 개발 이번엔 FAQ 페이지 개발에 들어갑니다. 그누보드 기본 테마는 어떻게 생겼는지 보겠습니다. 음... 이게 뭐죠... 아무것도 없네요... 하단에 톱니바튀가 보이시나요? 그 곳이 FAQ의 화면 내용을 셋팅하는 곳입니다. 들어가서 보겠습니다. 먼저 그누보드의 FAQ는 어떤 방식으로 작동되는 것인지 확인이 필요하겠네요. 그래서 위와 같이 셋팅을 한 후 어떻게 바뀌는지 보겠습니다. 다음은, FAQ관리 메뉴를 확인하겠습니다. "자주하시는 질문"은 하나의 카테고리였군요. 같은 방식으로 카테고리를 계속 늘려나갈 수 있겠습니다. 이제 어드민 설정의 내용이 적용된 화면을 보시겠습니다. 테스트 글도 몇개 작성해보겠습니다. FAQ니까 당연히 어드민에서 작성 및 관리됩니다. 저도 몇개 입력해본 후의 결과 화면을 보겠습니다. .. 2020. 7. 22.
그누보드 테마 제작 29 - 1:1 문의(Q&A) 페이지 개발 1:1문의 (FAQ) 페이지의 개발입니다. 개발 전 모습은 아래와 같습니다. 기본적으로 게시판 UI와 비슷해서, 의외로 쉽게 끝날 수 도 있겠다는 생각이 드네요. 단 답변 등록하는 부분이 다르지만, 글쓰기 페이지의 모습이니까 옮겨놓으면 될 것 같습니다. 1:1 문의는 관리자에 관리 메뉴가 존재합니다. 여기서 설정한 내용을 이용하게 됩니다. 지난 게시판 작업때처럼 모든 설정을 가능하게 해두셔야 합니다. CRUD Create 쓰기 페이지 부터 작업 들어갑니다. 시작파일은 /bbs/qawrite.php 파일입니다. skin 파일을 찾아보는데... 소스가 이상하네요. Theme 폴더를 전혀 언급하고 있지 않습니다. 그래서 살펴보니... 1:1문의 페이지는 다른 파일과는 구성이 좀 다르네요. 바로 qahead.p.. 2020. 7. 21.
그누보드 테마 제작 28 - 게시판 리스트 및 새글 페이지 모바일 화면 수정 개발 지난 번 말씀대로 모바일에서는 리스트가 심하게 깨집니다. (반응형으로 만드는건데... 이러면 안되는거잖아요? 그쵸?) 이전 게시판 리스트 작업을 할때, Metronic Admin Template의 메일폼을 사용했었습니다. 그때 메일 리스트의 상단에 검색 영역이 요긴하게 쓰일 것 같아 찾아봅니다. 으악... 이게 뭔가요??? DIV를 생각을 잘 못했네요. 수정... 드디어 알아냈습니다. 정말 삽질에 노가다에... 이렇게 모르니 그동안 고생을 하죠... Bootstrap4에서는 col-xs-6이 없어졌다는군요. Bootstrap3까지만 지원하고 4에서는 col-6이라고 써야 한답니다. 그러니 아무리 해도 안되는 거였습니다. 까먹기 전에 정리!! Mobile Tablet PC Large PC Bootstrap.. 2020. 7. 19.
그누보드 - Boilerplate 테마(빌더?)가 나타났다!!! 실로 엄청난 테마가 나온 듯 하다. 그것은 바로... 보일러플레이트(이렇게 읽는거 맞나?) sir.kr/g5_theme/5953 보일러플레이트1.2.4(20200713) > SIR 1.2.4(20200713) 변경사항 - 포인트 없어도 다운되는 오류 수정 theme\boilerplate\bp_download.php theme\boilerplate\bp_download_preview.php 1.2.3(20200702) 변경사항 - 포인트 사용안함 체크일 경�� sir.kr 사실 부트스트랩 방식의 그누보드를 사용하기 위해 나 홀로 테마 제작을 진행하였으나... 테마제작이 완료되어갈때즈음.... 위 테마가 공개되었다... 이 테마를 보고... 자괴감이... ㅠㅠ 뭐 괜찮다~ 더 좋은 걸 써야지~~~ 이 블로그.. 2020. 7. 17.
그누보드 테마 제작 24 - 갤러리 게시판 페이지 개발 이제 갤러리 게시판 작업을 진행합니다. 그누 기본 테마의 갤러리 리스트 화면과 현재 제작중인 테마의 갤러리 리스트 화면을 비교해봅니다. 뭐가 어떻게 되면 저렇게 깨질까 궁금하네요. 일반 게시판과 갤러리 게시판의 차이점은 리스트 페이지만 다르군요. 보기 페이지, 댓글 페이지, 보기 우측 사이드 페이지는 그대로 복사해서 옮겨도 될 듯 합니다. (아... 혹시 모르니 소스 비교 작업은 진행해야겠네요.) 검토 결과 list.skin.php 만 다르고 모두 똑같은 소스입니다. 같은 것들은 옮겨놓고, list.skin.php만 원래의 갤러리 파일로 두고 화면을 확인해보겠습니다. (이제 진짜 현재 화면일수도 있겠네요~) 보기 영역과 보기 사이드 영역은 정상적으로 보이나, 하단 리스트 영역은 역시 엄청 깨져 보입니다... 2020. 7. 13.
그누보드 테마 제작 17 - 스크랩 내역 페이지 개발 오늘은 스크랩 내역 페이지를 개발하려고 합니다. 그누기본 테마와 현재 개발 전 제작 중인 테마의 모습을 한 번 확인하고 진행합니다. Modal창으로 할까 역시 생각했지만, 지난 번 마음 먹은대로 당장은 기본 모양 그대로 만들고 나중에 별도의 스킨을 만들도록 하겠습니다. 소스도 심플한 편이네요. 근데 삭제 스크립트가 다른곳에 있나보군요... 지금까지 하면서 보면 대부분 내부에 있던데 말이죠. 창닫기 // ========================================================== // del 함수의 위치 및 내용 // 파일 위치 : common.js 133라인. // ========================================================== // .. 2020. 7. 2.