تحسين تجربة منشئ التخطيط في دروبال

عندما تم تقديم Layout Builder في Drupal 8.6 واستقر في Drupal 8.7 ، فقد أحدث انحرافًا في آلية بناء الصفحة المستخدمة في الفضاء البيئي لدروبال. أعطى منشئ التخطيط منافسة قوية لأدوات أخرى مثل Paragraphs و Brick و Panels و Display Suite. كانت قدرتها الفريدة على سحب المكونات وإفلاتها ومعاينتها في الوقت الفعلي بمثابة تنازل حقيقي لأداة إنشاء الصفحات وللمؤلفين.

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

في هذه المقالة ، سأغطي 10 وحدات من دروبال يمكن استخدامها جنبًا إلى جنب مع وحدة Layout Builder الرائعة التي ستجعل الأداة أكثر روعة وموثوقية. للإضافة إلى هذه الروعة ، كل هذه الوحدات متوافقة مع دروبال 9 أيضًا!

يتم تقسيم الوحدات إلى فئات معينة:

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

أنماط منشئ التخطيط

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

"النمط" هو مجرد تمثيل لفئة أو أكثر من فئات CSS التي سيتم تطبيقها. بالإضافة إلى ذلك ، بالنسبة للكتل ، يتم إضافة اقتراح قالب الحظر للنمط المحدد.

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

نظرًا لأنه يتم تخزين الأنماط كتكوين ، يمكن تصديرها بسهولة إلى ملفات التكوين باستخدام إدارة تكوين دروبال.

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

سمات مكون منشئ التخطيط

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

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

توفر الوحدات النمطية معرفات الخيارات ، والفئة (الفئات) ، والأنماط [الأنماط المضمنة للكتلة] ، وسمات البيانات *. يمكن إضافة هذه السمات إلى 1) عنصر الكتلة (الخارجي) ، 2) عنوان الكتلة ، و 3) عنصر محتوى الكتلة (الداخلي). الخيارات قابلة للتكوين لكل أنواع العناصر ، على سبيل المثال ، إذا كنت لا تريد أن يكون حقل المعرف متاحًا لعناوين الكتل ، فيمكن إلغاء تحديدها في نموذج تكوين الوحدات النمطية في

"/ admin / config / content / layout-builder-component-attributes"

مخطط باني مشروط

تعمل الوحدة النمطية Modal Layout Builder في Drupal على تحديث واجهة المستخدم وتجربة التأليف لنماذج تكوين الكتلة أو نماذج الإنشاء (في حالة الكتل المضمنة). يمكن أن يصبح النموذج المعروض على الشريط الجانبي لمربع الحوار غير المكتوب مرهقًا حقًا لأنه ضيق جدًا. خاصة إذا كنت تتعامل مع الحقول المعقدة وحقول النص المنسق ومراجع الوسائط وما إلى ذلك. يقلل مربع الحوار غير المكتوب بشكل كبير من قابلية الاستخدام وهو ليس مثاليًا لمثل هذه المواقف.

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

بشكل عام ، تعزز الوحدة بشكل كبير تجربة التأليف للمحررين وإمكانية استخدام Layout Builder.

مكتبة منشئ التخطيط

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

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

قسم المكتبة

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

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

لا يوجد تداخل بين الوحدتين ، ويمكنك استخدام كليهما في نفس الوقت.

إضافة منشئ التخطيط المباشر

تتمثل إحدى الميزات الرئيسية لـ Layout Builder في القدرة على إضافة كتل مضمنة تعد واحدة من الكتل غير القابلة لإعادة الاستخدام والمخصصة للصفحة. الآن ، إذا كانت الصفحات في نظامك تعتمد في الغالب على هذه الكتل المضمنة كمكونات ، يمكن لـ Layout Builder Direct Add توفير بعض وقت المحرر عن طريق توفير بضع نقرات.

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

رابط عملية منشئ التخطيط

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

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

قيود منشئ التخطيط

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

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

أذونات منشئ التخطيط المتقدمة

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

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

قفل منشئ التخطيط

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

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

خلاصة سريعة

1. أنماط منشئ التخطيط - اسمح لمنشئي المواقع بالاختيار من قائمة الأنماط لتطبيقها على كتل منشئ التخطيط وأقسام منشئ التخطيط.
2. سمات مكون Layout Builder - تسمح للمحررين بإضافة سمات HTML إلى مكونات Layout Builder (الكتل).
3. Layout Builder Modal - يتيح لك إضافة وتكوين الكتل الموجودة في شكل مشروط في Layout Builder UI.
4. مكتبة منشئ التخطيط - توفر مكتبة تخطيط تسمح لمحرري المحتوى بالاختيار من قائمة التخطيطات المحددة مسبقًا.
5. مكتبة القسم - إنشاء قوالب قابلة لإعادة الاستخدام لأقسام فردية أو متعددة.
6. إضافة Layout Builder Direct - يستبدل رابط "إضافة كتلة" بزر منسدلة يسرد أنواع الكتل المخصصة.
7. رابط عملية منشئ التخطيط - يضيف ارتباط عملية "التخطيط" إلى المحتوى الذي يدعم Layout Builder على صفحات Drupal الإدارية.
8. قيود Layout Builder - عيّن أي الكتل وأي التخطيطات يجب أن تكون متاحة للوضع في Layout Builder.
9. أذونات Layout Builder المتقدمة - تسمح بالتحكم في التفاصيل في الوصول إلى صفحة Layout builder من خلال توفير مجموعة أذونات أكثر دقة.
10. Layout Builder Lock - يسمح للمسؤولين بقفل أقسام التخطيط الافتراضي حتى لا يتمكن المستخدمون من تنفيذ إجراءات معينة عند تجاوز التخطيط لكيان فردي.