الصفحة الرئيسية » أدوات » أضف روابط Tweet في محتواك باستخدام InlineTweet.js

    أضف روابط Tweet في محتواك باستخدام InlineTweet.js

    سترى هذه الميزة كثيرًا على مواقع كبيرة مثل TechCrunch و Mashable. سوف تقرأ مقالة وتلاحظ وجود جملة كاملة أبرزت مثل الرابط.

    ومع ذلك ، عند النقر فوق ذلك سوف افتح نافذة تغريدة يطلب منك مشاركة مقتطف النص هذا مع متابعيك على Twitter. إنها طريقة رائعة ل دفع حركة المرور إلى موقع الويب الخاص بك وتشجيع المزيد من الأسهم الاجتماعية.

    لتكرار هذا التأثير على موقعك ، حاول InlineTweet.js. يمكن أن يوفر لك ساعات من وقت الإعداد عن طريق إضافة هذه الوظيفة مباشرة إلى صفحتك.

    هذا البرنامج المساعد جافا سكريبت مجاني السوبر سهلة التركيب وحتى لديه ووردبريس البرنامج المساعد الحرة إذا كنت تفضل هذا الطريق.

    هذا لا يتطلب أي تبعيات جافا سكريبت, حتى تتمكن من تشغيل هذا بلا مسج.

    جميع أعمال المحتوى مباشرة من خلال سمات البيانات, لذا ، يمكنك إعدادها واحدة تلو الأخرى ، بناءً على المحتوى الخاص بك. بطبيعة الحال ، فإن البرنامج المساعد WordPress يجعل هذا أسهل بكثير ، لذلك إذا كنت تفضل الحصول على مزيد من التحكم ، فهذا خيار رائع.

    في صفحة البرنامج النصي الرئيسية ، ستجد بعض مقتطفات الكود يوضح كيف يعمل هذا.

    تحتاج فقط إلى تضمين البرنامج النصي JS في صفحتك ونسخ بعض CSS في ورقة الأنماط الخاصة بك (3 كتل فقط). من هناك ، يمكنك ذلك إلحاق رموز HTML مثله:

      أبجد خالد إبسم هو مفتاح النجاح  

    ال البند الوحيد المطلوب هنا هو الجزء العلوي جدا ، مضمنة البيانات سقسقة صفة، عزا. هذا هو الشيء الوحيد الذي تحتاجه للحصول على تأثير العمل, كل شيء آخر هو اختياري.

    لكن تلك الخيارات الإضافية تحدث فرقًا لأنها إضافة ميزات إلى التغريدة التي تم إنشاؤها تلقائيًا:

    • بيانات مضمنة سقسقة عبر - يضيفmention إلى التغريدات
    • علامات-سقسقة بيانات مضمنة - إلحاق علامات بالتغريد (إذا كانت هناك مساحة)
    • بيانات مضمنة سقسقة رابط - يتضمن عنوان URL قابل للنقر في تغريدة

    يمكن أن يكون الإعداد صعبًا ، ولهذا السبب أوصي باستخدام المكون الإضافي WordPress إذا استطعت.

    ولكن ، هذا ليس بالأمر السيء إذا قمت فقط بنسخ / لصق المحتويات إلى أي نص تريد تغرده. وللمكون الإضافي المجاني ، هذا الشيء خفيف جدًا.

    ألقِ نظرة سريعة على الصفحة التجريبية لترى هذا الأمر قيد التنفيذ وانظر إلى GitHub repo إذا كنت تريد معرفة المزيد.