أخر الاخبار

شرح تركيب واعداد إضافة الاتصال Contact Form 7 بطريقة صحيحة

إضافة contact form 7,contact form 7,شرح contact form 7,كيفية إضافة نموذج اتصال لموقع ووردبريس,شرح الاضافة contact form 7,اضافة contact form 7,contact form 7 شرح,contact form 7 tutorial,contact 7 إضافة,خيارات إضافة contact 7,contact form 7 wordpress شرح,نماذج اتصال contact 7,كيفية إضافة خيار من متعدد في نموذج contact 7,كيفية إنشاء نموذج اتصال في contact 7,إضافة قائمة منسدلة في نموذج contact 7,إضافة نموذج الاتصال,إضافات ووردبريس,أهم إضافات ووردبريس

اهلا بكم متابعي موقع وقناة هل تعلم؟ أخبار في هذا الموضوع سنعرض لكم شرح كامل عن :

شرح تركيب واعداد إضافة الاتصال Contact Form 7 بطريقة صحيحة

من المهم جدا في عام 2021 للبقاء على اتصال مع القراء. قم بإنشاء قائمة بريد إلكتروني باستخدام خدمة مثل MailChimp لتوصيل المحتوى مباشرة لعملائك.

يعد CONTACT FORM 7 مكونًا إضافيًا رائعًا لقائمة البريد الإلكتروني لبرنامج WordPress. ومع ذلك ،إذا كانت لديك القدرة على جعل الأشخاص يتصلون بك مباشرةً ،فهذا هو الوقت المناسب لاستخدامه. اقرأ حول كيفية تكوين نموذج الاتصال 7 في هذه المقالة.

إضافة contact form 7,contact form 7,شرح contact form 7,كيفية إضافة نموذج اتصال لموقع ووردبريس,شرح الاضافة contact form 7,اضافة contact form 7,contact form 7 شرح,contact form 7 tutorial,contact 7 إضافة,خيارات إضافة contact 7,contact form 7 wordpress شرح,نماذج اتصال contact 7,كيفية إضافة خيار من متعدد في نموذج contact 7,كيفية إنشاء نموذج اتصال في contact 7,إضافة قائمة منسدلة في نموذج contact 7,إضافة نموذج الاتصال,إضافات ووردبريس,أهم إضافات ووردبريس

كان نموذج الاتصال 7 منذ عام 2009، وقد حصل على أكثر من 5 ملايين تنزيل في العقد الماضي. يمكن تثبيت نموذج الاتصال 7 مباشرة من مستودع البرنامج المساعد WordPress. إذا كنت تبحث عن "نموذج الاتصال 7"، فستتمكن من العثور على البرنامج المساعد بمجموعة متنوعة من الإضافات.

إضافة Contact Form 7, شرح تركيب واعداد إضافة الاتصال  Contact Form 7 بطريقة صحيحة
مستودع إضافات ووردبريس

بمجرد إكمال التثبيت ،سيظهر عنصر يسمى "جهة اتصال" في الشريط الجانبي من لوحة تحكم WordPress. هذا هو المكان الذي يمكن تكوين جميع إعدادات العينة فيه.


إضافة Contact Form 7, شرح تركيب واعداد إضافة الاتصال  Contact Form 7 بطريقة صحيحة

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


إيجابيات الحصول على نموذج الاتصال

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


سلبيات وجود نموذج الاتصال

  1. إذا كان مربع التعليق أو نموذج الاتصال لا يعمل بشكل جيد ،فقد تكون هناك مشكلة. لحسن الحظ ،يمكنك استخدام نموذج الاتصال 7 لتصفية ذاكرة الوصول العشوائي. يمكنك أيضًا تكوين قاعدة الصفحة في CloudFlare لحماية نفسك أكثر.
    سنناقش ما يجب فعله مع هذه الحماية من البريد العشوائي في مقالة نموذج الاتصال 7.
  2. بعد إضافة نموذج جهة اتصال إلى موقعك، من المحتمل أن تضطر إلى تخصيص الوقت للإجابة على الرسائل. هذا ليس بالضرورة شيئا سيئا اعتمادا على كيفية النظر في ذلك. يخشى بعض الناس عملية الاستجابة لرائمين، بينما يستمتع الآخرون عن الإخلاص. من تجربتنا، فإن العلاقات التي تظهر من وجود نموذج اتصال على موقعك عادة ما تنطوي على صدق وغيرها من العواطف. عادة نتجاوز تكلفة الاعتدال ،لذلك ننصح بزيادة!

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

إضافة Contact Form 7, شرح تركيب واعداد إضافة الاتصال  Contact Form 7 بطريقة صحيحة

عند تثبيت نموذج الاتصال 7 لأول مرة، يقوم بإنشاء نموذج. قبل أن نصل إلى كيفية إنشاء النموذج المخصص الخاص بك، دعنا نلقي نظرة على قالب النموذج للحصول على فكرة أفضل عن كيفية عمل نموذج الاتصال 7. انقر فوق نموذج الاتصال 1 لعرض كيفية عمل الإعدادات.

إضافة Contact Form 7, شرح تركيب واعداد إضافة الاتصال  Contact Form 7 بطريقة صحيحة

تنقسم صفحة "اتصل بنا" إلى أربعة أجزاء.

  1. Form –النموذج – قم بتخصيص قالب نموذج HTML الخاص بك مع مجموعة متنوعة من خيارات الحقول مثل "النص"، "البريد الإلكتروني"، "اختر صناديق"، إلخ. يمكنك أيضا كتابة مربع HTML مخصص في مربع تخصيص النموذج.
  2. Mail –البريد –تخصيص قالب البريد الإلكتروني والإعدادات المستخدمة في رسائل البريد الإلكتروني الإخطار.
  3. Messages –الرسائل –يمكن ضبط الرسائل المخصصة للعرض بعد إجراءات معينة. على سبيل المثال ،يمكنك تعيين رسالة فريدة ليتم عرضها بعد قيام شخص ما بإدخال نموذج جهة اتصال.
  4. هناك إعدادات إضافية يمكنك استخدامها. هناك إعدادات إضافية يمكنك استخدامها.حدد مقتطفات لتمكين ميزات إضافية مثل وضع المشتركين فقط، ووضع التجربة، وتخطي البريد.

دعونا نلقي نظرة على الأقسام وإنشاء نموذج اتصال مخصص!

عند إنشاء نموذج جهة اتصال جديد، انقر فوق "إضافة جديدة" بجانب قسم "نماذج الاتصال".

إضافة Contact Form 7, شرح تركيب واعداد إضافة الاتصال  Contact Form 7 بطريقة صحيحة

أدخل اسمًا جديدًا لنموذج الاتصال ،وانقر فوق "حفظ".

إضافة Contact Form 7, شرح تركيب واعداد إضافة الاتصال  Contact Form 7 بطريقة صحيحة

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

  • Text –خط واحد من النص. الحقول النصية مفيدة للأسماء الأولى والأسماء الأخيرة ومقشرات خط واحد آخر.
  • Email –اختر اسمًا لعنوان البريد الإلكتروني.
  • URL – رابط – إنشاء وسم لرابط.
  • Tel – الهاتف – إنشاء وسم لرقم هاتف.
  • Number –ضع # قبل الرقم. تسمح حقول "الرقم" بأرقام رقمية فقط.
  • Date – التاريخ – قم بإنشاء وسم للتاريخ.
  • Text Area –منطقة النص هي حقل إدخال خاص حيث يمكنك إدخال عدة أسطر من النص.
  • Drop-down Menu –القائمة المنسدلة - اختر اسمًا للقائمة المنسدلة.
  • Checkboxes –خانات الاختيار - قم بعمل علامة اختيار بجوار تلك التي تحتاج إليها.
  • Radio Buttons –وتسمى أزرار الراديو العلامات في هذه الفئة.
  • Acceptance –يجب عليك تحديد مربع "قبول".
  • Quiz –اكتب الأسئلة والأجوبة على العلامات. اختبار لمعرفة ما إذا كانت الأسئلة صاغ بشكل صحيح.
  • File – ملف – إنشاء وسم لحقل تحميل ملف.
  • Submit – إرسال – قم بإنشاء وسم لزر إرسال.

نحن بحاجة إلى تخصيص نموذج الاتصال. سنقوم بإنشاء واحدة تستخدم كل العلامات المحددة في نموذج الاتصال 7.

وسم نص – “Text Tag”

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

إضافة Contact Form 7, شرح تركيب واعداد إضافة الاتصال  Contact Form 7 بطريقة صحيحة

بالنسبة للنموذج "النص"، نختار الإعداد لإنشاء حقل إدخال لاسم.

  • Field Type – نوع الحقل – حقل مطلوب
  • Name –الاسم - نص - 711 (تم إنشاؤه تلقائيًا)
  • Default Valueاسمك هو القيمة الافتراضية لهذه الميزة.
  • Akismet – لم يتم التحقق منه
  • ID Attribute (CSS) – سمة المعرف (CSS) – cf7-your-name
  • Class Attribute (CSS) – سمة الفئة (CSS) – cf7-your-name

هذه الإعدادات تولد الرمز القصير أدناه.

[text* text-711 id:cf7-your-name class:cf7-your-name placeholder "Your Name"]

وسم البريد الالكتروني – “Email

بعد ذلك، سنقوم بإنشاء عنصر بريد إلكتروني سيجمع عناوين البريد الإلكتروني.

إضافة Contact Form 7, شرح تركيب واعداد إضافة الاتصال  Contact Form 7 بطريقة صحيحة

بالنسبة لنموذج البريد الإلكتروني ،قمنا بتكوين الإعدادات أدناه.

  • Field Type – نوع الحقل – حقل مطلوب
  • Name –الاسم - البريد الإلكتروني 632
  • Default Value سوف تتلقى بريدًا إلكترونيًا منا.
  • Akismet – لم يتم التحقق منه.
  • ID Attribute (CSS) –عنوان بريدك الإلكتروني هو الافتراضي للبريد الإلكتروني الخاص بك. يمكنك تعيين عنوان بريد إلكتروني مختلف للبريد الإلكتروني الخاص بك عن طريق كتابةه في حقل البريد الإلكتروني في صفحة الإعدادات الخاصة بك.
  • Class Attribute (CSS) – سمة الفئة (CSS) – بريدك الإلكتروني

هذه الإعدادات تولد الرمز القصير أدناه.

أدخل بريدك الإلكتروني أدناه.	

وسم الروابط “URL”


إذا كنت ترغب في جمع عنوان URL لشخص ما، فيمكنك استخدام حقل "URL" في نموذج نموذج الاتصال 7. ومع ذلك، نوصي باستخدام عنصر الارتباط "URL" بدلا من ذلك. سيتم إنشاء النموذج مع هذا URL.
حقل URL الذي يتحقق من صحة عناوين URL للتأكد من تنسيقها بشكل صحيح.

إضافة Contact Form 7, شرح تركيب واعداد إضافة الاتصال  Contact Form 7 بطريقة صحيحة

لعنصر النموذج، "URL" لقد قمت بتكوين الإعدادات أدناه.

  • Name –ابتكر اسمًا لصفحة الويب الخاصة بك. يمكنك استخدام الاسم الذي يعجبك أو يمكنك اختيار اسم من اختيارك.
  • Default Value- القيمة الافتراضية - موقع الويب الخاص بك.
  • Akismet – لم يتم التحقق منه.
  • ID Attribute (CSS) –موقع الويب الخاص بك يحتوي على العديد من الميزات.
  • Class Attribute (CSS) – سمة الفئة (CSS) – cf7-your-website

هذه الإعدادات تولد الرمز القصير أدناه.

[url url-601 id:cf7-your-website class:cf7-your-website "Your Website"]

وسم أرقام الهواتف “Tel”

يمكنك أيضًا استخدام نموذج نصي قياسي لجمع أرقام الهواتف. من الأفضل استخدام عنصر "TEL" لتأكيد رقم الهاتف.

إضافة Contact Form 7, شرح تركيب واعداد إضافة الاتصال  Contact Form 7 بطريقة صحيحة

تم تكوين نموذج "TEL" للإعدادات التالية.

  • الاسم –هاتف 842 (تم إنشاؤه تلقائيًا)
  • القيمة الافتراضية – رقم هاتفك
  • سمة المعرف (CSS) – cf7-your-phone-number
  • سمة الفئة (CSS) – cf7-your-phone-number

هذه الإعدادات تولد الرمز القصير أدناه.

[url url-601 id:cf7-your-website class:cf7-your-website "Your Website"]

وسم التاريخ “Date

يتيح لك تنسيق "التاريخ" تحديد منتقي تاريخ التقويم. يكون حقل إدخال "التاريخ" مفيدا لتحديد التواريخ في نموذج الاتصال.

إضافة Contact Form 7, شرح تركيب واعداد إضافة الاتصال  Contact Form 7 بطريقة صحيحة

في علامة "التاريخ"؛ لقد حددنا الإعدادات أدناه.

  • الاسم – التاريخ – 389 (تم إنشاؤه تلقائيًا)
  • القيمة الافتراضية – تاريخ موعدك
  • النطاق – نطاقنا الزمني المخصص.
  • سمة المعرف (CSS) – cf7-موعد-تاريخ
  • سمة الفئة (CSS) – cf7-موعد-تاريخ

هذه الإعدادات تولد الرمز القصير أدناه.

[date* date-389 min:2020-09-15 max:2020-10-24 id:cf7-appointment-date class:cf7-appointment-date placeholder "Your Appointment Date"]

وسم مربع نصي “Textarea”

تعيين "TextArea"؛ قدم مربع نص متعدد الخطوط يسمح لزوارك بإدخال رسالة طويلة. مناطق النص مفيدة للغاية لالتقاط نص الرسالة.

إضافة Contact Form 7, شرح تركيب واعداد إضافة الاتصال  Contact Form 7 بطريقة صحيحة

في علامة مربع النص ،قمت بتكوين الإعدادات أدناه.

  • الاسم – textarea-795 (تم إنشاؤه تلقائيًا)
  • القيمة الافتراضية – رسالتك
  • سمة المعرف (CSS) – cf7-your-message
  • سمة الفئة (CSS) – cf7-your-message

هذه الإعدادات تولد الرمز القصير أدناه.

[textarea* textarea-795 id:cf7-your-message class:cf7-your-message placeholder "Your Message"]

وسم القائمة المنسدلة “Drop-down Menu”

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

إضافة Contact Form 7, شرح تركيب واعداد إضافة الاتصال  Contact Form 7 بطريقة صحيحة

بالنسبة إلى علامة "القائمة المنسدلة": لقد قمنا بتكوين الإعدادات أدناه. ## سألني طالب الصف الثاني عن معنى هذا المقطع: حدد الصورة وقم بتنزيلها. الصورة تسمى "فتيات صغيرات بشعر أخضر" ويتم تنزيلها هنا. http://bit.ly/2q3w7Ek أعدت صياغته له ،بلغة بسيطة يمكن أن يفهمها طالب الصف الثاني: اختر

  • الاسم – Menu-24 (تم إنشاؤه تلقائيًا)
  • الخيارات –هناك أربعة خيارات لكيفية decoupage. ما هو خيارك؟
  • السماح بالتحديدات المتعددة – تم الفحص
  • أدخل عنصرًا فارغًا كخيار أول – تم التحديد
  • سمة المعرف – القائمة المنسدلة cf7
  • سمة الفئة – قائمة cf7 المنسدلة

هذه الإعدادات تولد الرمز القصير أدناه.

[checkbox* checkbox-948 id:cf7-checkbox class:cf7-checkbox use_label_element "Option 1" "Option 2" "Option 3"]

وسم مربع الاختيار “Checkboxes”


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

إضافة Contact Form 7, شرح تركيب واعداد إضافة الاتصال  Contact Form 7 بطريقة صحيحة

لعمل علامة الاختيار في علامة "مربع الاختيار": لقد قمنا بتكوين الإعدادات المدرجة أدناه.

  • الاسم – checkbox-948 (تم إنشاؤه تلقائيًا)
  • خيارات – الخيار 1 ، الخيار 2 ، الخيار 3
  • لف كل عنصر بعنصر ملصق – تم فحصه
  • سمة المعرف – خانة الاختيار cf7
  • سمة الفئة – cf7-checkbox

هذه الإعدادات تولد الرمز القصير أدناه.

[checkbox* checkbox-948 id:cf7-checkbox class:cf7-checkbox use_label_element "Option 1" "Option 2" "Option 3"]

وسم “أزرار الراديو”

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

إضافة Contact Form 7, شرح تركيب واعداد إضافة الاتصال  Contact Form 7 بطريقة صحيحة

يتم تكوين "أزرار الاختيار" على النحو التالي.

  • الاسم – راديو -708 (تم إنشاؤه تلقائيًا)
  • خيارات – الخيار 1 ، الخيار 2 ، الخيار 3
  • لف كل عنصر بعنصر ملصق – تم فحصه
  • سمة المعرف – cf7-radio
  • سمة الفئة – راديو cf7

هذه الإعدادات تولد الرمز القصير أدناه.

[radio radio-708 id:cf7-radio class:cf7-radio use_label_element default:1 "Option 1" "Option 2" "Option 3"]

وسم “القبول” 

يمكن استخدام مربع اختيار للإشارة إلى قبولك للشروط والأحكام. نموذج الاتصال 7 لإنشاء مربع اختيار واحد لغرض قبول الشروط والأحكام.

اقبل إعدادات العلامات. حدد الرسالة المراد عرضها.

إضافة Contact Form 7, شرح تركيب واعداد إضافة الاتصال  Contact Form 7 بطريقة صحيحة

للحصول على "قبول"، حددنا الشروط التالية:

  • الاسم – القبول – 545 (تم إنشاؤه تلقائيًا)
  • الشرط – حدد هذا المربع لقبول الشروط.
  • سمة المعرف – قبول cf7
  • سمة الفئة – قبول cf7

هذه الإعدادات تولد الرمز القصير أدناه.

[acceptance acceptance-545 id:cf7-acceptance class:cf7-acceptance] Check this box to accept the terms. [/acceptance]

وسم “الاختبار”


يمكن استخدام نموذج الاختبار لإنشاء أسئلة أساسية واختبارات الإجابة في نموذج الاتصال الخاص بك. لإنشاء سؤال اختبار ،استخدم التنسيق التالي للفصل بين السؤال والجواب - إجابة السؤال. في لقطة الشاشة أدناه ،سؤالنا هو "في أي عام تم إصدار WordPress؟" والإجابة (مفصولة بفواصل).
حدث هذا المقطع في عام 2003.

إضافة Contact Form 7, شرح تركيب واعداد إضافة الاتصال  Contact Form 7 بطريقة صحيحة

للحصول على نموذج "اختبار"، قمنا بإعداد الإعدادات أدناه.

الاسم – quiz-461 (تم إنشاؤه تلقائيًا)

الشرط – حدد هذا المربع لقبول الشروط.

سمة المعرف – cf7-quiz

سمة الفئة – cf7-quiz

هذه الإعدادات تولد الرمز القصير أدناه.

[quiz quiz-461 id:cf7-quiz class:cf7-quiz "What year was WordPress released?|2003"]

وسم “ملف”


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


في إعدادات الأمان ،يمكنك تحديد مجموعة متنوعة من الإعدادات لتأمين النموذج الخاص بك. نوصي دائمًا بتعيين حد أقصى لحجم الملف لمنع المستخدمين الضارين من تحميل ملفات ضخمة. وبالمثل ،يساعدك تحديد "أنواع الملفات المقبولة". يقوم بتأمين النموذج الخاص بك إلى تنسيقات الملفات التي تريدها وتتوقعها.
قد ترغب في تجربة مدونة للتصوير الفوتوغرافي في الاعتبار ،لذلك تحتاج إلى قصر حجم كل صورة على 1 ميجا بايت (1024 كيلو بايت) والسماح فقط بملفات .jpg أو .png.

إضافة Contact Form 7, شرح تركيب واعداد إضافة الاتصال  Contact Form 7 بطريقة صحيحة

بالنسبة لعلامة "ملف" ،قمنا بتكوين الإعدادات أدناه.

  • الاسم – file-658 (تم إنشاؤه تلقائيًا)
  • حد حجم الملف – 1024 كيلو بايت
  • أنواع الملفات المقبولة – jpg | png | gif
  • سمة المعرف – ملف cf7
  • سمة الفئة – ملف cf7

هذه الإعدادات تولد الرمز القصير أدناه

[file file-658 limit:1024kb filetypes:jpg|png|gif id:cf7-file class:cf7-file]

وسم “إرسال”

أخيرًا ،يوجد زر "إرسال". كما قد تكون خمنت ،يتيح لك هذا الزر إنشاء زر إرسال لنموذج اتصال.

إضافة Contact Form 7, شرح تركيب واعداد إضافة الاتصال  Contact Form 7 بطريقة صحيحة

سوف تستخدم هذه العلامة لإرسال رسالتك.

  • التسمية – إرسال
  • سمة المعرف – cf7-submit
  • سمة الفئة – cf7-submit

هذه الإعدادات تولد الرمز القصير أدناه.

[submit id:cf7-submit class:cf7-submit "Submit"]

كيفية هيكلة نموذج الاتصال باستخدام علامات النموذج

الآن تم إعداد نماذجنا، فقد حان الوقت لإنشاء نموذج الاتصال. في هذه المرحلة، يجب أن تبدو إعدادات نموذج الاتصال الخاصة بك مثل لقطة شاشة أدناه. لاحظ جميع أشكال النموذج التي أنشأناها أعلاه. مع وجود علامات النموذج في مكان [جهة الاتصال - 7 404 غير موجود]، صحيح، يمكنك
لتضمين النموذج في منشور أو صفحة WordPress ،استخدم رمز الاختصار.

إضافة Contact Form 7, شرح تركيب واعداد إضافة الاتصال  Contact Form 7 بطريقة صحيحة

في محرر WordPress، ضع الرمز القصير في كتلة فارغة.

إضافة Contact Form 7, شرح تركيب واعداد إضافة الاتصال  Contact Form 7 بطريقة صحيحة

إذا كنت تستخدم محرر WordPress Classic Editor، فيمكنك لصق الأيقونة القصيرة في أي مكان في محرر المحتوى.

إضافة Contact Form 7, شرح تركيب واعداد إضافة الاتصال  Contact Form 7 بطريقة صحيحة


يجب أن تكون قادرًا الآن على رؤية زر "اتصل بنا" على الصفحة حيث أضفت الرمز المختصر 7 لنموذج الاتصال. إليك ما يبدو عليه نموذج الاتصال الخاص بنا مع الإعدادات المذكورة أعلاه. كما ترى ،يحول Contact Form 7 تلقائيًا علامات النموذج إلى HTML صالح معروض باستخدام الأنماط الافتراضية المضمنة في القالب.
موقع وورد الخاص بك.

إضافة Contact Form 7, شرح تركيب واعداد إضافة الاتصال  Contact Form 7 بطريقة صحيحة


نموذج الاتصال الحالي لدينا هو نقطة انطلاق جيدة، لكنها تفتقر إلى ميزة. يتم دعم علامات النموذج كملفات نصية وعناوين بريد إلكتروني وعناوين URL، ولكن عناصر أخرى مثل خانات الاختيار والتحقق من الأزرار لا تفعل ذلك.
تسمية النموذج الخاص بك. بدون علامات، لن تكون مربعات الاختيار وأزرار الراديو مفيدة للغاية لزوارك. لحسن الحظ، من السهل إضافة ملصقات في شكل اتصال 7!

كيفية إضافة تسميات لوسوم نماذج الاتصال

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

  • نص
  • بريد الالكتروني
  • URL
  • هاتف
  • عدد
  • تاريخ
  • منطقة النص
  • قبول
  • اختبار
  • ملف

ألق نظرة على وسم “text” أدناه.

[text* text-711 id:cf7-your-name class:cf7-your-name placeholder "Your Name"]

لإضافة تسمية إلى هذا الوسم ، يمكننا استبدال الكود بالمقتطف أدناه. لاحظ المثال الإضافي لـ “Your Name” مباشرة بعد إضافة وسم <label>.

<label> Your Name
[text* text-711 id:cf7-your-name class:cf7-your-name placeholder "Your Name"]
</label>

هذا ما يبدو عليه هذا التغيير في نموذج الاتصال الخاص بنا. في هذه الحالة ، تخدم التسمية التي تم إنشاؤها حديثًا نفس الغرض مثل العنصر النائب. ومع ذلك ، إذا لم نرغب في تحديد عنصر نائب داخل الوسوم ، فإن التسمية ستساعد في تحديد الغرض من مربع إدخال محدد.


=====================
 مهم لك عزيزي الزائر  للحصول على جميع الاخبار تابعنا على: 

قنوات ومواقع التواصل الاجتماعي الرسمية لموقع هل تعلم؟ أخبار

تابعنا باي مكان تريد حيث المصداقية والحقيقة في النشر اولا باول وهذه هي المواقع الرسمية اختر ما تريد .

.
.
القناة الرسمية على اليوتيوب أضغط هنا 
.
الموقع الرسمي على الانترنت أضغط هنا 
.
الصفحة الرسمية على موقع الانستكرام أضغط هنا 
.
القناة على التلكرام أضغط هنا 
.
صفحة الفيس بوك الرسمية أضغط هنا 
.
تطبيقنا على السوق بلي أضغط هنا 
.
كروب موقع هل تعلم؟ أخبار على التليكرام الرسمي التعليمي أضغط هنا 
.
.
 --------------------------------
.
.
موقع هل تعلم؟ أخبار
.
.
التعريف بالموقع : هذا الموقع تابع لقناة هل تعلم؟أخبار بشكل رسمي وكل ما ينشر في الموقع يخضع للمراقبة وموقع هل تعلم؟ أخبار غير مسؤول عن التعليقات على المواضيع كل شخص مسؤول عن نفسه عند كتابة التعليق بحيث لا يتحمل موقع هل تعلم؟ أخبار اي مسؤولية قانونية حيال ذلك
.
==========
.
ملاحظات مهمة : يوفر موقع هل تعلم؟ أخبار قناة رسمية على موقع اليوتيوب باسم ( هل تعلم؟أخبار ) حيث تعتبر القناة الاولى المختصة بنشر الاخبار السياسية والاقتصادية والتربوية واخبار العراق اول باول كذلك يحتوي موقع هل تعلم؟ أخبار على الملازم الدراسية لكافة المراحل 
.
============



وضع القراءة :
حجم الخط
+
16
-
تباعد السطور
+
2
-