워드프레스 게시물의 자바스크립트

워드프레스 게시물의 자바스크립트

추가하는 방법

<a href="javascript:function foo(){alert('hi');}" title="alert">
    Drag to your bookmarks bar
</a>

내 워드프레스 게시물에?

북마크렛을 만들었고 블로그를 통해 전달하고 싶은데 워드프레스에서 저장할 때 자바스크립트를 게시물에서 제거하고 있습니다.

워드프레스 싱글페이지 및 게시글의 자바스크립트

<script type="text/javascript">
<!--
// your code
//--></script>

출처 : https://codex.wordpress.org/Using_Javascript

저는 그 코드를 제 워드프레스 사이트의 HTML 편집기에 내장하는 데 아무런 문제가 없습니다.함수를 정의하는 javascript 코드에 문제가 있습니다. 그러나 함수를 호출하지는 않습니다.있습니다

<a href="javascript:alert('hi');" title="alert">Drag to your bookmarks bar</a>

북마크를 클릭하면 알림과 함께 북마크를 받을 수 있습니다.

이 문제는 브라우저 끝에서 발생할 가능성이 높습니다.저는 크롬의 XSS가 문제였고 라인을 추가해서 해결했습니다.header ("X-XSS-Protection: 0");wp-blog-header로.내 설치의 루트 폴더에 php.이는 전체 사이트에 적용되기 때문에 이상적이지 않을 수 있습니다.북마크렛을 렌더링해야 하는 포스트/페이지에만 적용되는 곳에 추가하는 것이 더 나을 것입니다.

이것은 오래되었지만 워드프레스의 버전 4.9.5와 여전히 관련이 있으므로 이에 대한 솔루션으로 답합니다.

워드프레스는 당신이 게시물이나 페이지에서 사용하는 자바스크립트를 걸러내는데, 이것이 당신의 코드가 손실되는 이유입니다."javscript:" 링크를 추가하기 위해 다음 단계를 수행했습니다.

1. 게시물에 원하는 링크를 추가하고 "#"을 href로 사용하며 태그에 asside를 추가합니다(편집기의 Text-Mode에서).

<a href="#" id="idOfYourLink">This is my JS Link</a>

2. 사용자 지정 자바스크립트 플러그인을 설치합니다.심플 커스텀 CSS와 JS를 사용했습니다.
3. 플러그인의 도움을 받아 원하는 자바스크립트를 추가합니다.

jQuery(document).ready(function( $ ){
  function yourFunction() {
      alert("It works");
  }

  jQuery('#idOfYourLink').on("click", yourFunction);
});

중요한 부분은 사용하고자 하는 링크에 온핸들러를 추가하는 것입니다.이제 페이지가 로드된 후 바로 자바스크립트가 로드됩니다.그리고 링크를 클릭하면 기능이 당신의 기능으로 호출됩니다.

그 워드프레스 에디터는 텍스트 데이터/내용을 작업하는 데 사용되는 것 같습니다.따라서 js를 추가하기 위해 커스텀 js를 추가하기 위한 플러그인을 찾을 수 있습니다.게시물에 Custom 필드를 추가할 수도 있습니다.

js 코드를 포함하는 필드의 이름인 "custom_js"라고 합니다.그런 다음 테마 포스트 템플릿을 편집하여 custom_js의 "echo"를 추가합니다.

<?php
//single.php
echo get_post_meta( get_the_ID(), 'custom_js');
?>

언급URL : https://stackoverflow.com/questions/7278035/javascript-in-a-wordpress-post