XE스케치북 게시판스킨 소셜연동할 때 문제점.

XE스케치북 게시판스킨 소셜연동할 때 문제점.

특히 카카오톡 연동부분은 업데이트문제로 동작하지 않을 가능성이 높다.

먼저, skin을 스케치북의 최신버젼으로 업데이트한다.

https://github.com/sketchbook/xe

깃허브에서 다운로드 받아야 한다.

skin폴더의 

_read.html 에서 SNS 부분을 찾아서 아래처럼 변경해야한다.

        <!--// SNS -->

    <script type='text/javascript'>

      //<![CDATA[

        // // 사용할 앱의 JavaScript 키를 설정해 주세요.

        //Kakao.init('{$mi->kakao_key}');

        // // 카카오링크 버튼을 생성합니다. 처음 한번만 호출하면 됩니다.

        function sendLink() {

          Kakao.Link.sendScrap({

          requestUrl: '{$sns_link}'

          });

        }

      //]]>

    </script>

        <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())-->

            <!--<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="#" data-type="kakao"><b class="ico_sns kakao">Kakao</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>

            

            <!--@end-->

        </div>

그리고 카카오 개발자센터에서 사용할 도메인을 등록하고, Javascript 키가 필요하고, XE게시판 스킨설정에서 입력해야함

https://developers.kakao.com/

마지막으로 아이콘이미지가 안맞아서 문제가 있음. 아래의 이미지를 사용해야함.

/www/modules/board/skins/sketchbook5/img/sns_64.png

​​