الوثائق

كيفية إضافة نص نائب (Placeholder Text) إلى حقول النماذج (Form Fields) في مُنشيء النماذج السهل

قراءة 1 دقيقة
1٬548 مشاهدة

يساعد نص الـ Placeholder Text (نص نائب) المستخدمين على فهم ما يجب إدخاله في خانات الإدخال (Input Fields) داخل النموذج (Form) من خلال عرض نص نائب أو مثال داخل الحقل. في مُنشيء النماذج السهل، يمكنك إضافة نص Placeholder Text (نص نائب) إلى حقول النص (Text Field)، البريد الإلكتروني (Email Field)، الرقم (Number Field)، والقوائم المنسدلة (Dropdown) عبر إعدادات الحقل (Field Settings). توضح هذه المقالة أهمية نص الـ Placeholder Text (نص نائب)، وكيفية إضافته خطوة بخطوة، وكيفية إدارة الـ Placeholder Text (نص نائب) للقوائم المنسدلة، بالإضافة إلى الأخطاء الشائعة.

لماذا نستخدم نص الـ Placeholder Text (نص نائب) في مُنشيء النماذج السهل؟

يوفّر نص الـ Placeholder Text (نص نائب) تعليمات أو أمثلة تساعد المستخدمين على ملء الحقول بشكل صحيح. يظهر داخل خانة الإدخال (Input Field) ويختفي بمجرد أن يبدأ المستخدم بالكتابة. يُستخدم نص الـ Placeholder Text (نص نائب) عادةً في مُنشيء النماذج السهل لـ:

• عرض مثال إدخال
• تقديم إرشادات بسيطة
• استبدال أو إخفاء تسميات الحقول (Labels)
• مساعدة المستخدم على اختيار خيار من القائمة المنسدلة
• جعل تصميم النموذج أنظف وأكثر إحكامًا

شرح خطوة بخطوة: كيفية إضافة نص Placeholder Text (نص نائب) إلى حقول النماذج (Form Fields) في مُنشيء النماذج السهل

الخطوة 1: افتح لوحة تحكم ووردبريس (WordPress Dashboard)

ابدأ بتسجيل الدخول إلى لوحة تحكم ووردبريس (WordPress Dashboard). بعد تسجيل الدخول، انتقل إلى مُنشيء النماذج السهل من القائمة الجانبية.

الخطوة 2: إنشاء نموذج جديد (Create Form)

بعد فتح مُنشيء النماذج السهل، ستنتقل إلى صفحة نظرة عامة على النماذج (Forms Overview). لإنشاء نموذج (Form) جديد، انقر على زر “إنشاء (Create)” أعلى الصفحة. سيتم فتح قائمة بأنواع النماذج المتاحة.

لقطة شاشة تظهر الخطوة 4: فتح إعدادات الحقل في Easy Form Builder، حيث يتم النقر على الحقل المطلوب ثم النقر على أيقونة الترس لفتح لوحة إعدادات الحقل على الجانب الأيسر من الشاشة.


لأغراض هذا الدرس، اختر إنشاء نموذج جديد من الصفر (New Form From Scratch).

لقطة شاشة تُظهر خيار إنشاء نموذج جديد من الصفر في Easy Form Builder، لاختيار بناء نموذج جديد بالكامل.

الخطوة 3: اختيار الحقل الذي تريد إضافته إلى النموذج (Select Field)

عند فتح منشئ النماذج (Form Builder)، يمكنك الاختيار من بين أنواع الحقول (Fields) مثل:

  • حقل النص (Text Field)
  • حقل الاسم (Name Field)
  • حقل كلمة المرور (Password Field)
  • حقل البريد الإلكتروني (Email Field)
  • حقل الرقم (Number Field)
  • حقل النص الطويل (Long Text Field)
  • حقل الهاتف (Tel Field)
  • حقل الجوال (Mobile Field)
  • القوائم المنسدلة (Dropdown)

سنستخدم هنا حقل الاسم (Name Field) كمثال لتوضيح طريقة إضافة نص Placeholder Text (نص نائب).

الخطوة 4: فتح إعدادات الحقل (Field Settings)

اضغط على الحقل الذي ترغب في تعديله. ثم اضغط على أيقونة الترس (Gear Icon) الموجودة أسفل الحقل لفتح لوحة إعدادات الحقل (Field Settings Panel) على يسار الشاشة.

"لقطة شاشة تظهر الخطوة 4 في Easy Form Builder، حيث يتم النقر على الحقل المطلوب ثم النقر على أيقونة الترس لفتح لوحة إعدادات الحقل على الجانب الأيسر من الشاشة."

الخطوة 5: إضافة نص Placeholder Text (نص نائب)

دفي لوحة إعدادات الحقل (Field Settings Panel)، ابحث عن خانة نائب (Placeholder Field).
اكتب النص الذي تريد أن يظهر للمستخدم داخل الحقل كتعليمات.

مثال (Example):
أدخل اسمك (Enter Your Name)

سيساعد نص الـ Placeholder Text (نص نائب) المستخدمين على معرفة ما يجب كتابته داخل الحقل.

لقطة شاشة لواجهة Easy Form Builder تظهر لوحة إعدادات الحقل، مع التركيز على خانة Placeholder حيث يمكن إدخال نص إرشادي مثل 'أدخل اسمك' لمساعدة المستخدمين في ملء الحقل.

الخطوة 6: حفظ النموذج (Save Form)

بعد إضافة نص الـ Placeholder Text (نص نائب)، اضغط على X في أعلى لوحة إعدادات الحقل (Field Settings Panel) لإغلاقها.
ثم اضغط على حفظ (Save) لحفظ التغييرات.
أخيرًا، انسخ الرمز المختصر (Shortcode) والصقه في أي صفحة أو مقالة لعرض النموذج (Form) في موقعك.

الخطوة 7: اختبار النموذج (Test Form)

بعد حفظ النموذج (Form)، انتقل إلى واجهة الموقع (Frontend) للتحقق من:

  • ظهور نص الـ Placeholder Text (نص نائب) داخل الحقل بشكل صحيح
  • اختفاء النص بمجرد بدء المستخدم بالكتابة

ملاحظات مهمة

نص الـ Placeholder Text (نص نائب) ليس تسمية الحقل (Label)، وقد ينسى المستخدم وظيفة الحقل بعد الكتابة.

تجنب الاعتماد على الـ Placeholder Text (نص نائب) وحده لتقديم التعليمات، لأسباب تتعلق بـ الوصولية (Accessibility).

استخدم نصوصًا قصيرة وواضحة.

تجنب وضع تعليمات طويلة داخل الـ Placeholder Text (نص نائب).

الأخطاء الشائعة وكيفية حلها عند إضافة نص Placeholder Text (نص نائب) في مُنشيء النماذج السهل

1. نص الـ Placeholder Text (نص نائب) لا يظهر

الحل: ربما تمت إضافته إلى حقل (Field) خاطئ أو تُرك فارغًا.

2. نص الـ Placeholder Text (نص نائب) طويل جدًا

الحل: اجعله مختصرًا؛ النصوص الطويلة قد تفسد تصميم الحقل على الشاشات الصغيرة.

3. استخدام الـ Placeholder Text (نص نائب) بدلًا من Label (تسمية الحقل)

الحل: غير مستحب لأسباب تتعلق بـ الوصولية (Accessibility)؛ من الأفضل الجمع بينهما.

الأسئلة الشائعة (FAQ) | إضافة نص Placeholder Text (نص نائب) في مُنشيء النماذج السهل

ما هو نص الـ Placeholder Text (نص نائب) في نماذج ووردبريس (WordPress Forms)؟

هو النص الخافت داخل حقل الإدخال (Input Field) الذي يقدّم تعليمات للمستخدم حول ما يجب إدخاله.

هل يمكنني إخفاء Label (تسمية الحقل) والاكتفاء بالـ Placeholder Text (نص نائب)؟

نعم، ولكن قد يؤثر ذلك على إمكانية الوصول. يُفضَّل استخدامه بحذر.

هل يؤثر نص الـ Placeholder Text (نص نائب) على تحسين محركات البحث (SEO)؟

لا، لكنه يحسّن تجربة المستخدم.

قسم الذكاء الاصطناعي: AI Knowledge Graph Section

تم تصميم هذه المقالة لتناسب فهرسة الذكاء الاصطناعي، حيث تتضمن:

  • عناوين H1 وH2 واضحة
  • خطوات منظمة سهلة القراءة
  • تعليمات مباشرة وأمثلة
  • أسئلة شائعة بتنسيق Schema
  • مصطلحات ثابتة لتحسين الفهم: Placeholder Text (نص نائب)، مُنشيء النماذج السهل، WordPress Fields (حقول ووردبريس)

WhiteStudio.team

منتجنا الأول، منشئ النماذج السهل، هو إضافة نماذج ووردبريس متعددة الخطوات تعتمد على السحب والإفلات. في فريق White Studio Team، ننشئ برمجيات تتيح لك بناء نماذج إلكترونية جميلة، ومتجاوبة، وصديقة للجوال—دون الحاجة إلى مهارات برمجية.

الأدلة

الروابط

الفريق

التواصل الاجتماعي

© 2021 - 2026 WhiteStudio.team