เพิ่มลิงค์ทวีตในเนื้อหาของคุณด้วย InlineTweet.js

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

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

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

ปลั๊กอิน JavaScript นี้ฟรีติดตั้งง่ายสุด ๆ และยังมี ปลั๊กอิน WordPress ฟรี ถ้าคุณชอบเส้นทางนั้น.

มัน ไม่ต้องการการพึ่งพา JavaScript ใด ๆ, เพื่อให้คุณสามารถเรียกใช้ sans-jQuery นี้.

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

ในหน้าสคริปต์หลักคุณจะพบ ตัวอย่างโค้ดบางส่วน แสดงให้เห็นถึงวิธีการทำงาน.

คุณเพียงแค่ต้องรวมสคริปต์ JS ลงในหน้าของคุณและคัดลอก CSS ลงในสไตล์ชีทของคุณ (เพียง 3 ช่วงตึก) จากตรงนั้นคุณสามารถ ผนวกรหัส HTML อย่างนี้:

  Lorem Khaled Ipsum เป็นกุญแจสำคัญสู่ความสำเร็จ

เฉพาะรายการที่จำเป็น นี่คือสุดยอดมาก ข้อมูลแบบอินไลน์ทวีต คุณลักษณะ นี่เป็นสิ่งเดียวที่คุณต้องทำให้ได้ผล, ทุกอย่างอื่นเป็นตัวเลือก.

แต่ตัวเลือกพิเศษเหล่านั้นสร้างความแตกต่างเพราะพวกเขา เพิ่มคุณสมบัติให้กับทวีตที่สร้างขึ้นอัตโนมัติ:

ข้อมูลแบบอินไลน์ทวีตผ่าน - เพิ่ม @mention ลงในทวีต
ข้อมูลแบบอินไลน์ทวีตแท็ก - ต่อท้ายแท็กต่อทวีต (ถ้ามีที่ว่าง)
ข้อมูลแบบอินไลน์ทวี-URL - รวม URL ที่สามารถคลิกได้ในทวีตของคุณ

การตั้งค่าอาจเป็นเรื่องยากซึ่งเป็นสาเหตุที่ฉันแนะนำให้ใช้ปลั๊กอิน WordPress ถ้าทำได้.

แต่มันก็ไม่ได้แย่ขนาดนั้นถ้าคุณเพียงแค่คัดลอก / วางเนื้อหาไปยังข้อความที่คุณต้องการทวีต และสำหรับปลั๊กอินฟรีสิ่งนี้มีน้ำหนักเบามาก.

ลองดูที่หน้าตัวอย่างเพื่อดูการทำงานและดูที่ repo ของ GitHub หากคุณต้องการเรียนรู้เพิ่มเติม.