pinterest 버튼에 대한 wordpress 블로그에 대한 자바 스크립트 내부 PHP를 평가

Question

이것은 내가 겪고있는 매우 흥미로운 문제입니다. 자바 스크립트를 사용하여 pinterest 버튼을 사용하여 div를 추가 할 예정이지만 자바 스크립트에서 PHP를 사용하여 이미지의 소스와 페이지의 URL을 pinterest로 보낼지 결정합니다.

pinterest가 제공하는 일반 HTML 대신에 pinterest가 사용하는 iFrame 대신 pinterst 버튼 .jpg를 사용할 수 있음을 알았 기 때문에이 방법을 사용하고 있습니다. 나는 PHP를 사용하지 않고 내 사이트의 다른 부분에서이 자바 스크립트를 성공적으로 사용했다. 나는 PHP와 JavaScript에 익숙하지 않아서 무엇인가 놓치고 있는지 확신 할 수 없지만,이 문제로 수없이 많은 시간을 보냈으며 신선한 눈이 필요합니다. 모든 도움을 주셔서 감사합니다!

function add_social_media() { 
?> 
<p align="right"> 
    <a href="http://twitter.com/home?status=<?php print(urlencode(get_permalink())); ?>+<?php print(urlencode(the_title())); ?>"> 
<img src="/sites/aerialist.localhost/files/images/twitter.jpg" alt="Share On Twitter" /></a> 

<a href="http://pinterest.com/pin/create/button/?url=http%3A%2F%2Ffamousartistprints.com%2F&media=http%3A%2F%2Ffamousartistprints.com%2F" ><img border="0" src="/sites/aerialist.localhost/files/images/twitter.jpg"/></a> 

<script> 

jQuery(document).ready(function() { 

    jQuery('#pinItDiv').append('<a class="pin-it-button" href="http://pinterest.com/pin/create/button/?url='+ 
      <?php the_permalink(); ?>+ 
      '&media='+ 
      //set your image path here 
      <?php if(function_exists('the_post_thumbnail')) echo wp_get_attachment_url(get_post_thumbnail_id()); ?>+ 
      '&description='+<?php echo get_the_title(); ?>'">'+ 
      '<img class="pinItSuite" title="Pin It" src="/sites/aerialist.localhost/files/images/pinSuite.jpg" alt="" border="0" /></a>'); 

}); 

</script> 




<?php 
} 
add_action('thesis_hook_before_headline', 'add_social_media'); 

Answer 1

나는 그것을 이해하므로 가능한 한 많이 PHP와 자바 스크립트를 분리하는 것이 가장 좋습니다. 자체 js 파일에 자바 스크립트를 넣고 wp_enqueue_scripts를 통해 wordpress의 스크립트로 큐잉 해보십시오. 그런 다음 wp_localize_script를 사용하여 필요한 PHP 변수 (예 : the_permalink() 또는 get_the_title())를 전달하십시오.

체크에서 더 많은 정보를 원하시면 다음 사이트 :

http://wp.tutsplus.com/articles/how-to-include-javascript-and-css-in-your-wordpress-themes-and-plugins/

http://tosbourn.com/2011/08/wordpress/accessing-php-variables-from-within-javascript-under-wordpress/