Skip to content

우리끼리 가치할래?우리끼리 가치할래?

조회 수 90 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 게시글 수정 내역 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 게시글 수정 내역 댓글로 가기 인쇄 첨부
Extra Form

카카오sns 공유버턴.png

 

스케치북5 라이믹스 커스텀 스킨의 카카오톡 공유수정 & Twitter 공유 수정 :

 

라이믹스 스케치북 패치버전의 board 스킨을 설치하여 사용해보니 카카오톡의 sns 공유가 작동이 안되서 이 부분을 에전에 사용하던 스케치북5 커스텀 스킨의 카카오톡 sns 공유설정을 적용하여 반영하였다 .

수정한 문서는  _read.html 와 css 폴더의 board.css 의 문서에 카카오톡 관련 소스를 코딩하여 삽입 하였다. 

스킨의 설정에서 sns 설정 부분의 큰 아이콘 사용으로 설정 하였으며 작은 아이콘에 대응하는 _read_sns.html 문서는 사이트 에서 작은 아이콘의 sns 내용은 설정에 반영하지 않으므로 수정하지 않았다. 이후 사용할시를 대비해 미리 수정해 반영하겠다.

 

수정 내용은 (사이트에 커스텀한 문서 반영기준 )

 

루트 /modules/board/skins/costom_rhymix-sketchbook-master/ 내의 _read.html 와 css 폴더의 board.css 의 문서 이며 

skins 과 m.skins 내의 내용을 를 모두 반영한다.

 

 _read.html  의 최상단의 아래 부분 10~25 번 라인 사이에 아래 카카오 링크와 관련 스크립트를 추가한후 

<!--// 최상상단 카카오공유 내용 추가 소스-->
            <load target="//developers.kakao.com/sdk/js/kakao.min.js" />
            <!--<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>-->
            <script type='text/javascript'>
  //<![CDATA[
    // // 사용할 앱의 JavaScript 키를 설정해 주세요.
    Kakao.init('{$mi->kakao_key}');
    // // 카카오링크 버튼을 생성합니다. 처음 한번만 호출하면 됩니다.
    function sendLink() {
      Kakao.Link.sendScrap({
      requestUrl: '{$sns_link}'
      });
    }
  //]]>
</script>

 

341 ~357 라인의 sns 공유 관련 소스를 아래 처럼 수정하여 대응 하였다.

 

<!--// SNS kakao SendLink 수정 //-->
        <div cond="$mi->to_sns=='3'" class="to_sns big" style="text-align:{$mi->to_sns_big}" data-url="{$sns_link}" data-permanenturl="{$oDocument->getPermanentUrl()}" data-title="{$sns_title}">
            <a class="facebook bubble" href="#" data-type="facebook" title="To Facebook"><b class="ico_sns facebook">Facebook</b></a>
            <a class="twitter bubble" href="#" data-type="twitter" title="To Twitter"><b class="ico_sns twitter">Twitter</b></a>
            <a class="google bubble" href="#" data-type="google" title="To Google"><b class="ico_sns google">Google</b></a>
            <a class="pinterest bubble" href="#" data-type="pinterest" title="To Pinterest"><b class="ico_sns pinterest">Pinterest</b></a>
            <!--@if(Mobile::isMobileCheckByAgent())-->

*아래는 카카오톡  sns 대응 부분 
            <a class="kakaostory" href="storylink://posting?post={$oDocument->getPermanentUrl()}&appid=m.kakao.com&appver=1.0&apiver=1.0&appname={$mi->title}"><b class="ico_sns kakaostory">KakaoStory</b></a>
            <a class="band" href="bandapp://create/post?text={$sns_title}%0A{$sns_link}"><b class="ico_sns band">Band</b></a>

            <a class="kakao" href="javascript:sendLink()" ><b class="ico_sns kakao">Kakao</b></a>
            <a class="line" href="line://msg/text/?{$sns_title}%0D%0A{$sns_link}"><b class="ico_sns line">Line</b></a>
            <!--@else-->
            <a class="kakaostory bubble" href="#" data-type="kakaostory" title="To KakaoStory"><b class="ico_sns kakaostory">KakaoStory</b></a>
            <a class="band bubble" href="#" data-type="band" title="To Band"><b class="ico_sns band">Band</b></a>

            <a class="kakao" href="javascript:sendLink()" title="To Kakao"><b class="ico_sns kakao">Kakao</b></a>
            <!--@end-->
        </div>

 

 

*그리고 해당 sns 공유 부분에 트위터 공유글 게시글이 올라가질 않고 트윗터 홈으로 롤백하는 공유 오류가 있어서 이에 대응하는 

부분인 js 폴더 안의 board.js 의 

 

402.라인 :  loc = '//twitter.com/home?status='+encodeURIComponent(title)+' '+href;

---> 변경 

402.라인 :  loc = '//twitter.com/share?text='+encodeURIComponent(title)+'&url='+href;

 

을 수정하였다



사이트 관리

사이트관리내역

  1. 캡션 : blockquote 인용구 컬러 속성 강제 적용

  2. 스티커 메모 위젯 (Sticky Note) 모바일 터치 오류

  3. 방명록 댓글 오류 (스케치북 5 스킨)

  4. 스케치북 게시판 get_sign 속성 수정

  5. 스케치북5 정보보기 - 맴버 스킨의 자동로그인 관리 / 작성댓글보기 탬플릿 오류

  6. 핫튜브 / 자료실 게시판 오류 -유튜브 링크 바로 임베드 애드온 설치로해결

  7. 라이믹스형 스케치북 게시판 카카오톡 & 트윗터 공유 추가

  8. 카카오톡 외 왭 공유 게시글 이미지 첨부 오류

  9. 라이믹스 업그레이드 오류내용들-(정검해봐야할 기록 정리)

  10. 라이믹스 업그레이드 후 소셜xe 로그인 오류

  11. XE 에서 rhymix 로 업그레이들 하였다.

  12. 블로그 상단 메뉴 바 컬러 변경

  13. 카카오톡 sns 공유 이미지 불러오기 오류

  14. 스케치북 5 게시판 (제목 컬러설정)오류

  15. 사이드바 / 최신글 /최신댓글 /태그 리스트 수정

  16. 스케치북5 게시판 sns 공유버턴 트윗터 오류

  17. pc와 mobile위젯 편집 (카카오 공유링크)

  18. 카카오 공유 링크 만들기 위한 말풍선 아이콘.png

  19. 스케치북5 레이아웃 사용못하는 사이드 위젯들을 커스텀하자

  20. 스케치북 게시판 웹진형 설정

  21. 스케치북5 레이아웃 카테고리 위젯문제 해결

  22. 니코(nico) 위젯 스타일 모바일형으로수정

  23. 웹콘 소프트의 슬라이드 갤러리 Carousel 위젯 수정

  24. 위젯 페딩값 수정과 이미지 파일 수정

  25. 최신글 위젯 모바일 사용성 편집

  26. 클라우드 태그위젯 폰트 색상코드 변경

  27. 회원 정보 탭 수정 (sns관리탭, 회원 정보탭)

  28. 페이스북 소셜 로그인 앱 오류수정

  29. 내정보 탭의 로그인 기록창과 sns 관리 창 변경

  30. 사이트 레이아웃 기본 로그인창 소셜 로그인 기능 수정 기록

  31. 사이트 레이아웃 기본 로그인창 소셜 로그인 기능 수정 계흭 기록

  32. 게시판 스킨 쓰기 설정 변경

  33. 소셜 XE 구글 fix 버전 설치 후 수정 목록

  34. 스케치북 5 게시판의 위저드기능 사용안함 설정

  35. 스케치북 5 게시판 카카오톡 공유 사용설정

  36. UTF-8 인코딩의 BOM (Byte Order Mark) 문제로 레이아웃 깨짐

  37. 변칙 모바일 레이아웃 해상도 수정 적용

  38. 댓글 쓰기창 문구 수정

  39. 인증메일 재전송 창 수정

  40. 모바일 기본로그인 창 사이즈 변경 - 모바일 전체메뉴 보기 컬러 변경

Board Pagination Prev 1 2 Next
/ 2

Recent Articles

Recent Comment

sketchbook5, 스케치북5

sketchbook5, 스케치북5