أضيفوا نموذجًا إلى صفحة.

Learn DXPR BuilderBuild pagesVolg een tutorial

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

يبني الفيديو تسجيلًا في نشرة لعيادة صحية.

قبل أن تبدؤوا

  • يملك دوركم صلاحية التحرير باستخدام DXPR Builder.
  • النموذج موجود، مثلًا كنموذج ويب مصنوع مع وحدة Webform.
  • الصفحة مفتوحة في المنشئ. فلصفحة جديدة، انتقلوا إلى المحتوى > إضافة محتوى > صفحة هبوط (/node/add/landing_page) وانقروا حفظ.

الخطوة 1: إضافة قسم ملوَّن

  1. انقروا إضافة العناصر على الصفحة الفارغة واختاروا القسم من تبويب التخطيط.
  2. مرّروا المؤشر فوق القسم وافتحوا المزيد > الإعدادات. افتحوا لوحة النمط واختاروا خلفية رمادية فاتحة وانقروا حفظ.

الخطوة 2: إضافة عمودين

  1. انقروا + على القسم واختاروا صفًا. فيأتي صف جديد بعمودين متساويين، التقسيم الذي تريدونه هنا.

الخطوة 3: كتابة رسالة التسجيل

  1. انقروا + في العمود الأيسر واختاروا نصًا من تبويب المحتوى.
  2. اكتبوا «احصلوا على نصائح صحية بالبريد» واضبطوه على عنوان 2 من شريط الأدوات.
  3. أضيفوا سطرًا واحدًا عما يحصل عليه المشتركون وكم مرة، ثم انقروا حفظ.

الخطوة 4: إدراج النموذج

  1. انقروا + في العمود الأيمن.
  2. افتحوا تبويب كتل Drupal.
  3. اختاروا كتلة نموذجكم وانقروا حفظ في مربع إعداداتها. فيُعرَض النموذج في العمود.

الخطوة 5: الحفظ والمعاينة

  1. انقروا حفظ على شريط أدوات المنشئ.
  2. افتحوا قائمة العرض (أيقونة العين) واختاروا معاينة لرؤية الرسالة بجانب النموذج.

من أين تأتي النماذج

غير معروض في الفيديو:

  • وحدة Webform: كل نموذج ويب مفتوح مسرود في تبويب كتل Drupal باسم «Block: DXPR builder: Webform:» متبوعًا باسمه. اكتبوا الاسم في البحث، أو اختاروا DXPR builder تحت التصفية حسب الفئة.
  • وحدة الاتصال في النواة: نماذجها على البنية > نماذج الاتصال بلا كتلة خاصة بها. تضيف وحدة Contact Block المساهَمة كتلة اتصال إلى التبويب نفسه.

تنسيق النماذج

غير معروض في الفيديو. تأخذ النماذج أنماط قالبكم. لتغييرها:

  • أضيفوا فئات تحت فئات HTML في لوحة العامة للكتلة، ونسّقوا تلك الفئات في قالبكم.
  • اضبطوا الهامش والحشو حول النموذج في لوحة النمط للكتلة.

ما سترونه

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

إذا لم يظهر النموذج

  • نموذج الويب الخاص بكم ليس في تبويب كتل Drupal. لا يسرد المنشئ إلا نماذج الويب المفتوحة. انتقلوا إلى البنية > نماذج الويب (/admin/structure/webform) واضبطوا حالة النموذج على مفتوح.
  • تبويب كتل Drupal مفقود أو فارغ. لا يسرد المنشئ الكتل إلا عندما تكون وحدة محتوى الكتل في النواة مفعّلة. فعّلوها على توسيع (/admin/modules).
  • يرى الزوّار عمودًا فارغًا حيث يجب أن يكون النموذج. تخفي الكتلة نموذج الويب عمن لا يجوز لهم إرساله. اسمحوا لدورهم بإنشاء الإرسالات على إعدادات الوصول لنموذج الويب.
  • ذهبت تغييراتكم بعد إعادة التحميل. غادرتم الصفحة قبل نقر حفظ على شريط أدوات المنشئ. وإذا عرض الحفظ خطأ، راجعوا التغييرات لا تُحفَظ.

ما الخطوة التالية؟