تم تحسين هذا الموقع ليتم عرضه من متصفح حديث يتم فيه تمكين JavaScript.

كيفية اضافة ايقونة واتساب لثيم مخصص

محمد عبدالله

السلام عليكم ورحمة الله وبركاته هناك عميل طلب مني اضافة زر واتساب لثيم مخصص بالووردبريس حاولت البلجنز المختلفة لم استطع بواستطها عمل ذلك النظام تم عمل الصفحات به بالحقول advanced field

هل يمكن اضافة الواتساب بارك الله فيكم الموقع للمعاينة

[سجل الدخول لترى الرابط]

علي ملص

محمد عبدالله

وعليكم السلام ورحمة الله وبركاته.

جرب الطرق الواردة في هذه المقالة ([سجل الدخول لترى الرابط]). إذا لم تعمل الإضافات فيمكنك استخدام الطريقة المشروحة في نهاية المقالة (WhatsApp API link).

محمد عبدالله

علي ملص

جزاك الله خيرا اخي الكريم

بالapi link

جربت هذا الكود اضفته في ملف اندكس

لكن اريد ان اعمله تعديل بحيث يكون طافي على الشاشة ككل اعطيته abslute واعطيت الbody relative برضو ما نجح

البلحنز لم تظهر في الصفحة الرئيسية وظهرت في باقي الصفحات

علي ملص

محمد عبدالله

وإياكم يارب. لكي تجعل أي عنصر يطفو على الشاشة، يمكنك إعطاء خاصية position القيمة fixed كما في الكود التالي على سبيل المثال:

تسجيل الدخول لعرض الكود

علي ملص

محمد عبدالله البلحنز لم تظهر في الصفحة الرئيسية وظهرت في باقي الصفحات

هل تأكدت من تشغيل خيار الإظهار في الصفحة الرئيسية من إعدادات الإضافة التي استخدمتها؟

مصطفى بنقطيب

السلام عليكم.

لفعل ذلك يجب أن يكون العنصر مضاف في الفوتر، وهو عبار عن وسم div يحتوي على وسم img. في الصفة arc نضع رابط ايقونة الواتساب.

سواء رابط داخلي أو رابط خارجي.

لجعل العنصر يطفو اسفل الشاشة على اليمين نضيف الى العنصر div ميزة position و تكون fixed. ونضيف z-index بقيمة كبيرة جدا. وممكن استعمالmargin. كما ان في بعض الاحيان لا بد من اضافة !important في كل عناصر css الذي ذكرناها.

مثال:

شفرة اتش ام ال

تسجيل الدخول لعرض الكود

شفرة سي اس اس

تسجيل الدخول لعرض الكود

في حالة استعمال كل هذا ولم تنجح فلا بد من فحص الكود النهائي لتحديد ما ياثر على النتيجة.

ههاك طريقة اخرى إن لم تنجح وهي جعل كل شفرة سي اس اس أعلاه inline , يعني مدمجة مع شفرة html لكل عنصر. استعمل style=" " في كل عنصر واضف سي اس اس الخاصة به.