코스모스팜 소셜 공유 버튼 끝에 url 복사하기 버튼을 추가하고 싶은데요
제 수준으로는 계속 오류가 나네요 ㅠㅠ
어떻게 추가할 수 잇는 방법이 없을까요?
안녕하세요~^^
jQuery를 활용해서 현재 URL 클립보드에 복사하는 간단한 예제를 작성해봤습니다.
아래의 코드를 활용해보시겠어요?
<button type="button" id="copy-url">URL 복사하기</button><input id="my-url" type="text" value="<?php echo esc_url($_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'])?>">
<script>
jQuery(document).ready(function(){
jQuery('#copy-url').click(function(){
var url = document.getElementById('my-url');
url.select();
document.execCommand('Copy');
alert('URL 이 복사 되었습니다.');
});
})
</script>
코스모스팜 소셜 공유 버튼 레이아웃은
FTP로 접속해서 /wp-content/plugins/cosmosfarm-share-buttons/layout/사용중인스킨/layout.php 파일에서 표시하고 있습니다.
버튼 옆에 표시되는 주소를 안 보이게 하시려면
아래의 CSS 코드를 추가해보시겠어요?
#my-url { position: absolute; top: 0; left: 0; margin:0; padding: 0; width: 1px; height: 1px; border: 0; }
고맙습니다.
감사합니다! 완벽히 작동합니다!