중소 규모의 학원이나 개인 교습소에서 사용할 만한 선생님 소개 게시판입니다.

비타주리님의 멀티갤러리(그누보드 - 멀티갤러리 > 그누보드5 스킨 (sir.kr)를 커스텀하였으며, mp3, mp4, 유튜브영상을 나타내기위하여 mp3, mp4, 유튜브 조소입력 자동표현 게시판(그누보드 - mp3, mp4, 유튜브 주소입력 자동표현 게시판 > 그누보드5 스킨 (sir.kr)의 view.tail.php플 사용하였습니다.

그리고 view.skin.php에서 폼메일을 사용하기위하여 트리플님의 (그누보드 - 폼메일(그누보드 5.3) > 그누보드5 스킨 (sir.kr)를 커스텀했습니다.

유용한 자료를 공개해주신 비타주리님과 트리플님께 감사드립니다.

압축을 풀면 teachers_pc, teachers_mobile, formmail 폴더가 나옵니다

teachers_pc는 그누보드 순정기준으로 skin/board폴더에 업로드합니다.

teachers_mobile은 그누보드 순정기준으로 mobile/skin/board폴더에 업로드합니다.

formmail은 root(adm폴더와 동일한 위치)에 업로드합니다

formmail/formmail.php를 view.skin.php에서 사용합니다.

선생님이름을 표시하기위해 제목을 사용했으며 다음과 같이 여분필드를 사용했습니다.

wr_subject: 선생님 이름

wr_1: 리스트의 이미지아래의 선생님 한마디.
wr_2: 이메일 문의
wr_3: 리스트 이미지플립 사용시 뒷면에 표시되는 내용
wr_4: 핸드폰번호
wr_5: 학력
wr_6: 경력
wr_7: 홈페이지
wr_8: 유튜브
wr_9: sns

여분필드 wr_1 ~ wr_9은 글쓰기에서 입력하지 않으면 출력이 되지 않게 하였습니다.

글쓰기는 관리자만 가능하게 하였습니다.

내용입력란에 텍스트와 mp3, mp4, youtube 주소를 입력하면 아래 그림처럼 나옵니다.

왼쪽에 사진이 나오고 오른 쪽에 텍스트와 mp3, mp4, youtube가 나오는데 텍스트가 길거나 mp3, mp4, youtube 숫자가 많은 경우에는 아래 그림처럼 밸런스가 많지 않습니다. 이경우에 mp3, mp4, youtube을 댓글창에 입력하면 본문과 자연스럽게 연결이 됩니다.

댓글갯수, 댓글의 유무, 댓글 작성자 등은 관리자로 접속한 경우에만 보이게 수정하였습니다.

그래서 영상이나 유튜브영상을 댓글로 작성해도 자연스럽게 연결이 됩니다.

view.skin.php에서 문의를 하기위해서 폼메일 기능을 넣었습니다.

압축을 풀면 나오는 폼메일을 root에 업로드합니다. adm이 있는 위치입니다.

view.skin.php에 다음처럼 정해줍니다.

<?php if ($view['wr_2']) { ?>        
  <tr class="trk">
      <th>문 의</th>
      <td><a  onmouseover=style.color='#0000cc' onmouseout=style.color='#000000' href="http://test.com/formmail/formmail.php" target="_blank" title="메일로 문의하기"><?php // echo $view['wr_2'] ?>이메일 문의 </a></td>
  </tr>
<?php } ?>

list.skin.php에서 선생님 사진아래에 짧은 인사말은 넣었는데요. 인사말의 길이가 다르면 아래 그림처럼 레이아웃이 맞이 않으니 줄수를 같게 해주시면 됩니다.

리스트화면에서 이미지의 갯수는 list.skin.php에서 조절합니다

1) $cut_zone = 1; // 가로분할
2) $cut_percent = 97; // 간격을 제외
3) $image_height_percent = 80; // 가로에 대한 세로의 퍼센트

1) 의 경우는 이미지의 가로숫자입니다.

저는 기본값을 pc에서는 3, 모바일에서는 1로 주었습니다.

원하는 숫자를 pc 와 mobile 에서 각각 수정해서 사용하세요.

2) 는 가로 전체에서 이미지영역이 차지하는 퍼센트입니다.

예를 들어 97로 주었으면 이미지가 차지하는 부분이 가로 전체의 97% 이고...

나머지 3% 는 각자에게 균등하게 분할되어 이미지영역 사이의 간격마진으로 처리됩니다.

이 간격은 코드로 계산되어 세로간격에도 동일하게 적용됩니다.

따라서 100을 주면 가로 세로 간격이 딱 달라붙어 버리게 됩니다.

그래서 가로에 이미지 하나씩만을 배치해도

세로 간격 문제로 97 이쪽저쪽으로 주는 것이 보기가 좋습니다. 

3) 은 이미지 가로를 100% 로 보았을 때를 기준으로 한 세로의 퍼센트입니다.

그래서 100을 주면 정사각형이 되고

100이하를 주면 가로가 긴 직사각형, 100이상을 주면 세로가 긴 직사각형이 되며

비율 이외의 나머지 부분은 알아서 잘려 나갑니다.

2022년 1월 1일에 업로드한 스킨인데 그누보드 문제로 사라지는 바람에 폼메일기능과 약간의 수정을 더해서 다시 업로드한 것입니다.

부족한 점이 많습니다. 부족한 점이나 오류는 나중에 다시 업데이트하도록 하겠습니다. 

감사합니다.