تصميم نموذج مراسلتك

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

يتضمن مكوِّن النموذج أنماط تصميم مختلفة للنماذج يمكنك الاختيار من بينها:

1. حدد طريقة عرض القائمة في الزاوية العلوية اليسرى من المحرر. هي الأيقونة التي تظهر بشكل ثلاثة خطوط أفقية فوق بعضها.
2. حدد موقع مكوِّن “النموذج” هنا وانقر عليه:

3. في إعدادات المكوِّن الموجودة في الشريط الجانبي الأيمن، انقر على علامة تبويب الأنماط (الممثلة بشكل أيقونة دائرة باللونين الأبيض والأسود):

4. اختر نمطًا:
   • تعرضالإعدادات الافتراضية أسماء الحقول خارج حقول الإدخال دون رسوم متحركة.
   • تعرض الرسوم المتحركة أسماء الحقول داخل حقول الإدخال والرسوم المتحركة الموجزة مع تسليط الضوء على الحقل الذي ينقر عليه الزائر.
   • يعرضالمُحدد أسماء الحقول داخل حقول الإدخال، والرسوم المتحركة الموجزة، والمخطط التفصيلي لإعدادات مكوِّن النموذج طوال الوقت.
5. انقر على زر”الحفظ” في أعلى الشاشة.

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

لإضافة نص العنصر النائب إلى نموذج المراسلة:

1. انقر على أي حقل في النموذج.
2. افتح إعدادات المكوِّن في الشريط الجانبي.
3. مرر إلى الأسفل إلى إعدادات “نصالعنصر النائب”.
4. اكتب النص النائب في المربع الموجود. بعد ذلك ستظهر في حقل النموذج.
5. انقر على زر “الحفظ” في أعلى الشاشة.

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

1. انقر على أي حقل في النموذج.
2. افتح إعدادات المكوِّن في الشريط الجانبي.
3. مرر للأسفل إلى إعدادات العرض وعين العرض إلى نسبة 25% أو 50% أو 75% أو 100%.
   • إذا كنت تريد أن يظهر حقلان جنبًا إلى جنب، فعين كل حقل إلى 50%. يمكن أن تظهر حقول متعددة في سطر واحد عندما تكون هناك مساحة.
4. انقر على زر “الحفظ” في أعلى الشاشة.

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

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

يمكنك مزامنة التغييرات الآتية في كل الحقول لضمان تجربة مرئية متسقة في جميع أنحاء نموذجك:

• اللون: تُعين ألوان:
  • نص التسمية: النص الذي يظهر أعلى حقل النموذج.
  • نص الحقل: نص العنصر النائب (اختياري)، إضافة إلى نص الإدخال في حقل ما.
  • خلفية الحقل: خلفية قسم الإدخال في حقل النموذج.
  • الحدود: الحدود حول حقل النموذج.
• أنماط حقول الإدخال: قم بتعيين حجم النص وارتفاع السطر وأنماط الحدود للحقل.
• أنماط التسمية: قم بتعيين حجم النص وارتفاع السطر من أجل تسميات الحقول.

لتعديل ألوان نموذجك، اتبع الخطوات التالية:

1. افتح عرض القائمة وحدد مكوِّن النموذج والحقول الفردية داخله:

2. عند تحديد مكوِّن “النموذج” الشامل، افتح إعدادات المكوِّن في الشريط الجانبي ثم انقر على علامة تبويب الأنماط (أيقونة الدائرة البيضاء والسوداء).
3. باستخدام إعدادات اللون، يمكنك التحكم في لون النص في النموذج، ولون الخلفية، ولون الروابط المُستخدمة في النموذج:

4. بعد ذلك، انقر على حقل نموذج الفردي وافتح إعدادات المكوِّنمرة أخرى.
5. هنا، يمكنك التحكم في الألوان التالية لكل حقل من حقول النموذج:
   • نص التسمية: النص الذي يظهر أعلى حقل النموذج.
   • نص الحقل: نص العنصر النائب (اختياري)، إضافة إلى نص الإدخال في حقل ما.
   • خلفية الحقل: خلفية قسم الإدخال في حقل النموذج.
   • الحدود: الحدود حول حقل النموذج.
6. تمكين زر “مزامنة أنماط الحقول“ لتطبيق تغييراتك على جميع الحقول، أو عطِّله للتحكم في كل حقل على حدى.
7. انقر على زر “الحفظ” في أعلى الشاشة.