الشريط الجانبي العائم هو شيء تراه في معظم مواقع الويب ولكنك اليوم هنا لتتعلم كيفية إضافة شريط جانبي عائم في مدونة WordPress . تُستخدم الأشرطة الجانبية العائمة في مواقع الويب لجذب انتباه الزوار ، كما أن الشريط الجانبي العائم يتمتع بمعدل تحويل مرتفع جدًا إذا تم استخدامه مع أداة الاشتراك^(Subscribe) .

أنا أستخدم أداة الاشتراك العائم منذ فترة طويلة ويمكنني أن أؤكد نتائجها. حسنًا ، يمكنك استخدام هذا مع أي نوع من الأدوات وليس فقط مع عنصر واجهة المستخدم. يمكنك استخدامه للترويج لآخر منشور أو كتاب إلكتروني^(Ebook) أو صور وما إلى ذلك. الشريط الجانبي العائم يزيد من رؤية كل ما تريد الترويج له للزائرين وهو بالتأكيد يجذب الانتباه.

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

كيفية إضافة شريط جانبي عائم في وورد^(Wordpress)

الآن إذا كنت ترغب في إضافة شريط جانبي عائم في مدونة WordPress ، فيجب عليك تثبيت هذا المكون الإضافي المسمى Q2W3 Fixed Widget . لتثبيته من لوحة الإدارة ، انتقل إلى Plugins > Add New ثم ابحث في المكون الإضافي. قم ^(Activate)بتثبيت^(Install) وتنشيط المكون الإضافي ، بحيث يمكنك البدء في استخدامه.

بعد تنشيط المكون الإضافي ، انتقل إلى Appearance > Widgets وداخل الشريط الجانبي ، انقر فوق الأداة التي تريد تثبيتها. ما عليك سوى تحديد المربع الصغير بالقرب من خيار عنصر واجهة المستخدم الثابتة^(Fixed) ، ثم النقر فوق حفظ وسيكون لديك شريط جانبي عائم لطيف ، وأشياء سهلة للغاية.

كيفية تكوين الأداة الثابتة

لا تشعر بالإثارة لأن هناك المزيد في Q2W3 Fixed Widget ، انتقل إلى Appearance > Fixed Widget Options لتكوين المكون الإضافي. في هذه الصفحة ، يمكنك تعيين الهامش وتعطيل المكون الإضافي للأجهزة المحمولة ويمكنك أيضًا إنشاء معرف HTML^{(HTML ID)} مخصص . حسنًا^(Well) ، دعنا ندخل في تفاصيل كل منها.

يجب تعيين الهامش العلوي^(Top) وفقًا لمقدار المساحة التي تحتاجها بين الشريط الجانبي العائم والهامش العلوي بالمثل يجب تعيين الهامش السفلي^{(Margin Bottom)} وفقًا لاحتياجاتك.

هناك شيء واحد أود مشاركته هنا وهو أنه يجب تعيين الهامش السفلي^{(Margin Bottom)} بحيث لا يتداخل مع تذييل الصفحة. تحقق^(Anway) من القيم المختلفة وبمجرد أن تشعر بالرضا عن النتيجة ، انقر فوق حفظ.

إذا كنت ترغب في تعطيل المكون الإضافي للأجهزة المحمولة ، فما عليك سوى كتابة قيمة عرض الشاشة التي سيتم تعطيل المكون الإضافي تحتها في تعطيل العرض والارتفاع ^(Width)القابل للكسر^{(Diable Height)} . لاحظ أن كلا القيمتين ضروريتان إذا كنت ترغب في تعطيل المكون الإضافي لارتفاع وعرض معينين.

تتوفر معرفات HTML المخصصة^{(Custom HTML IDs)} أيضًا في حالة تغيير ارتفاع التذييل الخاص بك إلى صفحة ، ثم لإصلاح المشكلة المتداخلة ، يجب استخدام  معرف علامة HTML . حسنًا^(Well) ، حاوية تذييل النسق لها معرف على سبيل المثال  حاوية تذييل القالب الافتراضية Twenty Sixteen بها id = "colophon". في معرفات HTML المخصصة^{(Custom HTML IDs)} ، أحتاج إلى إدخال بيانات النسخ فقط ، دون أي رموز أخرى! وسيعمل الشريط الجانبي العائم بشكل مثالي.

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

هل لديك بعض الاقتراحات أو الأفكار حول القطعة الثابتة؟ اسمحوا لي أن أعرف كما نرحب بالاقتراحات.

How to Add a Floating Sidebar in Wordpress

Floating sidebar is something which you seе on most of the websites but today you arе here to learn how to add a floating sidebar in WordPress blog. Floating sіdebars are used in websites to grаb the visitors attеntion and floating sidebar have a very high conversion ratе if used with the Subscribe widget.

I am using the floating subscribe widget from a long time and I can assure of its result. Well, you can use this with any kind of widget not just with the subscribe widget. You can use it to promote your latest post, Ebook or images etc. Floating sidebar increase the visibility of whatever you want to promote to your visitors and it surely grabs attention.

Before moving any further I would like to tell you that sometimes using sidebar can really hamper your visitor’s retention rate because it messes with the overall experience of the visitor. So you should always use a plain and simple design widget when using with floating sidebar.

How to Add a Floating Sidebar in Wordpress

Now if you want to add a floating sidebar in WordPress blog then you must install this plugin called Q2W3 Fixed Widget. To install it from your admin panel, go to Plugins > Add New then search the plugin. Install and Activate the plugin, so that you can start using it.

After activating the plugin, go to Appearance > Widgets and inside your sidebar click on the widget that you want to make sticky. Just check the little box near Fixed widget option then click save and you will have a nice floating sidebar, pretty easy stuff.

How to configure the Fixed Widget

Don’t get to excited because there is more to the Q2W3 Fixed Widget, go to Appearance > Fixed Widget Options to configure the plugin. On this page, you can set margin, disable the plugin for mobile devices and you can even create a custom HTML ID. Well, let’s get into the details of each one.

Margin Top should be set according to how much space you need between your floating sidebar and the top margin similarly Margin Bottom must be set according to your needs.

One thing I would like to share here is that Margin Bottom must be set so that it doesn’t overlap with your footer. Anway check different values and once you are satisfied with the result click to save.

If you want to disable the plugin for mobile devices just type the value of the screen width below which the plugin will disable in Disable Width and Diable Height. Note that both the values are necessary if you want to disable the plugin for a particular height & width.

Custom HTML IDs are also available if your footer height change page to page then to fix the overlapping issue you should use  HTML tag id. Well, theme footer container has an id for example Twenty Sixteen default theme’s footer container has an id=”colophon”.  In the Custom HTML IDs, I need to enter just colophon, without any other symbols! And Floating sidebar will work perfectly.

I hope this article was helpful to you and you were successfully able to learn how to Add a Floating Sidebar in Wordpress blog without any issues. If you still have any question regarding this guide please feel free to ask them in comments.

Have some suggestions or ideas about fixed widget? Let me know as suggestions are welcome.

Related posts

• كيفية نقل WordPress site من مجموعة واحدة إلى أخرى

• كيفية تثبيت و Setup WordPress على Microsoft Azure

• كيفية تشغيل سريع سريع WordPress على Microsoft Azure

• كيفية تكوين Privacy في WordPress ولماذا من المهم

• كيفية تثبيت WordPress على Google Cloud Platform

• WordPress Jetpack: ما هو وهل يستحق التثبيت؟

• كيفية تثبيت موقع اختبار WordPress على جهاز الكمبيوتر الخاص بك

• مراجعة الكتاب: قم ببناء موقع الويب الخاص بك: دليل فكاهي إلى HTML و CSS و Wordpress

• كيفية تحرير التذييل في WordPress

• كيفية تسريع أي موقع WordPress باستخدام .HTACCESS

• ما هو AMP لـ WordPress وكيفية تثبيته

• كيفية إنشاء مدونة Wix جيدة مثل WordPress

• أفضل تنسيق لكتابة المدونة للحصول على نقاطك

• كيفية إزالة البرامج الضارة من موقع WordPress الخاص بك

• كيفية التحقق مما إذا كان موقع الويب المحظور من AdSense

• Wix Vs WordPress: أيهما أفضل لإنشاء موقع الويب الخاص بك؟

• كيفية تغيير عنوان URL الخاص بتسجيل الدخول إلى WordPress لتحسين الأمان

• كيفية العثور على تسجيل دخول مسؤول WordPress الخاص بك

• كيفية تحديث PHP في WordPress

• البرامج WordPress HTTP Error عند تحميل الصور