كيفية إنشاء Sticky Floating Sidebar Widget في ووردبريس

هل تريد Sticky Floating Sidebar Widget يتم تثبيته أثناء التمرير لأسفل؟

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

كما يمكنك الاطلاع على كيفية تعطيل تحديثات الإضافات في ووردبريس

في هذه المقالة ، سنوضح لك كيفية إنشاء Sticky Floating Sidebar Widget في ووردبريس.

 Sticky Floating Sidebar Widget
Sticky Floating Sidebar Widget

Sticky Floating Sidebar Widget

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

يساعدك هذا في جعل الشريط الجانبي الخاص بك بارزاً بشكل أكبر وإبقاء المعلومات المهمة أمام زوارك.

ويمكنك إبقاء نموذج الاشتراك في الرسائل الإخبارية مرئياً للمستخدمين حتى يكون لديهم المزيد من الفرص للتسجيل.

إذا كان لديك متجر للتجارة الإلكترونية ، فيمكنك استخدام الشريط الجانبي لعرض أفضل منتجاتك أو العروض الترويجية لزيادة المبيعات.

إضافة Sticky Floating Sidebar Widget في ووردبريس


يمكنك بسهولة إنشاء عناصر واجهة مستخدم عائمة تلتصق أثناء التمرير باستخدام الأداة Q2W3 Fixed Widget for WordPress version 6.0 beta.

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

إذا كنت تستخدم ووردبريس 5.8 ، فسيكون لديك أدوات جديدة. ستستخدم شاشة عنصر واجهة المستخدم محرر الكتلة block Editor لتعديل أو إضافة عناصر جديدة على موقع الويب الخاص بك.

لجعل عنصر واجهة مستخدم الشريط الجانبي ، ستحتاج إلى Q2W3 Fixed Widget for WordPress version 6.0 beta. ببساطة قم بالتمرير لأسفل إلى قسم سجل التغيير ثم انقر فوق رابط “الإصدار 6.0.0 ، الإصدار التجريبي 3” لتنزيل هذه الإضافة.

download the beta version

وبعد التنشيط ، يمكنك التوجه إلى المظهر » خيارات القطعة الثابتة من منطقة لوحة تحكم ووردبريس الخاصة بك.

بعد ذلك ، ستحتاج إلى النقر فوق مربع “اختبار الإصدار الجديد” لتمكين الخيار ثم التمرير لأسفل للنقر فوق الزر “حفظ التغييرات”.

enable test new version

بعد ذلك ، يمكنك الانتقال إلى Appearance » Widgets من لوحة تحكم ووردبريس الخاصة بك ثم النقر فوق الزر “+” لإضافة كتلة عنصر واجهة المستخدم التي تريد جعلها مثبتة.

add a new widget

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

ما عليك سوى تحديد خيار “إصلاح الأداة” لجعل الشريط الجانبي العائم مثبت على الشاشة.

set fixed widget settings 1

بعد ذلك ، يمكنك زيارة موقعك المباشر والتمرير لأسفل في أي صفحة أو مقال مدونة.

preview of sticky twitter feed 1

شريط جانبي مثبت في أدوات ووردبريس الكلاسيكية

إذا كنت تستخدم إصدار أقل من ووردبريس 5.8 أو الإضافة Classic Widgets ، فان تحتاج استخدام هذه الطريقة.

أول شيء عليك القيام به هو تثبيت وتفعيل الأداة الثابتة Q2W3

بعد تنشيط الاضافة ، يمكنك التوجه إلى Appearance » Fixed Widget Options من لوحة تحكم ووردبريس وتهيئة الاعدادات.

في هذه الصفحة ، يمكنك تعيين الهوامش وإضافة معرفات HTML وتغيير فترات التحديث وحتى تعطيل الأدوات الثابتة على الشاشات الأصغر مثل الهواتف والأجهزة اللوحية.

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

fixed widget plugin settings

بعد إجراء التغييرات ، ما عليك سوى التمرير لأسفل والنقر فوق الزر “حفظ التغييرات”.

بعد ذلك ، يمكنك الانتقال إلى Appearance » Widgets ثم اختيار الأداة التي تريد لصقها.

يوجد خيار “Fixed Widget” في جميع أدواتك. كل ما عليك فعله هو تحديد مربع الأداة الثابتة والنقر فوق الزر “حفظ” لتخزين تغييراتك.

make twitter feed sticky

نأمل أن تساعدك هذه المقالة في تعلم كيفية إنشاء Sticky Floating Sidebar Widget في ووردبريس

أقسام الموقع :

أحتاج مساعدة في :

شراء استضافة

شراء استضافة

كل ما تحتاجه حول شراء استضافة من أية شركة تجده في هذا المقال

اقرأ المزيد
تحميل ووردبريس

تحميل ووردبريس

كل ما تحتاجه حول تحميل منصة ووردبريس وتنصيبها تجده في هذا المقال

اقرأ المزيد

أكثر المقالات قراءةً :

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

مقالات ذات صلة