الشريط الجانبي لووردبریس (WordPress Sidebar)

الشريط الجانبي لـ WordPress

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

ستوضح لك هذه المقالة كيفية إنشاء أشرطة جانبية لـ WordPress ومناقشة أفضل مكان لوضعها وشرح الوظيفة التي يجب أن تؤديها.

إنشاء أشرطة جانبية لـ WordPress باستخدام محرر الموقع

أسهل طريقة لإضافة أشرطة جانبية لـ WordPress هي عبر محرر الموقع. ومع ذلك فإن هذه الطريقة ممكنة فقط باستخدام WordPress 5.9 وموضوع قائم على الكتلة.

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

استخدام نمط الكتلة (Block Pattern)

نمط كتلة WordPress هو في الأساس قالب تخطيط يتكون من كتل محددة مسبقًا يمكنك تحريرها لتناسب المحتوى الخاص بك.

لإضافة نمط كتلة إلى موقع WordPress الخاص بك افتح محرر الموقع بالانتقال إلى المظهر -> محرر الموقع.

الشريط الجانبي لووردبریس (WordPress Sidebar)

في محرر الموقع انقر علی رمز علامة الجمع (+) في الزاوية العلوية اليسرى من الشاشة وحدد علامة التبويب أنماط.

الشريط الجانبي لـ WordPress

اكتب الشريط الجانبي في مربع البحث للعثور على الأنماط التي تحتوي عليه. أو بدلاً من ذلك انقر فوق “Explore ” لرؤية جميع الأنماط المتاحة.

انقر فوق علی النمط الذي تريد إضافته إلى الصفحة.

لتحريك النمط افتح عرض القائمة من الزاوية العلوية اليسرى من الشاشة.

الشريط الجانبي لـ WordPress

ابحث عن كتلة المجموعة التي تمثل النمط واسحبها وأفلتها في المكان الصحيح.

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

إنشاء شريط جانبي من سكراتش

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

افتح محرر الموقع وانتقل إلى منطقة الصفحة حيث تريد إضافة حلقة الاستعلام والشريط الجانبي. انقر فوق رمز علامة الجمع (+) التي ستظهر عندما تحوم فوق المنطقة وحدد مجموعة لإضافة كتلة مجموعة.

ستظهر كتلة مجموعة فارغة في هذا الموقع. انقر فوق رمز الإضافة (+) داخل الكتلة وحدد الأعمدة.

سيكون عليك تحديد أحد أشكال العمود. بالنسبة للشريط الجانبي نوصي باختيار إما 30/70 للشريط الجانبي الأيسر أو 70/30 للشريط الجانبي الأيمن.

الشريط الجانبي لـ WordPress

بعد القيام بذلك سترى عمودين فارغين.

يمكنك إضافة كتلة حلقة استعلام وعناصر الشريط الجانبي مثل عنوان الموقع أو قائمة الصفحات أو سحابة العلامات.

إنشاء أشرطة جانبية لـ WordPress باستخدام الأدوات (Widgets)

يعد إنشاء أشرطة جانبية لـ WordPress باستخدام الأدوات اختيارًا مناسبًا للمستخدمين غير التقنيين نظرًا لأنك لست مضطرًا للتعامل مع التعليمات البرمجية.

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

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

لإنشاء أشرطة جانبية في WordPress باستخدام قائمة Widgets افتح لوحة معلومات WordPress الخاصة بك ثم انتقل إلى Appearance -> Widgets.

سترى قائمة بأدوات WordPress المتاحة على اللوحة اليمنى بينما تحتوي اللوحة اليمنى على مجموعات من مناطق الأدوات.

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

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

حدد Main Sidebar ثم انقر علی Add Widget.

لتخصيص أداة أو حذفها انقر فوق قسم عنصر واجهة المستخدم في عمود الشريط الجانبي الرئيسي.

يوفر WordPress أيضًا وضع إمكانية الوصول. انقر فوق الرابط تمكين وضع إمكانية الوصول في الجزء العلوي الأيسر من الصفحة وسترى على الفور قائمة الأدوات مع زري “إضافة” و “تعديل”.

هناك العديد من أدوات WordPress المفيدة للأشرطة الجانبية مثل أزرار الوسائط الاجتماعية أو أشرطة البحث أو الأدوات التي تعرض منشورات المدونة الأخيرة.

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

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

إنشاء أشرطة جانبية لـ WordPress باستخدام مُخصص WordPress

يتيح لك WordPress Customizer تخصيص عناصر سمات WordPress الخاصة بك مثل القوائم وإعدادات الصفحة الرئيسية وأدوات الشريط الجانبي.

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

تسمح لك بعض سمات WordPress بعرض عدة أشرطة جانبية على نفس الصفحة بينما لا يسمح البعض الآخر بأي منها.

على سبيل المثال يحتوي موقع ويب أوستن كليون أدناه على أشرطة جانبية على اليسار واليمين.

ومع ذلك إذا كنت لا تريد الاعتماد على قيود المظهر الخاص بك فيمكنك دائمًا استخدام المكون الإضافي Custom Sidebars لإنشاء مناطق عناصر واجهة مستخدم مخصصة على موقعك.

إذا كان المظهر الخاص بك يحتوي على أشرطة جانبية كأحد مناطق عناصر واجهة المستخدم الخاصة به فاضبط الأشرطة الجانبية الخاصة بك باستخدام WordPress Customizer. افتح لوحة معلومات WordPress الخاصة بك ثم انتقل إلى Appearance -> Customize.

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

حدد الشريط الجانبي الرئيسي. قد يختلف الاسم اعتمادًا على سمة WordPress ولكنه يتضمن عادةً كلمة “sidebar” بداخله.

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

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

ابدأ الكتابة في قسم العنوان المتاح وسترى النتيجة على الفور على الشريط الجانبي. انقر فوق تم بمجرد أن تصبح راضيًا عن التغييرات.

الشريط الجانبي لـ WordPress

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

انقر علی عنصر واجهة المستخدم الذي تريده ثم قم بإجراء التعديلات اللازمة مثل ترتيب ترتيب عنصر واجهة المستخدم أو تسميته.

في هذا المثال أضفنا أداة تقويم بدون أي عنوان. انقر علی تم إذا كنت تريد تركه كما هو.

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

WordPress Sidebars – يسار مقابل يمين

يجادل البعض بأنه من الأفضل وضع الأشرطة الجانبية على اليمين لأن معظم الناس يقرؤون من اليسار إلى اليمين. تجعلنا عادتنا الطبيعية في القراءة ننظر إلى الزاوية اليمنى العليا للصفحة قبل التمرير لأسفل.

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

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

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

قم بتشغيل اختبار A / B على موقع WordPress الخاص بك لمعرفة ما إذا كان الشريط الجانبي الأيسر أو الأيمن يعمل بشكل أفضل بالنسبة لك:

قم بتشغيل نسختين من نفس الموقع – أحدهما به شريط جانبي على اليسار والآخر على اليمين.

تتبع سلوك المستخدم على كلا الموقعين حتى تجمع بيانات كافية.

تحقق من موقع الويب الذي كان يعمل بشكل أفضل وأي موضع على الشريط الجانبي حصل على نقرات أكثر. استخدم حاسبة اختبار A / B لمساعدتك.

أفضل WordPress Sidebars Plugins

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

فيما يلي توصياتنا لأفضل إضافات الشريط الجانبي في WordPress لتثبيتها والتي ستعمل مع أي سمة:

SiteOrigin Widgets Bundle

الشريط الجانبي لـ WordPress

إحصائيات البرنامج المساعد:

التنزيلات: 900000+
التصنيف: 4.9 / 5
الميزات البارزة: مكتبة ضخمة من الأدوات المصغّرة والتصميم المتسق والوظائف وتغطي احتياجات الأدوات المختلفة في نظام أساسي واحد
الأنسب لـ: جميع أنواع المواقع
السعر: مجانًا

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

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

حزمة SiteOrigin Widgets هي مكون إضافي مجاني. قم بالترقية إلى SiteOrigin Premium للوصول إلى الوظائف الإضافية الإضافية ودعم البريد الإلكتروني السريع.

Recent Post Widget Extended

الشريط الجانبي لـ WordPress

إحصائيات البرنامج المساعد:

التنزيلات: 100،000+
التصنيف: 4.7 / 5
الميزات البارزة: يعرض المنشورات الأخيرة والمحتوى بناءً على فئات أو علامات محددة ويشارك في التخطيط مع الصور المصغرة ومقتطفات من المقالات
الأنسب لـ: المدونات والمواقع الإخبارية
مجاني

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

هذا المكون الإضافي هو امتداد لأداة المشاركات الحديثة المضمنة في WordPress. ستظهر مشاركاتك الأخيرة مع صور مصغرة ومقتطفات من المقالات وتواريخ النشر.

تتيح الأداة الموسعة للمنشورات الحديثة خيارات لعرض المحتوى بناءً على أنواع منشورات أو فئات أو علامات معينة.

كما يسمح للمستخدمين الأكثر تقدمًا بتخصيص نمط الأدوات من خلال محرر CSS الصغير المدمج.

Maps Widget for Google Maps

الشريط الجانبي لـ WordPress

إحصائيات البرنامج المساعد:

التنزيلات: 80000+
التصنيف: 4.7 / 5
الميزات البارزة: تكامل خرائط Google  خرائط قابلة للتخصيص ، تحميل سريع
الأنسب لـ: الشركات أو المنظمات التي لها عناوين مادية
السعر: مجاني

يساعد تطبيق Maps Widget للمكوِّن الإضافي لخرائط Google في إظهار موقع مادي على الخريطة. يحتوي على أبعاد خريطة قابلة للتخصيص ومستويات تكبير مما يسمح لك بإنشاء دبابيس مخصصة.

يستخدم هذا المكون الإضافي واجهة برمجة تطبيقات خرائط Google الثابتة والتي تتطلب فقط طلب HTTP واحدًا مما يجعل تحميلها سريعًا.

يوفر الإصدار المتميز ميزات متقدمة مثل مخططات ألوان الخرائط المخصصة لمطابقة تصميم موقع WordPress الخاص بك وتكامل أحداث Google Analytics لمعرفة كيفية استخدام الأشخاص لخرائطك.

Content Aware Sidebars

إحصائيات البرنامج المساعد:

التنزيلات: 40000+
التصنيف: 4.9 / 5
الميزات البارزة: إنشاء شريط جانبي مستهدف ، قابل للتخصيص بالكامل
الأنسب لـ: جميع أنواع المواقع
السعر: مجانًا

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

يوفر هذا المكون الإضافي أيضًا تحكمًا كاملاً في تصميم قسم الشريط الجانبي الخاص بك مع خيار تغيير فئات HTML و CSS.

Compact Archives

إحصائيات البرنامج المساعد:

التنزيلات: 3000+
التقييم: 5/5
الميزات البارزة: عرض المحفوظات المدمجة ، للتخصيص بسهولة
الأنسب لـ: مواقع الويب التي تحتوي على قدر كبير من المحتوى
مجاني

توفر الأرشيفات المضغوطة طريقة أكثر قربًا لعرض أرشيف المحتوى الخاص بك وذلك بفضل تصميم الكتلة الخاص بها.

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

يتعامل الأرشيف المضغوط مع هذه المشكلة عن طريق عرض أرشيف المحتوى بطريقة مرتبة وسهلة التنقل.

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

المصدر

منشور ذات صلة

اترك تعليقاً

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

السلة