Wix Website from Scratch - Contact Strip

• أبريل 19, 2024

في هذا البرنامج التعليمي ، سنضيف نموذج اتصال إلى موقع الويب Wix الذي نقوم ببنائه من البداية. البدء من نقطة الصفر هو أفضل طريقة لتعلم الأساسيات.

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

1. من القائمة اليمنى ، انقر أيقونة Plus واختر Strip من القائمة.
   
   
2. ابحث عن قسم "الاتصال" واختر أحد الشرائط.
   
   
3. إذا كان الشريط يحتوي على عناصر لا تريدها ، فحددها وحذفها.
   
   أزلت النص الذي يعرض الموقع ورقم الهاتف للعمل. لقد أزلت أيضًا الرموز الاجتماعية الثلاثة ، حيث وضعناها في أسفل الصفحة.
   
   
4. إذا كنت ترغب في تغيير تصميم نموذج الاتصال ، فحدد النموذج وانقر على أيقونة التصميم (فرشاة الطلاء). اختر تصميم نموذج جهة اتصال جديد من القائمة في نافذة تصميم نموذج جهة الاتصال.
   
   
5. لتخصيص اللون والنص لنموذج جهة الاتصال ، حدد النموذج وانقر فوق أيقونة التصميم. في نافذة "تصميم نموذج جهة الاتصال" ، انقر فوق الزر "تخصيص التصميم".
   
   
6. بالنسبة إلى Fill Color & Opacity ، قم بتعيين اللون الذي تختاره لخلفية الحقل. نظرًا لأن موقع الويب الخاص بنا له خلفية بيضاء ، فسوف نحتفظ باللون الأبيض الافتراضي.
   
   
7. بالنسبة لخلفية Button Button ، دعونا نضبط اللون على ذهبنا المخصص. انقر على مربع اللون واختر لوننا الذهبي من My Color في Color Picker.
   
   
8. الانتقال لأسفل ، يمكننا تعيين نمط الحدود واللون. انقر مربع اللون وقم بتغيير اللون إلى ذهبنا المخصص. اضبط عرض الحدود على 1 بكسل.
   
   
9. التالي لدينا إعداد ركن الشعاع. دعنا نحتفظ الافتراضي 10 بكسل. ولكن إذا كنت ترغب في تغيير الإعداد ، فقم بتغيير مقدار البكسل في الزاوية العلوية اليسرى. كما يظهر رمز القفل ، سيتم تحديث الزوايا الثلاثة الأخرى لتتناسب.
   
   
10. بالنسبة إلى إعدادات الظل ، لنقم بإيقاف تشغيل تمكين تمكين الظل.
    
    
11. أخيرًا ، لدينا إعداد النص. بالنسبة إلى لون تسمية ولون معلومات إدخال المستخدم ، عيّن اللون ليطابق موضوع النص الخاص بنا (# 4141414).
    
    
12. نحن بحاجة إلى تغيير الخط الافتراضي لموضوعنا. انقر على السهم الأيمن في قسم النسق واختر الفقرة 2.
    
    
13. دعونا نفعل الشيء نفسه بالنسبة لنص الزر. في قسم "نص الزر" ، قم بتغيير السمة إلى الفقرة 1. ثم ، عيّن اللون إلى اللون الأبيض في Color Picker.
    
    
14. إذا كنت ترغب في تغيير لون نص الرسالة ، فقم بذلك في قسم "لون الرسالة".
    
    

استمر

لقطات الشاشة المستخدمة بإذن من Wix.com، Inc.

تعليمات الفيديو: Wix.com | Strips (أبريل 2024).