التحكم في رؤية عنصر واجهة WordPress باستخدام عناصر واجهة تعامل شرطية

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

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

في هذه المقالة ، سنقدم لك نظرة عامة على ماهية الأدوات الشرطية وكيفية إنشائها. سنستكشف أيضًا خيارين لإعدادهما. دعنا نتعمق في!

ما هي الحاجيات الشرطية؟

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

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

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

كيفية عمل عنصر واجهة مستخدم شرطي (بدون Jetpack)

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

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

الخطوة 1: اختر مكونًا إضافيًا للقطعة الشرطية

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

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

الخطوة 2: افتح لوحة القطعة الخاصة بك

بعد ذلك ، يمكنك الانتقال إلى Appearance> Widgets وفتح لوحة الإعدادات على أي عنصر واجهة مستخدم للوصول إلى حقل منطق Widget جديد.

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

!is_page('about')

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

is_single() && in_category('baked-goods')

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

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

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

تغيير رؤية القطعة مع Jetpack

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

الخطوة 1: افتح إعدادات Jetpack

بمجرد تنفيذ خطوات التثبيت والإعداد الضرورية لـ Jetpack ، ستحتاج إلى زيارة Jetpack> صفحة الإعدادات في لوحة معلومات WordPress الخاصة بك. ثم انقر فوق علامة التبويب "الكتابة" .

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

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

الخطوة 2: إضافة قواعد جديدة

الآن بعد أن تم تشغيل ميزة الرؤية الخاصة بك ، يمكنك الانتقال إلى Appearance> Widget في لوحة معلومات WordPress الخاصة بك. إذا قمت بالنقر فوق عنصر واجهة مستخدم نشط ، فسترى زر رؤية جديدًا.

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

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

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

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

قم بتخصيص موقعك باستخدام WP Engine

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

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