الأخبار التكنولوجية والاستعراضات والنصائح!

Bud Kraus The Navigation Block: حان وقته (تقريبًا) اقرأ المقال

ستساعدك المقالة التالية: Bud Kraus The Navigation Block: حان وقته (تقريبًا) اقرأ المقال

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

مع استمرار WordPress في التطور إلى نظام تصميم شامل (يُعرف أيضًا باسم Gutenberg) ، كان أحد العناصر الأكثر تعقيدًا هو Navigation Block.

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

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

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

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

استقرت الأمور الآن إلى النقطة التي كان هناك وقت تطوير كافٍ وراء مجموعة التنقل لاستخدامها كجزء من سير عملك.

أين يمكنني استخدام Navigation Block؟

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

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

كيف يعمل جزء التنقل

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

لكن يمكنها أن تفعل أكثر من ذلك بكثير.

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

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

من المرجح جدًا أن يتم دمج ما ستراه في WordPress 6.2 عندما يتم شحنها في 28 مارس 2023.

المكونات الرئيسية

ربما تكون قد رأيت بعض الرموز التي تمثل الكتل التي لست على دراية بها. ها هم.

كانت هناك أيضًا هذه الرموز التي هي منشئ الروابط

بعض الأشياء الخاصة التي يجب مراعاتها

استخدم عرض القائمة

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

تباعد الكتلة

ضمن إعدادات Navigation Block (الشريط الجانبي الأيمن) ، يتيح لك شريط التمرير Block Spacing تعيين مسافة متساوية بين كل رابط. ومع ذلك ، في الوقت الحالي ، لا توجد طريقة (أقل من استخدام CSS) لتعيين خصائص الحشو والحدود والهامش داخل وحول كتلة التنقل نفسها.

ماذا عن الجوال؟

كما هو موضح في الفيديو ، توجد خيارات للعرض – أو عدم العرض – رمز همبرغر متنقل داخل إعدادات Navigation Block (الشريط الجانبي الأيمن). في الوقت الحالي ، لا توجد طريقة بدون تعليمات برمجية لتخصيص نقاط توقف كتلة التنقل.

كتلة قائمة الصفحات

من السهل الخلط بين هذه الكتلة وكتلة رابط الصفحة ، لذا كن حذرًا.

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

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

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

تلخيص لما سبق

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

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