>  기사  >  CMS 튜토리얼  >  기사 내용 복사 시 나타나는 저작권 안내창 구현 방법

기사 내용 복사 시 나타나는 저작권 안내창 구현 방법

藏色散人
藏色散人앞으로
2020-04-30 15:20:442842검색

다음 워드프레스 웹사이트 구축 튜토리얼 칼럼에서는 글의 내용을 복사해 저작권 프롬프트 박스를 띄우는 구현 방법을 소개하겠습니다. 도움이 필요한 친구들에게 도움이 되길 바랍니다!

기사 내용 복사 시 나타나는 저작권 안내창 구현 방법

코드 1

SweetAlert를 사용하여 프롬프트 상자를 아름답게 만드세요

현재 테마 템플릿 함수인 function.php 파일 끝에 다음 코드를 추가하세요:

function zm_copyright_tips() {
 echo &#39;<link rel="stylesheet" type="text/css" rel="external nofollow" target="_blank" href="https://zmingcx.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly9jZG4uYm9vdGNzcy5jb20vc3dlZXRhbGVydC8xLjEuMy9zd2VldGFsZXJ0Lm1pbi5jc3M=" >&#39;;
 echo &#39;<script src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script>&#39;;
 echo &#39;<script>document.body.oncopy = function() { swal("复制成功!", "转载请务必保留原文链接,申明来源,谢谢合作!!","success");};</script>&#39;;
}
add_action( &#39;wp_footer&#39;, &#39;zm_copyright_tips&#39;, 100 );

효과는 아래와 같습니다:

기사 내용 복사 시 나타나는 저작권 안내창 구현 방법

코드 2 :

간단한 프롬프트 상자

JS 및 CSS를 로드하는 것이 속도에 영향을 미친다고 생각한다면 다음 코드를 직접 사용하여 브라우저 자체 프롬프트 상자를 호출할 수도 있습니다. 사용 방법은 위와 동일합니다.

function zm_copyright_tips() {
echo &#39;<script>document.body.oncopy=function(){alert("复制成功!转载请务必保留原文链接,申明来源,谢谢合作!");}</script>&#39;;
}
add_action( &#39;wp_footer&#39;, &#39;zm_copyright_tips&#39;, 100 );

효과는 그림과 같습니다

기사 내용 복사 시 나타나는 저작권 안내창 구현 방법

위 코드는 외부 링크에서 공공 라이브러리를 직접 호출하며, 외부 링크에서 JS, CSS를 로컬로 다운로드하여 더욱 미화하고 스타일을 수정합니다.

더 많은 WordPress 팁 기사를 보려면 WordPress 칼럼을 방문하세요!

위 내용은 기사 내용 복사 시 나타나는 저작권 안내창 구현 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 zmingcx.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제