วิธีเพิ่มปุ่ม“ ตรึงมัน” Pinterest ใน WordPress (สุดยอดคู่มือ)

คุณต้องการเพิ่มปุ่ม “ตรึง” ใน Pinterest ใน WordPress หรือไม่? เมื่อเร็ว ๆ นี้แหล่งที่มาของการเข้าชมใหม่ได้ปรากฏในสถิติบล็อกของเรา.


มันสำคัญพอที่เราจะสังเกตได้ แหล่งที่มาของการเข้าชมนี้คือ Pinterest.

Pinterest เป็นเว็บไซต์เครือข่ายสังคมยอดนิยมที่ให้คุณแชร์เนื้อหาภาพและผลักดันปริมาณการเข้าชมเว็บไซต์ของคุณ (ติดตาม WPBeginner บน Pinterest).

ในบทความนี้เราจะแสดงวิธีเพิ่มปุ่มพิน “พินเทสต์” ในบล็อก WordPress ของคุณ นอกจากนี้เราจะอธิบายวิธีเพิ่มปุ่ม Pin It ให้กับรูปภาพของเว็บไซต์ของคุณ.

เพิ่มปุ่ม Pinterest Pin It ใน WordPress

การเพิ่มปุ่ม“ ตรึงมัน” Pinterest โดยใช้ปลั๊กอิน

Pinterest เปลี่ยนชื่อปุ่ม “Pin It” เป็น บันทึก ในปี 2559.

แม้ว่าปลั๊กอินบางตัวจะยังคงใช้ชื่อ “ตรึงมัน” แทนการบันทึก แต่พวกเขาก็ทำเช่นเดียวกันกับการปักหมุดรูปภาพของคุณไปยัง Pinterest.

วิธีที่ง่ายที่สุดในการเพิ่มปุ่ม Pinterest ในเว็บไซต์ WordPress ของคุณคือการใช้ปลั๊กอินการแบ่งปันทางสังคม.

เราขอแนะนำให้ใช้ปลั๊กอิน Count Count เพื่อจุดประสงค์นี้ มันเป็นปลั๊กอินโซเชียลมีเดียที่ดีที่สุดสำหรับ WordPress เพราะฟรีและช่วยให้คุณเพิ่มปุ่ม Pinterest ได้อย่างง่ายดายพร้อมกับเครือข่ายโซเชียลอื่น ๆ ที่ได้รับความนิยม.

ในการเริ่มต้นคุณต้องติดตั้งและเปิดใช้งานปลั๊กอินจำนวนที่ใช้ร่วมกัน คุณสามารถปฏิบัติตามคำแนะนำทีละขั้นตอนเกี่ยวกับวิธีการติดตั้งปลั๊กอิน WordPress สำหรับคำแนะนำโดยละเอียด.

เมื่อติดตั้งตรงไปที่ การตั้งค่า»การนับที่ใช้ร่วมกัน เพื่อกำหนดค่าปลั๊กอิน.

หน้าการตั้งค่าการนับที่ใช้ร่วมกัน

ในหน้าการตั้งค่าคุณจะต้องเลื่อนลงไปที่ แสดง จากนั้นคลิกที่ช่องข้อความ“ แบ่งปันปุ่มเพื่อแสดง”.

นี่จะเป็นการเปิดเมนูแบบเลื่อนลงซึ่งคุณสามารถเลือกบริการสื่อสังคมออนไลน์ที่คุณต้องการเพิ่ม ตามค่าเริ่มต้น Pinterest จะปรากฏในกล่องนั้นพร้อมกับ Facebook และ Twitter.

นอกจากนี้คุณยังสามารถเลือกตำแหน่งและประเภทโพสต์ที่คุณต้องการแสดงปุ่ม Pinterest มาพร้อมกับปุ่มหลายสไตล์ที่คุณสามารถเลือกได้จากตัวเลือก “แชร์ปุ่มสไตล์”.

เมื่อเสร็จแล้วอย่าลืมคลิกที่ บันทึกการเปลี่ยนแปลง เพื่อจัดเก็บการตั้งค่า.

ตอนนี้คุณสามารถเยี่ยมชมโพสต์ใด ๆ บนเว็บไซต์ของคุณเพื่อดูปุ่ม Pinterest ในการทำงาน.

เพิ่มปุ่ม Pinterest ในโพสต์ WordPress แล้ว

สิ่งที่เรียบร้อยอีกอย่างเกี่ยวกับ SharedCounts คือ Addon Image Custom ฟรีที่มีอยู่ใน Github ซึ่งช่วยให้คุณตั้งค่ารูปภาพการแชร์ Pinterest และคำอธิบายที่ปรับให้เหมาะสมสำหรับ Pinterest.

บันทึก: เราใช้ปลั๊กอิน SharedCount บนเว็บไซต์ของเราเพราะเป็นตัวเลือกที่ดีที่สุดในตลาด รหัสดีมากและฟรี.

การเพิ่มปุ่ม Pinterest Pin It ด้วยตนเองใน WordPress

ผู้ใช้ระดับกลางบางรายอาจต้องการเพิ่มปุ่มการแบ่งปันทางสังคมด้วยตนเองในเว็บไซต์ WordPress แทนที่จะใช้ปลั๊กอิน.

มาดูวิธีเพิ่มปุ่ม Pinterest ใน WordPress ด้วยตนเอง.

สิ่งแรกที่คุณต้องทำคือทำการสำรองข้อมูล WordPress ของเว็บไซต์ของคุณให้สมบูรณ์ วิธีนี้จะช่วยให้คุณคืนค่าไซต์ของคุณในกรณีที่มีสิ่งผิดปกติเกิดขึ้น.

ถัดไปคุณต้องเชื่อมต่อกับโฮสติ้ง WordPress ของคุณโดยใช้ไคลเอนต์ FTP จากนั้นไปที่ / wp-content / themes / folder.

จากที่นี่คุณต้องเปิดโฟลเดอร์ธีมปัจจุบันของคุณแล้วค้นหาไฟล์ footer.php.

ดาวน์โหลดไฟล์ php ส่วนท้าย

จากนั้นคลิกขวาที่ไฟล์นั้นจากนั้นเลือก ดาวน์โหลด จากเมนู นี่จะดาวน์โหลดไฟล์ footer.php ไปยังคอมพิวเตอร์ของคุณ.

ตอนนี้คุณต้องเปิดไฟล์ footer.php โดยใช้ตัวแก้ไขข้อความธรรมดาเช่น Notepad แล้ววางสคริปต์ต่อไปนี้ไว้ข้างหน้าแท็ก.

(ฟังก์ชั่น () {
window.PinIt = window.PinIt || {โหลด: false};
ถ้า (window.PinIt.loaded) กลับมา;
window.PinIt.loaded = true;
ฟังก์ชั่น async_load () {
var s = document.createElement ("ต้นฉบับ");
s.type = "ข้อความ / จาวาสคริปต์";
s.async = true;
s.src = "https://assets.pinterest.com/js/pinit.js";
var x = document.getElementsByTagName ("ต้นฉบับ") [0];
x.parentNode.insertBefore (s, x);
}
ถ้า (window.attachEvent)
window.attachEvent ("onload", async_load);
อื่น
window.addEventListener ("ภาระ", async_load, false);
}) ();

เมื่อคุณทำเช่นนั้นแล้วคุณจะต้องบันทึกไฟล์แล้วอัปโหลดกลับไปยังโฟลเดอร์ชุดรูปแบบปัจจุบัน.

ถัดไปคุณต้องค้นหาและดาวน์โหลดไฟล์ single.php จากโฟลเดอร์ธีมของคุณและเปิดเพื่อแก้ไข หลังจากนั้นคุณต้องเพิ่มรหัสต่อไปนี้.

คุณจะต้องเลือกตำแหน่งที่คุณต้องการให้มันปรากฏในโพสต์ของคุณ หลังชื่อโพสต์เป็นตำแหน่งที่พบได้บ่อยที่สุดสำหรับปุ่มโซเชียลมีเดีย.

<?php $ pinterestimage = wp_get_attachment_image_src (get_post_thumbnail_id ($ โพสต์->ID) ‘เต็ม’); ?>
ID)); ?>&= สื่อ<?PHP echo $ pinterestimage [0]; ?>&คำอธิบาย =<?php the_title (); ?>" = ระดับ"ขามันปุ่ม" นับรูปแบบ ="แนวตั้ง">ขามัน

รหัสด้านบนแสดงปุ่ม Pinterest พร้อมรูปภาพเด่นชื่อคำอธิบายและ URL โพสต์ในพารามิเตอร์ URL ที่แชร์.

สุดท้ายคุณต้องบันทึกไฟล์และอัปโหลดกลับไปยังไดเรกทอรีธีมของคุณโดยใช้ FTP.

จะเป็นการเพิ่มปุ่มแชร์แนวตั้งให้กับโพสต์ของเว็บไซต์ของคุณ หากคุณต้องการแสดงปุ่มแชร์แนวนอนคุณเพียงแค่เปลี่ยนพารามิเตอร์การจัดหน้าจอเป็นแนวนอน.

การสร้างรหัสย่อสำหรับปุ่ม Pinterest

เมื่อเร็ว ๆ นี้หนึ่งในผู้ใช้ของเราถามเราถึงวิธีสร้างรหัสย่อสำหรับปุ่ม Pinterest“ Pin It”.

รหัสย่อใน WordPress ช่วยให้คุณสามารถเพิ่มรายการแบบไดนามิกในโพสต์หน้าและวิดเจ็ต WordPress ของคุณได้อย่างง่ายดาย เมื่อสร้างรหัสย่อคุณจะสามารถเพิ่มปุ่ม Pinterest ด้วยตนเองในบทความของคุณ.

ก่อนอื่นคุณจะต้องเพิ่มรหัสต่อไปนี้ไปยังไฟล์ function.php ของชุดรูปแบบหรือปลั๊กอินเฉพาะไซต์:

ฟังก์ชัน get_pin ($ atts) {
$ pinterestimage = wp_get_attachment_image_src (get_post_thumbnail_id ($ โพสต์->ID) ‘เต็ม’);
ส่งคืน ‘ID)) ‘&สื่อ = ‘ $ pinterestimage [0] ‘&description = ‘ get_the_title (). ‘" = ระดับ"ขามันปุ่ม" นับรูปแบบ ="แนวตั้ง">ขามัน’; }

add_shortcode (‘pin’, ‘get_pin’);

หลังจากนั้นคุณสามารถใช้รหัสย่อ [pin] ในโพสต์ WordPress ที่คุณต้องการแสดงปุ่ม Pinterest.

การเพิ่มปุ่ม Pinterest Pin It ไว้เหนือรูปภาพของคุณ

หากคุณใช้งานเว็บไซต์แฟชั่นการถ่ายภาพหรือพอร์ตโฟลิโอคุณต้องการให้แชร์รูปภาพของคุณบน Pinterest เพื่อเพิ่มอัตราการเข้าชมเว็บไซต์ของคุณ.

ลองมาดูวิธีเพิ่มปุ่ม Pinterest Pin it เหนือรูปภาพของคุณใน WordPress ปุ่มนี้จะปรากฏเฉพาะเมื่อผู้ใช้นำเมาส์ไปวางบนรูปภาพของคุณเพื่อให้พวกเขาแชร์รูปภาพในโปรไฟล์ Pinterest ของพวกเขาได้อย่างง่ายดาย.

ก่อนอื่นคุณต้องติดตั้งและเปิดใช้งานปุ่ม Pinterest Pin it สำหรับปลั๊กอินรูปภาพ.

เมื่อเปิดใช้งานไปที่ การตั้งค่า» Pinterest Pin It เพื่อกำหนดค่าปลั๊กอิน.

ปุ่ม Pinterest Pin It สำหรับหน้าการตั้งค่ารูปภาพ

บนหน้าการตั้งค่าคุณสามารถเลือกตำแหน่งที่คุณต้องการแสดงปุ่ม“ ปักหมุด” บนเว็บไซต์ WordPress ของคุณ คุณสามารถแสดงได้เฉพาะโพสต์หน้าเพจหมวดหมู่หรือทุกที่บนไซต์ของคุณ.

ตัวเลือกถัดไปคือการเลือกคำอธิบายเริ่มต้นจากเมนูแบบเลื่อนลง จะใช้เป็นคำอธิบายภาพสำหรับภาพที่ปักหมุด.

เมื่อเสร็จแล้วคุณจะต้องคลิกที่ บันทึก เพื่อจัดเก็บการตั้งค่า ตอนนี้คุณสามารถเยี่ยมชมเว็บไซต์ของคุณแล้ววางเคอร์เซอร์ของเมาส์เหนือภาพใด ๆ เพื่อดูปุ่ม Pinterest“ Pin It”.

ปุ่ม Pinterest Pin It เหนือรูปภาพ

หากคุณต้องการยกเว้นภาพบางภาพไม่ให้แสดงปุ่ม Pin It คุณสามารถเพิ่ม NOPIN คลาส CSS สำหรับรูปภาพที่คุณต้องการยกเว้น.

ในการทำเช่นนั้นคุณจะต้องเลือกบล็อครูปภาพในเครื่องมือแก้ไขบทความแล้วคลิกไอคอนจุดแนวตั้ง 3 อันจากแถบเครื่องมือบล็อก นี่จะเป็นการเปิดเมนูที่คุณต้องคลิก แก้ไขเป็น HTML ตัวเลือก.

แก้ไขรูปภาพเป็นตัวเลือก HTML เพื่อเพิ่มคลาส CSS

ตอนนี้คุณจะเห็นรหัส HTML ของภาพของคุณ ไปข้างหน้าเพื่อเพิ่ม NOPIN ไปที่ ชั้น คุณลักษณะของแท็ก img:

ชื่อภาพ

ในทำนองเดียวกันคุณยังสามารถใช้ปลั๊กอินเพื่อปิดใช้งานการแสดงผลอัตโนมัติของปุ่ม“ ปักหมุด” และใช้คลาส CSS“ พินนี้” เพื่อเลือกแสดงปุ่มบนภาพที่ต้องการ.

ในการทำเช่นนั้นคุณต้องไปที่หน้าการตั้งค่าปลั๊กอินแล้วค้นหา สูง ที่ด้านขวาของหน้า.

Pinterest Pin It ปลั๊กอินการตั้งค่าขั้นสูง

ตอนนี้คุณต้องตรวจสอบตัวเลือกที่ระบุว่า ‘แสดงปุ่ม “ปักหมุด” บนภาพที่มี class =” pinthis”‘ จากนั้นคลิกที่ บันทึก ปุ่ม.

ครั้งต่อไปที่คุณเพิ่มรูปภาพในโพสต์หรือหน้าคุณจะต้องเลือกบล็อครูปภาพจากนั้นใช้ แก้ไขเป็น HTML ตัวเลือกในการเพิ่ม pinthis CSS คลาสของโค้ดรูปภาพ นี่คือตัวอย่าง:

ชื่อภาพ

สิ่งนี้จะแสดงปุ่ม Pinterest บนภาพเฉพาะนั้นแม้ว่าคุณจะปิดการใช้งานตัวเลือกเพื่อแสดงปุ่ม Pin It บนเว็บไซต์ของคุณโดยอัตโนมัติ.

นั่นคือทั้งหมดที่!

เราหวังว่าบทความนี้จะช่วยให้คุณเข้าใจวิธีเพิ่มปุ่ม “ตรึง” ใน Pinterest ไปยังบล็อก WordPress ของคุณ คุณอาจต้องการดูคำแนะนำของเราเกี่ยวกับวิธีสร้างจดหมายข่าวทางอีเมลและรับสมาชิกเพิ่มเติม.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map