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

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

藏色散人
풀어 주다: 2020-04-30 15:20:44
앞으로
2876명이 탐색했습니다.

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

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

코드 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으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿