إضافة قسم.
القسم شريط واحد من صفحتكم، مثل بطل في الأعلى أو شريط رمادي من الميزات تحته. تمنحون كل قسم خلفيته ولون نصه وتباعده وارتفاعه، ثم تملؤونه بالصفوف أو المحتوى. اقرؤوا هذه الصفحة لإضافة الأقسام وإعدادها؛ ولتقسيم قسم إلى أعمدة، راجعوا الصفوف والأعمدة.
إضافة قسم
يبني المثال قسم بطل كحليًا لعيادة. ويتبعه تحته قسم رمادي فاتح بثلاثة أعمدة.
- انقروا إضافة العناصر على صفحة فارغة واختاروا قسمًا من تبويب التخطيط. وتحت قسم موجود، انقروا إضافة قسم تحت، الزائد الدائري تحته.
- مرّروا المؤشر فوق القسم، وافتحوا المزيد واختاروا الإعدادات.
- أعِدّوا القسم كله: هنا توسيط النص تحت فئات HTML، وخلفية كحلية ولون خط أبيض. انقروا حفظ.
- انقروا + على القسم لإضافة محتوى إليه مباشرة، أو أضيفوا صفًا لتقسيمه إلى أعمدة.
- انقروا حفظ على شريط الأدوات لتخزين الصفحة.
الخلفية ولون الخط في لوحة النمط بمربع الحوار. تهبط العناصر الجديدة في أعلى القسم، فأضيفوا الأدنى أولًا: في الفيديو، يدخل الزر قبل العنوان.
ما سترونه
يملأ الشريط الكحلي النافذة من الحافة إلى الحافة. ويبقى عنوانه وزره في صندوق موسّط، الحاوية الداخلية للقسم. ويبدأ القسم الرمادي مباشرة تحته، بأعمدة ميزاته الثلاثة في الصندوق الموسّط نفسه.
يحمل كل قسم جديد أصلًا الفئة حجم الحشو العمودي 5 (py-5) في فئات HTML. فتمنحه تلك الفئة المساحة فوق محتواه وتحته.
إعداد القسم الخاص بكم
يحمل مربع حوار الإعدادات خمس لوحات: العامة ومؤثرات الخلفية والحركة والنمط ونمط التحويم. ولا تملك مؤثرات الخلفية إلا الأقسام.
| الإعداد | اللوحة | ماذا يفعل | الافتراضي |
|---|---|---|---|
| العرض الكامل | العامة | تمتد الصفوف من الحافة إلى الحافة بدل داخل الحاوية الموسّطة | مغلق |
| ارتفاع 100% | العامة | القسم بطول نافذة المتصفح على الأقل | مغلق |
| التوسيط العمودي | العامة | يجلس المحتوى في الوسط العمودي لقسم أطول منه | مغلق |
| معرّف HTML | العامة | اسم مرساة، فيقفز رابط إلى #name إلى هذا القسم |
فارغ |
| فئات HTML | العامة | فئات أدوات، مثل توسيط النص أو حجم حشو | حجم الحشو العمودي 5 (py-5) |
| مؤثر الخلفية | مؤثرات الخلفية | صورة بسيطة أو صورة ثابتة أو صورة بارالاكس أو تدرج لوني أو فيديو YouTube | صورة بسيطة |
| الخلفية، لون الخط | النمط | اللون خلف القسم ولون نصه | بلا: يقرر القالب |
تمتد الخلفية دائمًا على القسم كله، أيًا ما قال العرض الكامل. وتحرّك مؤثرات الصور صورة الخلفية التي تختارونها في لوحة النمط؛ ويعرض الخلفيات كل مؤثر.
لمساحة أكبر أو أقل، استبدلوا حجم الحشو العمودي 5 (py-5) بحجم أصغر أو بلا حشو عمودي (py-0). وللبكسل الدقيق، استخدموا صندوق النموذج في لوحة النمط، كما يشرح التباعد.
وصفات الأقسام
| القسم | الإعدادات التي تصنعه |
|---|---|
| البطل | ارتفاع 100% والتوسيط العمودي مفعّلان، ومؤثر صورة بارالاكس، وعنوان وزر |
| الميزات | مع خلفية فاتحة وعنوان، ثم صف من ثلاثة أعمدة |
| الدعوة إلى الإجراء | مع خلفية قوية وتوسيط النص وسطر واحد قصير وزر |
| الشهادات | مع خلفية فاتحة وصف من ثلاثة أعمدة، لكل منها عنصر اقتباس |
تصميم قسم بطل يبني الأول خطوة بخطوة.
إذا لم يظهر
- الصفحة الفارغة بلا زر إضافة العناصر. مساعد إنشاء الصفحات
مطفأ، فلا تقدم الصفحة الفارغة إلا اختيار قالب. انقروا
المساحة الفارغة لفتح منتقي العناصر، أو فعّلوا تفعيل مساعد
إنشاء الصفحات على
/admin/dxpr_studio/dxpr_builder/ai_settings. - لا يوجد زر إضافة قسم تحت. فقط الأقسام الموضوعة مباشرة على الصفحة تملكه، لا قسم داخل عمود أو تبويب. انقروا + على العمود بدلًا من ذلك.
- التوسيط العمودي لا يغيّر شيئًا. القسم بطول محتواه فقط، فلا مساحة للتوسيط فيها. فعّلوا ارتفاع 100% أيضًا.
- العرض الكامل يبدو بلا أثر. تمتد الخلفية أصلًا على القسم كله؛ فلا يحرّك العرض الكامل الصفوف إلا إلى حوافها. ومع نص قصير في عمود واحد، يصعب ملاحظة التغيير.
- ظهر قسم لم تضيفوه. اخترتم صفًا أو عنصر محتوى على صفحة فارغة، وكل عنصر يحتاج قسمًا حوله. فأضاف DXPR Builder واحدًا لكم؛ افتحوا إعداداته كأي قسم آخر.
ما الخطوة التالية؟
- الصفوف والأعمدة: قسّموا قسمًا إلى أعمدة.
- الخلفيات: مؤثرات البارالاكس والتدرج والفيديو للأقسام.
- التخطيطات بعرض كامل: متى تدعون الصفوف تمتد من الحافة إلى الحافة.