링크
https://false9.iwinv.net/bbs/board.php?bo_table=gallery1&wr_id=2&page=2 (218) https://sir.kr/main/member/list.php?mb_id=false9&gubun=기술 (131)
게시물보기 페이지에 카카오링크(공유) 버튼이 추가 됩니다.
버튼클릭시 카카오톡으로 게시물 링크와 이미지, 제목, 본문내용이 공유 됩니다.
순정이 아닌 커스텀 환경에서 이미지가 보이지 않는 경우
kakaolink_bbs.php 파일의 21라인, $("#div_id").find("img").attr("src") 부분에
이미지의 위치를 지정해주세요.
공유할 이미지를 감싸고 있는 div의 id 를 div_id 부분에 넣어주시면 됩니다.
설치방법
---------------
01. 다운받으신 파일을 압축해제 하시고
/plugin/ 폴더로 업로드 해주세요. (폴더채로 업로드)
02. 카카오 javascript키 를 발급받으셔서
환경설정 > 기본환경설정 > SNS > 카카오 JavaScript 키 에 넣어주세요.
키발급 : https://developers.kakao.com/
키발급이 처음이신 경우 구글링을 통해 키발급 가이드를 참고해주세요.
플랫폼(도메인)을 등록하셔야 정상작동 됩니다.
03. 게시판의 보기 스킨 파일(view.skin.php) 의 적절한 위치에
아래 코드를 추가해주세요. (카카오톡 버튼추가)
[code]
<!-- 카카오 게시물공유 { -->
<?php include (G5_PLUGIN_PATH.'/kakaolink_bbs/kakaolink_bbs.php'); ?>
<!-- } -->
[/code]
그누보드 리빌드 v5.6 출시 예정! 많은 관심 부탁드립니다.
https://sir.kr/g5_builder/4371
댓글 18개
이미지를 출력하는 코드가 있고,
그 코드를 감싸고있는 <div> 또는 <ul> 등이 있을거에요.
거기에 id가 없으면 id를 지정해주시고
$("#div_id").find("img").attr("src") 중에 #div_id 부분을 지정하신 id로 변경해주세요.
aaa로 지정하셨다면, $("#aaa").find("img").attr("src") 가 되겠네요.
해석하면
id="aaa" 안에 <img 태그를 찾아서 src (url) 를
공유 이미지로 사용한다는 의미 입니다.
--------
좀 더 풀어드리면 아래처럼 되면 됩니다~
<div id="aaa">
<img src="/plugin/sns/icon/kakao.png">
</div>
$("#aaa").find("img").attr("src")
게시글 목록
| 번호 | 제목 |
|---|---|
| 12587 | |
| 12537 | |
| 12530 | |
| 12497 | |
| 12486 | |
| 12477 | |
| 12450 | |
| 12445 | |
| 12441 | |
| 12377 | |
| 12345 | |
| 12300 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기