본문 바로가기

metronic admin6

그누보드 테마 제작 23 - 게시글 부가 페이지 개발 부가 페이지란, 아래 영역을 말하는겁니다. 저 영역을 남겨두긴 했는데, 저기에 뭘 넣어야 할지 답을 못정하고 있다. 걍 없애버릴까도 잠깐 생각이... sir.kr에서 찾아봐야겠습니다. 아.. 기본테마에서도 찾아봐야겠어요. 별거 없네요... SIR에서 가져온 본 게시판의 최신글과 인기글을 배치하고 그 아래로 최신 댓글을 위치시켜보겠습니다. 이번에도 작업 순서를 정해서 진행해볼게요. 1. 보기 페이지의 Side 영역을 위한 파일을 생성합니다. 2. Metronic Admin 템플릿을 이용하여 UI 만들기 3. 각 게시판의 최신글과 인기글을 돌려줄 쿼리 제작 4. 각 게시판의 최신 댓글과 인기 댓글을 돌려줄 함수 제작 5. /bbs/view_side.php 개발 6. view_side.skin.php 개발 이.. 2020. 7. 10.
그누보드 테마 제작 22 - 게시글 리스트 페이지 개발 게시판 관련 마지막 작업이네요. 바로 게시글 리스트 작업입니다. 그누의 기본 테마를 살펴보고, 이전에 준비해둔 제작할 테마의 모양을 보겠습니다. 지금까지 게시글에 적용하는 UI는 사실 Metronic Admin에서 제공하는 Mail UI 였습니다. 여러가지로 비슷해보여서 작업을 하고 있습니다만, 고쳐야 할 부분이 너무 많아서 시간이 많이 걸리고 있네요. (사실 그만 할까 라는 생각도 굴뚝같습니다. 그러나 나와의 약속이니 어떻게든 마무리하려 합니다.) Metronic Admin UI를 개발 중인 테마 화면에 붙여봅니다. 오늘은 순서를 정해보고 하겠습니다. 1. 카테고리 영역 2. 게시글 상단 영역 3. 게시글 리스트 영역 4. 페이징 영역 5. 검색 영역 이 정도 업무로 나뉘는것으로 보여집니다. 이제 달려.. 2020. 7. 9.
그누보드 테마 제작 21 - 게시글 보기 및 댓글 페이지 개발 지난 포스팅에서 정말이지 우여곡절 끝에 게시글 작성 및 수정 페이지를 완료했었습니다. 그 느낌이 부여잡고 보기 페이지를 완료시키려 합니다. 기본 그누 테마의 보기 페이지를 확인하고, 현재 개발 중인 테마의 깨지고 있는 모습을 확인합니다. 어째 두개 다 깨져보이는 이유는 뭘까요? 흠... 어떻게 해야 할지 좀 감이 안잡히네요. 이건 뭐 둘 다 깨져보이니... 정확히 말하면 제가 제일 못하는 화면 구성을 어떻게 해야 할지가 고민됩니다. 하는 수 없이 Metronic Admin 템플릿을 뒤져봐야겠죠... 오... 템플릿 중 메일 폼이 있는데, 이게 그나마 제일 비슷한 것 같네요. 맘에 듭니다. https://keenthemes.com/metronic/preview/demo1/custom/apps/inbox.h.. 2020. 7. 8.
그누보드 테마 제작 20 - 게시글 작성 및 수정 페이지 개발 오늘은 드디어 대망의 게시판 작업이 진행됩니다. 그 중에서도 오늘은 게시물 작성(쓰기) 및 수정 페이지를 먼저 만들려고 합니다. 게시판도 회원가입만큼 많은 옵션을 가지고 있습니다. 회원가입은 모두 사용으로 설정하고 작업하니 큰 문제가 없었는데요. 게시판은 사용함과 안함의 차이가 있는 것들이 일부 있을 것으로 보여집니다. (예: 위지윅에디터 사용 여부 등) 이런 이유로 일단은 모두 사용으로 정의해놓은 상태에서 작업을 진행하고, 하나씩 풀어가면서 확인 및 디버깅 작업을 하려고 합니다. 게시판 설정을 위하여 어드민 사이트로 이동합니다. 먼저 스킨을 테마의 basic과 테마의 gallery로 변경합니다. 공지사항을 먼저 작업을 할 계획입니다. 공지사항의 쓰기 페이지가 완료되면, 자유게시판, 갤러리, QA를 순서.. 2020. 7. 7.
그누보드 테마 제작 11 - 메뉴 기능 개발 2 지난 번 메뉴 리스트를 완료 못하고 멈췄었네요. ㅠㅠ 바로 이 문제 들!!! 1. 공지사항 페이지로 이동하면, 대메뉴가 열리고, 해당 메뉴가 열렸다는 표시가 있어야 하는데 안나와요. (이건 그누보드 기본 테마가 그런거라서... 에고... 어카지...) 2. 적용중인 템플릿은 첫번째 대메뉴는 링크가 안걸리네요. ㅠㅠ 링크가 걸리면 하위 메뉴가 안보여지는 문제가 발생했어요. (에고... 걍 끝나는게 없네요...) 먼저 첫번째 문제 해결해보자구요. 1. 공지사항 페이지로 이동하면, 대메뉴가 열리고, 해당 메뉴가 열렸다는 표시가 있어야 하는데 안나와요. (이건 그누보드 기본 테마가 그런거라서... 에고... 어카지...) 일단 javascript로 해결해볼까 하다가... 실패했네요. 역시 css와 js가 약한 .. 2020. 6. 27.
그누보드 테마 제작 10 - 메뉴 기능 개발 1 메뉴를 테마 템플릿에 맞게 수정해보았어요. (전에도 몇번 메뉴 쪽을 보았지만 상당히 복잡하다는 기억을 가지고 있어서 두려운 마음으로 작업을 시작합니다.) 먼저 메뉴는 어드민에서 정해줘야 하니까... (그런걸로 기억하니까...) 이제 작업 준비는 끝났고~ 본격적인 작업으로 들어가봅니다. 메뉴를 뿌려주는 소스는 어느 놈일지 먼저 검색... 전체 소스에서 "메인메뉴"를 검색해보니, head.php에 메뉴 소스가 있네요. 역시 복잡스럽... 여기서 궁금한게 동일한 foreach를 두 번 돌린다는 거에요. 이유가 뭔지 몹시 궁금합니다. (고수님들 알려주세요~~) 그리고 $menu_datas 변수는 어떤 구조인지 출력도 해보았습니다. 템플릿의 메뉴 구조는 SVG icon 때문인지 엄청 복잡하네요. ㅠㅠ 암튼 여차 .. 2020. 6. 27.