ผู้เขียน หัวข้อ: เพิ่มปุ่ม Pin it ของ Pinterest  (อ่าน 968 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

ออฟไลน์ smf

  • [color=green][i]"ถ้าคุณไม่สามารถอธิบายอย่างง่ายๆ ให้คนอื่นเข้าใจได้แล้วล่ะก็ แสดงว่าคุณยังเข้าใจมันไม่ดีพอ"[/i][/color]
  • Administrator
  • Hero Member
  • *****
  • กระทู้: 1,368
  • พอยท์: 5
    • ดูรายละเอียด
    • pordoo.com
    • อีเมล์
เพิ่มปุ่ม Pin it ของ Pinterest
« เมื่อ: 10 สิงหาคม 2016, 14:47:44 »



Pinterest มันคืออะไร น้อง Bluemoon ได้เขียนอธิบายไว้อันนี้ครับ Pinterest

ส่วนผมจะมาอธิบายวิธีการใส่ปุ่ม Pin it ของมันให้ได้ไปใช้กันครับ โดยปุ่ม Pin it นั้นทางเว็บมีให้เรานำไปใช้งานได้อยู่แล้วที่ Pin it Button แต่เราจะนำมาประยุกต์ใช้งานกับเว็บ WordPress ของเรา

โดยเราเปิด footer.php เพื่อใส่ Code นี้ลงไปครับ

[js]
 <script type="text/javascript">
 (function() {
 window.PinIt = window.PinIt || { loaded:false };
 if (window.PinIt.loaded) return;
 window.PinIt.loaded = true;
 function async_load(){
 var s = document.createElement("script");
 s.type = "text/javascript";
 s.async = true;
 s.src = "http://assets.pinterest.com/js/pinit.js";
 var x = document.getElementsByTagName("script")[0];
 x.parentNode.insertBefore(s, x);
 }
 if (window.attachEvent)
 window.attachEvent("onload", async_load);
 else
 window.addEventListener("load", async_load, false);
 })();
 </script>
 [/js]

และตำแหน่งไหนที่เราจะแปะปุ่ม Pin it ลงไป ก็ให้ใช้ Code นี้ครับ


 
<?php $pinterestimage wp_get_attachment_image_srcget_post_thumbnail_id$post->ID ), ‘full’ ); ?>
 <a href="[url=http://pordoo.com/go.php?url=http://pinterest.com/pin/create/button/?url=]http://pinterest.com/pin/create/button/?url=[/url]<?php echo urlencode(get_permalink($post->ID)); ?>&media=<?php echo $pinterestimage[0]; ?>&description=<?php the_title(); ?>" class="pin-it-button" count-layout="vertical">Pin It</a>
 


เราก็จะได้ปุ่ม Pin it มาใช้งานแล้วครับ


ที่มา: http://rabbitinblack.com/2012/02/wordpress-pin-it-pinterest/
« แก้ไขครั้งสุดท้าย: 10 สิงหาคม 2016, 14:49:58 โดย smf »