يعد إنشاء موقع ويب باستخدام منشئ التلدة طريقة مريحة وسهلة للعديد من المستخدمين. ومع ذلك ، في بعض الأحيان يصبح من الضروري إضافة نموذج ملاحظات إلى الموقع حتى يتمكن المستخدمون من ترك معلومات الاتصال الخاصة بهم أو إرسال رسائل.
في هذه المقالة ، سنلقي نظرة على إرشادات خطوة بخطوة حول كيفية ربط نموذج بزر التلدة. لنبدأ بإنشاء النموذج نفسه في واجهة التلدة. للقيام بذلك ، حدد الكتلة المطلوبة على الموقع التي ستحتوي على النموذج ، وحدد "نموذج" من قائمة العناصر المتاحة.
بعد إضافة النموذج إلى الكتلة ، سيتم فتح إعدادات معلماته. في هذه النافذة ، يمكنك تحديد اسم النموذج والمظهر والعناصر الإضافية ، مثل حقول إدخال النص وخانات الاختيار للموافقة على معالجة البيانات الشخصية وما إلى ذلك. وبالإضافة إلى ذلك ، هنا يمكنك تعيين إعدادات لإرسال البيانات باستخدام أجاكس أو طلب آخر.
- كيفية ربط نموذج مع زر التلدة: تعليمات خطوة بخطوة
- الخطوة 1: قم بإنشاء نموذج على موقع الويب ومنحه معرفا فريدا
- الخطوة 2: إضافة زر إلى الموقع مع سمة البيانات مشروط ومعرف نموذج فريد
- الخطوة 3: تخصيص أنماط وسلوك النموذج والزر باستخدام كس وجافا سكريبت
- سؤال وجواب
- كيف يمكنني ربط النموذج إلى زر التلدة?
- كيف يمكنني فتح محرر الموقع على التلدة?
- كيف يمكنني العثور على قسم الإعدادات في محرر التلدة?
- كيف يمكنني إدراج رمز النموذج في محرر التلدة?
- كيف يمكنني حفظ التغييرات في محرر التلدة?
- كيف يمكنني نشر موقع على شبكة الانترنت على تيلدا بعد إجراء تغييرات?
كيفية ربط نموذج مع زر التلدة: تعليمات خطوة بخطوة
على منصة تيلدا ، يمكنك إنشاء نماذج لجمع المعلومات من المستخدمين. لربط نموذج إلى زر على موقع تيلدا الخاص بك ، اتبع هذه التعليمات خطوة بخطوة:
إنشاء نموذج التلدة:
- انتقل إلى موقع الويب الخاص بك في وضع التحرير على منصة التلدة.
- انتقل إلى قسم" النماذج " في القائمة على اليمين.
- انقر فوق الزر" إضافة نموذج".
- قم بتخصيص حقول النموذج وإضافة العناصر الضرورية ، مثل مربعات النص أو مربعات الاختيار أو القوائم المنسدلة.
- انقر فوق الزر" حفظ " لحفظ النموذج.
إضافة زر إلى موقعك:
- انتقل إلى قسم" الأزرار " في القائمة على اليمين.
- حدد الزر المطلوب واسحبه إلى الموقع المطلوب على موقعك.
- قم بتخصيص نص الزر ومظهره باستخدام الخيارات الموجودة في اللوحة اليمنى.
ربط الزر إلى النموذج:
- انقر فوق الزر" تخصيص " بجوار الزر المضاف.
- في قسم" الإجراء "، حدد"فتح النموذج".
- حدد النموذج الذي تم إنشاؤه مسبقا من قائمة النماذج المتاحة.
- انقر فوق الزر" حفظ " لحفظ إعدادات الزر.
تحقق من اتصال النموذج بالزر:
- احفظ التغييرات وانشر موقعك بالنقر فوق الزر" نشر".
- قم بزيارة موقع الويب الخاص بك وانقر على الزر المضاف.
- تأكد من أن النموذج يفتح ويعمل بشكل صحيح.
- تحليل المعلومات التي تم جمعها من خلال قسم" النماذج " على منصة تيلدا.
الآن لديك إرشادات خطوة بخطوة حول كيفية ربط نموذج بزر على منصة التلدة. حظا سعيدا في إنشاء النماذج الخاصة بك وجمع البيانات من المستخدمين!
الخطوة 1: إنشاء نموذج على الموقع وإعطائها معرف فريد
لربط نموذج بزر في التلدة ، يجب عليك أولا إنشاء نموذج على موقعك. النموذج هو عنصر هتمل يسمح للزوار بإرسال بياناتهم إليك ، مثل الاسم والبريد الإلكتروني والرسالة وما إلى ذلك.
من أجل إنشاء نموذج ، سوف تحتاج إلى معرفة هتمل و كس. يمكنك إنشاء نموذج باستخدام أي محرر نصوص أو أدوات خاصة لإنشاء صفحات الويب.
تحتاج أيضا إلى تعيين معرف فريد (معرف) للنموذج الخاص بك. سيسمح لك ذلك بتحديد النموذج الخاص بك في رمز موقعك وربطه بزر في التلدة.
نموذج رمز النموذج:
الاسم
البريد الإلكتروني
الرسالة
في هذا المثال ، يحتوي النموذج على معرف فريد "ميفورم" (في سمة "معرف" لعلامة "النموذج"). تحتوي المدخلات على أسماء (سمة "الاسم") ستكون مطلوبة لمعالجة بيانات النموذج بعد إرسالها.
عند إنشاء النموذج ونشره على موقعك ، تذكر معرفه الفريد ، حيث سيكون مطلوبا في الخطوات التالية لربط النموذج بالزر الموجود في التلدة.
الخطوة 2: إضافة زر إلى الموقع مع سمة البيانات مشروط ومعرف نموذج فريد
بعد إنشاء النموذج في صفحة التلدة المقصودة ، فإن الخطوة التالية هي إضافة زر إلى الموقع ، عند النقر عليه ، سيتم فتح النموذج.
للقيام بذلك,
- حدد المكان على الموقع حيث سيتم وضع الزر. يمكن أن يكون أي جزء من الموقع — عنوان أو نص أو صورة أو كتلة منفصلة.
- أضف سمة بيانات مشروطة مع معرف نموذج فريد إلى العنصر الذي سيكون الزر لفتح النموذج.
- حدد معرف نموذج فريد لربطه بالزر.
نموذج التعليمات البرمجية:
افتح النموذج
في هذا المثال ، استخدمنا علامة لإنشاء زر. يجب أن يحتوي كل زر يفتح النموذج على سمة بيانات مشروطة مع معرف نموذج فريد (على سبيل المثال ، نموذج مشروط). نضيف أيضا معرف الزر (على سبيل المثال ، "فتح النموذج").
في المستقبل ، في رمز كس/جس ، سوف نستخدم هذا المعرف الفريد لربط الزر إلى النموذج.
الخطوة 3: تخصيص أنماط وسلوك النموذج والزر باستخدام كس وجافا سكريبت
عندما أنشأنا النموذج والزر في التلدة ، يمكننا تخصيص مظهرها وسلوكها باستخدام كس وجافا سكريبت. فيما يلي بعض الأمثلة على ما يمكن القيام به:
- إضافة أنماط للنموذج والأزرار باستخدام كس.
- قم بتغيير لون الخلفية ولون النص وأحجام العناصر والخصائص الأخرى.
- إضافة الرسوم المتحركة والآثار عند النقر على زر.
- تكوين سلوك النموذج لإرسال البيانات باستخدام جافا سكريبت.
أما بالنسبة كس ، يمكنك استخدام الطبقات والمعرفات لتحديد عناصر النموذج المطلوب أو أزرار وتطبيق أنماط لهم. على سبيل المثال:
شكل {
لون الخلفية: # إف 2 إف 2 إف 2;
الحشو: 20 بكسل;
}
المدخلات ، تكستاريا {
العرض: 100%;
الحشو: 10 بكسل;
}
زر {
لون الخلفية: # ف 0000;
اللون: # ففف;
الحشو: 10 بكسل 20 بكسل;
الحدود: لا شيء;
نصف قطر الحدود: 5 بكسل;
}
زر: تحوم {
لون الخلفية: # سي 0000;
}
وبالتالي ، قمنا بتعيين أنماط للنموذج وحقول الإدخال والزر. سيكون للنموذج خلفية وهوامش رمادية ، وسيكون لحقول الإدخال والزر أحجامهما وألوانهما الخاصة.
أما بالنسبة لجافا سكريبت ، يمكنك استخدام الأحداث والوظائف لتخصيص سلوك الزر والشكل. على سبيل المثال:
وثيقة.جيتليمنتبيد ("ميفورم").أدفنتليستينر ("إرسال" ، وظيفة (الحدث) {
// إلغاء الإجراء القياسي لتقديم النموذج
حدث.منعالافتراضي();
// الحصول على قيم حقول الإدخال
اسم فار = وثيقة.جيتليمنتبيد ("الاسم").القيمة;
فار البريد الإلكتروني = وثيقة.جيتليمنتبيد ("البريد الإلكتروني").القيمة;
// إجراء بعض العمليات مع البيانات المستلمة
وحدة التحكم.السجل ("الاسم:" + الاسم);
وحدة التحكم.سجل ("البريد الإلكتروني:" + البريد الإلكتروني);
// مسح حقول الإدخال
وثيقة.جيتليمنتبيد ("الاسم").القيمة = "";
وثيقة.جيتليمنتبيد ("البريد الإلكتروني").القيمة = "";
});
في هذا المثال ، نضيف معالج حدث" إرسال " إلى النموذج. عندما يرسل المستخدم النموذج ، سيتم استدعاء الوظيفة ، وسنكون قادرين على الحصول على قيم حقول الإدخال ، وإجراء بعض العمليات معهم ومسح حقول الإدخال.
هذه مجرد أمثلة على ما يمكن القيام به باستخدام كس وجافا سكريبت لتخصيص أنماط وسلوك النموذج والزر في التلدة. يمكنك استخدام طرق وخصائص أخرى لتحقيق النتائج المرجوة.
سؤال وجواب
كيف يمكنني ربط النموذج إلى زر التلدة?
لربط النموذج بالزر الموجود على التلدة ، تحتاج إلى اتباع بعض الخطوات البسيطة. أولا ، افتح محرر الموقع. ثم حدد الزر الذي تريد ربط النموذج به وانقر عليه. في النافذة التي تظهر ، حدد قسم" الإعدادات "وقم بتبديل الوضع إلى"تحرير هتمل". في النافذة التي تفتح ، الصق رمز النموذج الذي تريد استخدامه. بعد ذلك ، احفظ التغييرات وانشر الموقع. الآن سيتم ربط النموذج الخاص بك بالزر الموجود على التلدة.
كيف يمكنني فتح محرر الموقع على التلدة?
لفتح محرر موقع الويب على التلدة ، تحتاج إلى تسجيل الدخول إلى حسابك على النظام الأساسي ، وتحديد المشروع المطلوب والنقر فوق الزر "تحرير موقع الويب". بعد ذلك ، سيتم نقلك إلى المحرر ، حيث يمكنك إجراء التغييرات اللازمة على موقعك.
كيف يمكنني العثور على قسم الإعدادات في محرر التلدة?
للعثور على قسم الإعدادات في محرر التلدة ، افتح محرر الموقع وحدد العنصر الذي تريد تطبيق الإعدادات عليه. بعد ذلك ، سيظهر شريط أدوات في الزاوية اليمنى العليا ، حيث توجد علامة تبويب الإعدادات. بالنقر فوقه ، يمكنك تطبيق الإعدادات المطلوبة على العنصر المحدد.
كيف يمكنني إدراج رمز النموذج في محرر التلدة?
لإدراج رمز النموذج في محرر التلدة ، حدد الزر الذي تريد ربط النموذج به وافتح قسم الإعدادات. ثم قم بالتبديل إلى وضع" تحرير هتمل " والصق رمز النموذج في النافذة التي تفتح. بعد ذلك ، احفظ التغييرات وانشر الموقع. الآن سيتم ربط النموذج الخاص بك بالزر المحدد.
كيف يمكنني حفظ التغييرات في محرر التلدة?
لحفظ التغييرات في محرر التلدة ، انقر فوق الزر الذي يحتوي على صورة قرص مرن موجود في الزاوية العلوية اليمنى من المحرر. بعد ذلك ، سيتم حفظ جميع التغييرات التي أجريتها وستتمكن من نشر الموقع بالإعدادات الجديدة.
كيف يمكنني نشر موقع على شبكة الانترنت على تيلدا بعد إجراء تغييرات?
لنشر الموقع على التلدة بعد إجراء التغييرات ، تحتاج إلى النقر فوق الزر "نشر" في الزاوية اليمنى العليا من المحرر. بعد ذلك ، سيكون موقعك مع الإعدادات المحدثة متاحا للعرض على الإنترنت.