본문 바로가기

테마제작22

그누보드 테마 제작 34 - 접속자 집계 위젯 개발 페이지나 위젯의 마지막 작업이 될 듯 합니다. 바로 접속자 집계 위젯 페이지입니다. (outlogin.skin.php가 있지만, 제 테마는 안쓰는 파일입니다.) 게시글 보기 페이지의 우측 영역을 위해 새로 만든 파일에 다음과 같이 코드를 추하였습니다. 이제 visit.skin.php 파일만 작업하면 되겠네요. 짜잔... 금방 완료되었어요~ 소스는 아래에 넣어놓아요~ 2020. 7. 28.
그누보드 테마 제작 33 - 일반 페이지(회사소개/개인정보처리방침/서비스이용약관) 개발 드디어 마지막 작업입니다. (위젯이 일부 남은것 같긴 한데... 애써 무시하고 있습니다.) 일반페이지는 너무 심플해 보여서 바로 진행합니다. /bbs/content.php 를 호출하면 나타나는 페이지이고 테마 작업은 /theme/mt703/skin/content/basic/content.skin.php 가 되겠습니다. 어랏... 위 파일을 고쳤는데... 반응이 없습니다... (아.. 좀.. 날로 먹음 안되나? ㅡㅡ++) /bbs/content.php 파일을 살펴보아야겠습니다. 아니면 관리자에서 설정하는 곳이 있는지도요. 먼저 /bbs/content.php 부터... 1. get 파라메터로 받아온 co_id 값부터 정규식으로 무언가를 걸러냅니다. $co_id = preg_replace('/[^a-z0-9_.. 2020. 7. 25.
그누보드 테마 제작 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.
그누보드 테마 제작 24 - 갤러리 게시판 페이지 개발 이제 갤러리 게시판 작업을 진행합니다. 그누 기본 테마의 갤러리 리스트 화면과 현재 제작중인 테마의 갤러리 리스트 화면을 비교해봅니다. 뭐가 어떻게 되면 저렇게 깨질까 궁금하네요. 일반 게시판과 갤러리 게시판의 차이점은 리스트 페이지만 다르군요. 보기 페이지, 댓글 페이지, 보기 우측 사이드 페이지는 그대로 복사해서 옮겨도 될 듯 합니다. (아... 혹시 모르니 소스 비교 작업은 진행해야겠네요.) 검토 결과 list.skin.php 만 다르고 모두 똑같은 소스입니다. 같은 것들은 옮겨놓고, list.skin.php만 원래의 갤러리 파일로 두고 화면을 확인해보겠습니다. (이제 진짜 현재 화면일수도 있겠네요~) 보기 영역과 보기 사이드 영역은 정상적으로 보이나, 하단 리스트 영역은 역시 엄청 깨져 보입니다... 2020. 7. 13.
그누보드 테마 제작 18 - 쪽지 내역 및 전송 기능 개발 오늘은 쪽지 관련 기능을 개발합니다. 받은쪽지, 보낸쪽지, 쪽지쓰기의 총 3페이지로 되어 있군요. 제가 만들고 있는 테마에서는 어떻게 보일런지 궁금하네요. 관련 파일은, memo.php와 memo_form.php 그리고 memo_view.php 네요. 당연히 bbs 폴더 안에 있는 것들일거고... 제가 작업해야 할 파일은 /theme/제작중인테마/skin/member/basic 폴더에 있는 memo.skin.php와 memo_form.skin.php, memo_view.skin.php가 되겠네요. (그동안 작업 좀 했다고, 술술 나오네요 ㅎㅎ) Metronic Admin Templat에서 어떤 화면을 이용해야 할지 살펴볼게 꽤 있네요. 테이블로 하면 편할 것 같긴 한데, 지양해야 하는 것 같기도 하고.... 2020. 7. 3.
그누보드 테마 제작 17 - 스크랩 내역 페이지 개발 오늘은 스크랩 내역 페이지를 개발하려고 합니다. 그누기본 테마와 현재 개발 전 제작 중인 테마의 모습을 한 번 확인하고 진행합니다. Modal창으로 할까 역시 생각했지만, 지난 번 마음 먹은대로 당장은 기본 모양 그대로 만들고 나중에 별도의 스킨을 만들도록 하겠습니다. 소스도 심플한 편이네요. 근데 삭제 스크립트가 다른곳에 있나보군요... 지금까지 하면서 보면 대부분 내부에 있던데 말이죠. 창닫기 // ========================================================== // del 함수의 위치 및 내용 // 파일 위치 : common.js 133라인. // ========================================================== // .. 2020. 7. 2.
그누보드 테마 제작 16 - 포인트 내역 페이지 개발 오늘은 포인트 내역 팝업 화면을 개발합니다. 전 어떻게 깨져 보일지 확인해봅니다. 생각보다 많이 이상하게 보이지는 않네요. 수정해야 하는 파일은 /theme/mt703/skin/member/basic/point.skin.php 로군요. 팝업이고, 단순리 리스트만 보여주기에 이번에도 Modal 창으로 도전합니다. 내역이 많으면 세로로 길게 나올수도 있기에 스크롤이 가능한 modal 창을 Metronic Admin Template에서 찾아봅니다. 지난 번 아래의 버튼을 이용, 카피하여 사용했다가 카피된 소스에 문제가 있어 고생을 했었습니다. 그래서 이젠 소스를 열고, 검색하여 가져오고 있습니다. 소스는 어떻게 생겼는지 살펴봅니다. Create a scrollable modal body by adding .m.. 2020. 7. 1.
그누보드 테마 제작 15 - 회원정보 수정 페이지 개발 오늘은 회원정보 수정 페이지를 진행할 계획인데요. 웬지 이번 작업은 만만치 않을 것 같네요. 이유는 그누 기본 테마는 상단 메뉴와 우측사이트 영역이 존재하지만, 전 그걸 빼고 만들었었거든요. 회원정보수정 화면은 상단, 좌측 메뉴가 보여지는게 맞을 것 같다고 판단했기때문입니다. (지난 번 Modal창도 그렇고, 걍 그누의 기본 형식을 따르는게 제일 편할 듯 하네요.) (그럴듯하게 바꾸는건 나중에 하는게 시간이 절약될 것 같아요.) 개발중인 테마에서는 현재화면부터 확인해볼게요. 상단 메뉴와 좌측 메뉴 외에도 회원가입페이지이 좌측 메뉴도 없애버려야 하네요... 이미 만들어놓은거 뒤집을 순 없고, 어케든 개발해야겠죠? (우리에겐 IF문이 있으니까요 ^^) 우선 순서대로 "회원 비밀번호 확인" 페이지부터 개발해야.. 2020. 6. 30.
그누보드 테마 제작 14 - 회원정보 찾기 페이지 개발 2 오늘은 회원정보 찾기의 로직 부분을 개발했습니다. 지난 회 마지막에 Ajax로 변경개발해야 한다고 생각했었는데요. 다시 생각해보니 로직을 처리할 iframe을 만들고, 그 iframe을 타겟으로 전송하면 많이 안고쳐도 되겠더라구요. (사실은 Ajax로 바꾸는게 좋을 것 같긴 하나... 시간이 또 오래 걸릴 듯 하여... ㅠㅠ) 방향을 잡았으니 본격적인 개발을 시작합니다. Action URL을 다시 BBS의 password_lost2.php로 변경하고, target을 잡아줍니다. 위에서 정한 target명으로 iframe을 만듭니다. 그리고 창이 자동으로 닫혀야 하기에, Submit 버튼이 눌러지면, 창이 닫히는 코드를 추가합니다. 정상적으로 수행되는것이 확인되었습니다. ^^; 아... 이런... Moda.. 2020. 6. 29.
그누보드 테마 제작 13 - 회원정보 찾기 페이지 개발 1 오늘은 회원정보 찾기를 만들어보려 합니다. 회원 관련 페이지들도 깨알같이 많네요... 그래도 꾸준히 달려봅니다. 먼저 기본테마의 화면을 살펴봅니다. 음... 팝업으로 나타나는군요. 팝업이라... 레이어로 하는게 맞을 듯 한데,,, 아... bootstrap의 modal 창을 이용하는게 좋을 것 같습니다. 그럼으로 Metronic Admin Template의 Modal 창을 찾아봐야겠군요. 많은 샘플들을 제공합니다만, 전 Modaless가 아닌 것과 화면 정 중앙에 표시하는 두 가지를 섞을 예정입니다. 2시간 삽질을 했네요 ㅠㅠ Metronic Admin 템플릿의 코드가 오류일거라고는 상상도 못했습니다. 암튼 여차 저차 모달 화면을 준비했습니다. 이제, Bootstrap의 modal 모습으로 코드를 변경합.. 2020. 6. 27.
그누보드 테마 제작 12 - 소셜 로그인 및 회원가입 페이지 개발 오늘은 로그인과 회원가입 화면에 소셜 로그인이 빠져 있어 해당 부분을 메우는 작업을 진행하려 합니다. 로그인 스킨은 /theme/basic/skin/member/login.skin.php 네요. 이 안에서... 아래놈을 쏙 복사하여... 새로운 테마의 login.skin.php(/theme/basic/skin/member/login.skin.php)에 쏙~~ Sign in with Google 너무 가로가 길어 예쁘지 않네요. 두 줄로 나누어주는게 이쁠 것 같아요... 위에서 include 했던, /theme/basic/skin/member/social_login.skin.php 을 다시 수정하러 갑니다. Sign in with Google get_social_skin_path()의 경로를 알아내야 sk.. 2020. 6. 27.

티스토리툴바