دليل خطوة بخطوة لاستخدام عنصر HTML في ووردبريس منشئ النموذج السهل


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

الخطوة 1: إنشاء نموذج جديد

أولاً، قم بتسجيل الدخول إلى لوحة تحكم WordPress الخاصة بك:

  1. انتقل إلى قائمة منشئ النموذج السهل.
  2. انقر على زر “إنشاء”.
  3. قم بإنشاء نموذج جديد.

الخطوة 2: إضافة عنصر HTML إلى النموذج

بعد ذلك، قم بإضافة عنصر HTML:

  1. في الشريط الجانبي لمنشئ النماذج، حدد عنصر HTML.
  2. اسحب هذا العنصر وأفلته في تخطيط النموذج الخاص بك.

الخطوة 3: تحرير عنصر HTML

قم بتخصيص محتوى HTML الخاص بك:

  1. انقر فوق عنصر HTML الذي أضفته.
  2. انقر فوق رمز الترس الأخضر الذي يظهر.

الخطوة 4: إدراج كود HTML الخاص بك

الآن، أدخل كود HTML المخصص:

  1. في النافذة المنبثقة، الصق كود HTML الخاص بك في حقل “Code”.
  2. مهم: يُسمح فقط باستخدام سمة class لعلامات HTML الخاصة بك. قد يؤدي استخدام سمات أخرى (مثل id، style، إلخ) إلى عدم عمل النموذج بشكل صحيح.

مثال صحيح:

<div class="custom-form-class">
   هذا نص تجريبي للعرض في النموذج.
</div>

نصائح رئيسية لاستخدام HTML في Easy Form Builder

  • استخدم دائمًا الفئات المخصصة (Custom Classes).
  • تجنب استخدام السمات غير المسموح بها.
  • اكتب كود HTML نظيفًا وقابلًا للقراءة لتسهيل استكشاف الأخطاء وإصلاحها.

الملخص

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