모바일 기기에서 글을 등록했을 때 게시판 목록에 아이콘 표시 - 게시판스킨강좌, 그누보드5강좌

본문 바로가기
전체검색

게시판스킨강좌

그누보드, 영카트 초보 제작자분들을 위한 다양한 스킨 제작 활용 팁을 공유합니다.

모바일 기기에서 글을 등록했을 때 게시판 목록에 아이콘 표시

관리자 19-04-23 22:24

모바일 기기에서 글을 등록했을 경우

게시판 목록에 모바일 기기에서 작성했다는 것을 표시해주는 아이콘을 출력하는 방법입니다.


예제는 여분 필드 1번을 사용했습니다. 여분 필드를 사용 중이라면 중복되지 않게 남는 번호를 적용하세요.

모바일용 게시판 스킨도 동일하게 수정하셔야 합니다.


PC용 스킨 : skin/board/

모바일용 스킨 : mobile/skin/board/

 

1. write.skin.php 파일 수정


아래 코드 추가


<input type="hidden" name="wr_1" value="<?php echo ($w == '' && is_mobile()) ? "1" : $write['wr_1'] ?>">


아이콘 표시 설정값은 처음 글을 등록할 때만 적용되며 글을 수정할 때는 변경되지 않습니다.

위치는 여기쯤에..


9efa7cef6cc34b204a52dc9f89991e72_1556026322_6721.png
 



2. list.skin.php 파일 수정


아이콘을 출력하고 싶은 위치에 아래 코드 추가

Font Awesome Icons 를 사용했으며 이미지로 교체하셔도 됩니다.


<?php if ($list[$i]['wr_1']) { ?><i class="fa fa-wifi"></i><?php } ?>


아이콘 크기나 색상 변경은 게시판 스킨 폴더에 있는 style.css 파일에 아래 코드 추가

#bo_list .fa-wifi {color:#ff5e8b}


아이콘 크기도 변경하고 싶으면 font-size 태그도 추가하면 됩니다.

#bo_list .fa-wifi {color:#ff5e8b;font-size:14px}

로그인 후 댓글 작성 가능합니다.
그누스킨닷컴

그누스터디는 그누보드, 영카트를 이용하시는 초보 사용자를 위한 정보를 공유합니다.

E-MAIL : gnustudy@naver.com / 카카오톡 : gnustudy / 텔레그램 : gnustudy
제작 문의를 제외한 일반 문의는 QA 게시판을 이용해주세요.

Copyright © GNUSTUDY. All rights reserved.