이모티콘 게시판 V8

모바일은 아직 지원예정이 없습니다. 모바일 사용을 원하시면

이모티콘 출력 및 입력 파일을 모바일 스킨에 인클루드 하고 css를 적절히 수정하여 사용하시기 바랍니다.

 

- 주요 변경 내용 -

1. 코드 대폭 수정 및 기간제 무료 이모티콘과 유료 이모티콘을 별도의 테이블로 분리해 관리하는 방식으로 변경되었습니다. (자세한 내용은 '이모티콘 상점' 및 '기간제 무료 이모티콘 기능' 설명 참조.)

2. 이모티콘 출력 방식 변경: 자바스크립트를 활용해 출력 페이지에서 이모티콘 코드를 이미지 태그로 치환하는 방식으로 개선.

3. 기간제 무료 이모티콘에 분류 기능을 추가하였고, 패키지(묶음) 단위로 관리 방식이 변경되었습니다.

4. 본문에서 이모티콘 사용 가능.

5. 댓글에서 여러 개의 이모티콘 사용 가능.

6. 댓글 작성 시 이모티콘 미리보기 기능 제거.

7. 기간제 무료 이모티콘 및 유료 이모티콘의 이미지를 패키지 단위로 폴더 구분하였습니다. (향후 유료 이모티콘도 개별 구매 방식에서 패키지 단위 구매 방식으로 전환 예정입니다.)

- 이모티콘 기능 소개 -

상단 예시 이미지처럼, 본문에서는 물론 댓글에서도 여러 개의 이모티콘을 자유롭게 사용할 수 있도록 개선되었습니다.

 

 

 

예시:
[free_emoticon1] [space_emoticon4] [paid1_emoticon9]

이모티콘을 선택하면, 위와 같은 이모티콘 코드가 본문 에디터나 댓글 입력창에 자동으로 삽입됩니다.
해당 코드는 view_emoticon.php에서 이미지 태그로 자동 치환되어 출력됩니다.

 

- 테이블 구조 관련 -

무료 기간제 이모티콘과 유료 이모티콘은 각각 별도의 테이블로 분리되어 관리됩니다.
따라서 이모티콘 선택 시, 해당 테이블에서 활성화 여부를 확인하여 표시됩니다.

DB 관련 상세 내용은 '이모티콘 상점' 및 '기간제 무료 이모티콘 기능' 게시물 참조

 

 

 

 

⚠️ 기존 사용자 주의사항

기능이 대폭 변경되었고, 폴더 구조 또한 변경되었습니다.

기존 이미지 출력 방식에서 새로운 방식으로 전환되었으므로 기존 사용자 분깨서도

새로 설치해주시기 바랍니다.

기존에 작성된 게시물에는 이모티콘이 정상 출력되지 않을 수 있습니다. 이 점 양해 부탁드립니다.

 

- 설치 방법 -

 

유료 이모티콘 기능 또는 기간제 무료 이모티콘 기능을 사용하시려면, 하단 링크에 이모티콘상점 및 기간제 무료 이모티콘 기능도 함께 설치하셔야 합니다.

https://sir.kr/g5_plugin/13618?page=1

1. 게시판 스킨 폴더에 스킨 압축 파일을 풀고 업로드합니다.

2. emoticon 폴더 압축을 해제한 뒤, 그누보드 메인 디렉터리의 img 폴더 안에 업로드합니다.

3. 유료, 기간제 무료 이모티콘 기능이 필요 없으신 분은, 기능이 제거된 basic 버전을 사용하시면 됩니다.

4. 모바일 용 같은 경우에는

 

- 수정 방법 -

1. 이모티콘 선택 모달 파일 수정
write_emojic.php : 댓글용 이모티콘 선택 모달

write_emojim.php : 본문용 이모티콘 선택 모달

※ 입력창에 이모티콘 코드를 삽입하는 방식만 다를 뿐, 기능은 거의 동일하므로 댓글용 파일(write_emojic.php) 기준으로 설명드립니다.

 

1-1. 무료 이모티콘 수정

하단의 코드를 수정합니다.
28번째 줄: 이모티콘 개수

29번째 줄: 이모티콘 이미지 경로

 

그 다음 이모티콘 폴더에 새 이모티콘을 업로드하시면 됩니다.
(기본 무료 이모티콘 개수는 121개로 설정되어 있습니다.)

 

1-2. 기간제 무료 이모티콘 수정
각 패키지는 패키지 폴더별로 구분되어 있습니다.

패키지 개수를 추가하고 싶을 경우, 55번째 줄의 if 조건에 그룹(a, b, c)에서 원하는 갯수 만큼 추가한 다음

63~70번째 줄을 복붙하여 코드를 수정 하면 됩니다.

 

예시: 그룹 a 수정 방법

64번째 줄 : 이모티콘 분류용 소 재목

65번째 줄: 이모티콘 개수

66번째 줄: 입력창에 삽입될 이모티콘 코드

67번째 줄: 이미지 경로

상단의 내용들을 수정한 후, 이모티콘 폴더에 이미지를 업로드하시면 적용됩니다.

 

1-3. 유료 이모티콘 수정

하단의 코드를 수정합니다.
111번째 줄: 이모티콘 개수

116번째 줄: 이모티콘 이미지 경로

 

그 다음 유료 이모티콘을 폴더에 업로드한 후, 이모티콘 개수를 변경하셨다면
이모티콘 상점에서도 해당 내용에 맞춰 수정이 필요합니다.

 

2. 이모티콘 출력 파일(view_emoticon.php) 수정

view_emoticon.php을 열어서 14~35번째 줄의 코드중

이모티콘 갯수는 length 경로는 folder를 각각 수정해주시면 됩니다.

 

또한 기간제 이모티콘 패키지 추가가 필요한 경우 

17~21번째 줄의 코드를 복붙한다음 코드를 수정하여 사용하시면 됩니다.

 

- 테스트 -

https://test.neonserver.space/bbs/board.php?bo_table=emo2

아이디 : test1 비번 test1

무분별하게 댓글이나 게시물을 도배 하는 행위는 자재 바랍니다.