php - ピンタレスト ボタン用のワードプレス ブログの JavaScript 内の PHP の評価

Question

これは私が直面している非常に興味深い問題です。javaScript を使用して pinterest ボタンを含む div を追加していますが、Javascript 内で PHP を使用して、画像のソースと pinterest に送信するページの URL を決定しています。

ピンタレストが使用する iFrame の代わりに、独自のブランドのピンタスト ボタン .jpg を使用できることがわかったため、ピンタレストが提供するプレーンな HTML を使用する代わりに、この方法で行っています。PHP を使用せずに、サイトの他の部分でこの JavaScript を正常に使用しました。私は 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');