הוסף קישורים Tweetable התוכן שלך עם InlineTweet.js

תראה תכונה זו הרבה על אתרים גדולים כגון TechCrunch ו Mashable. אתה תהיה לקרוא מאמר ולשים משפט שלם מודגשת כמו קישור.

עם זאת, כאשר אתה לוחץ על זה לפתוח חלון ציוץ מבקש ממך לשתף את קטע הטקסט הזה עם העוקבים שלך ב- Twitter. זוהי דרך מצוינת תנועה אל האתר שלך ולעודד עוד מניות חברתיות.

כדי לשכפל את האפקט הזה באתר שלך, נסה InlineTweet.js. זה יכול לחסוך לך שעות של זמן ההתקנה על ידי הוספת פונקציונליות זו הזכות לדף שלך.

זה תוסף חינם JavaScript הוא סופר קל להתקנה וזה אפילו ללא תשלום WordPress תוסף - - אם אתה מעדיף את המסלול.

זה אינו דורש תלות ב- JavaScript, כך שתוכל להפעיל את sans-jQuery.

כל התוכן עובד ישירות באמצעות תכונות נתונים, כך שתגדירו את אלה אחד על אחד, על סמך התוכן שלך. באופן טבעי, תוסף וורדפרס עושה את זה הרבה יותר קל, אז אם אתה מעדיף שיש יותר שליטה זה אופציה נהדרת.

בדף התסריט הראשי, תמצא מספר קטעי קוד להוכיח איך זה עובד.

אתה רק צריך לכלול את הסקריפט JS לדף שלך להעתיק קצת CSS לתוך גיליון הסגנונות שלך (רק 3 בלוקים). משם, אתה יכול צירוף קודי HTML ככה:

  לורם חאלד איפסום הוא המפתח להצלחה

ה רק פריט נדרש הנה העליון מאוד נתונים inline-tweet תכונה. זה הדבר היחיד שאתה צריך לקבל את האפקט עובד, כל השאר הוא אופציונלי.

אבל, אלה אפשרויות נוספות לעשות את ההבדל כי הם להוסיף תכונות ציוץ שנוצר אוטומטיתYou

נתונים ב- Inline-tweet-via - מוסיף @mention לתוך ציוץ
תגים- inline-tweet - מוסיף תגים לציוץ (אם יש מקום)
כתובת אתר - tweline-url - כולל כתובת אתר ניתנת ללחיצה בציוץ שלך

ההתקנה יכולה להיות קשה ולכן אני ממליץ להשתמש וורדפרס plugin אם אתה יכול.

אבל, זה לא כל כך רע אם אתה פשוט להעתיק / להדביק את התוכן לכל טקסט שאתה רוצה ציוץ. ועל תוסף חינם, דבר זה קל מאוד.

קח להציץ בדף ההדגמה כדי לראות את זה בפעולה ולראות את ריפו GitHub אם אתה רוצה ללמוד עוד.