تعرف علي إضافة Contact form 7 لووردبريس

raheel · 01-04-2019, 03:57 PM

إذا كنت مستخدما للووردبريس وتود إضافة استمارة للمراسلة (Contact Form) لموقعك أو مدونتك فلن تجد أفضل من إضافة Contact form 7 المعروفة والتي تعتبر من بين أكثر إضافات ووردبريس استخداما نظرا لسهولة التعامل معها وفعاليتها الكبيرة.
في هذا الدرس سنشرح كيفية تثبيت هذه الإضافة خطوة بخطوة وإنشاء استمارة اتصال بواسطتها.
تحميل إضافة Contact form 7

كخطوة أولى، سنقوم بتحميل الإضافة وذلك من خلال صفحة إضافات > أضف جديد في لوحة التحكم الخاصة بموقعنا ثم البحث عن Contact form 3 :

قم بالضغط على “زر التنصيب” الآن للبدء في عملية تنصيب الإضافة.
تفعيل الإضافة

عند إنتهاء التنصيب قم بالضغط على زر “تفعيل” الخاصة ب CF7 بعد الذهاب لصفحة الإضافات المنصبة وفق المسار إضافات > إضافات منصبة.

إعدادات الإستمارة

بعد تفعيل الإضافة، يتم إنشاء استمارة مراسلة (Contact form) بشكل افتراضي وتحتوي على عدد من الحقول المطلوبة عادة في معظم المواقع(الإسم، الإيميل، الموقع، الموضوع، الرسالة).

الإستمارات الخاصة بإضافة Contact form 7 تجدونها في صفحة Contact > Contact Forms، علما أنه بعد عملية التفعيل يتم إضافة عنصر جديد Contact في القائمة الجانبية للوحة التحكم.

للبدء في استخدام الإستمارة يجب إجراء بعض التعديلات على هذه الإعدادات.
عند فتح صفحة إعدادات الإضافة تجدونها على الشكل التالي :
التبويب Form

في الصورة أعلاه تظهر شيفرة HTML للإستمارة في التبويب Form ويمكنكم التعديل عليها كما يحلو لكم مع مراعاة عدد من الأمور :

مثلا في الوسم [text* your-name] نفهم أننا نريد إضافة حقل نصوص من نوع … وعلامة النجمة .. تعني أنه حقل إجباري.
you-name هو الخاصية name الخاصة بالحقل والتي يتم استخدامها من طرف PHP في الخادم. إذا قمت بتغيير قيمتها فلا تنسى تغييرها كذلك في إعدادات التبويب Mail.
النصوص Your Message، You Subject، Your Email، Your Name هي التي سوف تظهر للزائر فوق الحقول ويمكنكم تغييرها وترجمتها إلى لغة موقعكم.

التبويب Mail

في هذا التبويب تجدون الإعدادات الخاصة بالرسالة التي سوف تصلكم في بريدكم الإلكتروني، وفيها يتم استخدام الخاصيات Attributes التي سبق وأن رأيناها في المرحلة السابقة (your-name، your-subject، your-email، your-message).

أهم الإعدادات هنا هو تعيين عنوان للبريد الإلكتروني الذي تودون أن تصلكم فيه رسائل مستخدمي استمارة المراسلة على موقعكم.
التبويب Messages

في التبويب Messages سوف تجدون عددا من الرسائل التي سوف تظهر لزوار الموقع في عدد من الحالات، مثلا الرسالة التي ستظهر بعد انتهاء عملية الإرسال … إلخ. قوموا بترجمتها والتعديل عليها كما تحبون.

إظهار استمارة المراسلة للزوار

لإظهار الإستمارة لزوار موقعنا، سنقوم بإنشاء صفحة جديدة في لوحة التحكم (مثلا صفحة اتصل بنا) ثم ننسخ شيفرة الشورت كود Shortcode الخاصة بالإستمارة وتجدونها في صفحة الإعدادات التي رأيناها سابقا ([contact-form-7 404 "Not Found"])، ونقوم بلصقها في محرر الصفحة.

في الأخير قم بحفظ الصفحة ومعاينتها لرؤية نتيجة عملك.

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

المصدر: منتديات رحيل لكل العرب - من قسم: قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress

01-04-2019, 03:57 PM	#1
raheel تاريخ التسجيل: Feb 2019 العمر: 38 المشاركات: 1,149 التقييم: 10	raheel تاريخ التسجيل: Feb 2019 العمر: 38 المشاركات: 1,149 التقييم: 10 تعرف علي إضافة Contact form 7 لووردبريس تعرف علي إضافة Contact form 7 لووردبريس إذا كنت مستخدما للووردبريس وتود إضافة استمارة للمراسلة (Contact Form) لموقعك أو مدونتك فلن تجد أفضل من إضافة Contact form 7 المعروفة والتي تعتبر من بين أكثر إضافات ووردبريس استخداما نظرا لسهولة التعامل معها وفعاليتها الكبيرة. في هذا الدرس سنشرح كيفية تثبيت هذه الإضافة خطوة بخطوة وإنشاء استمارة اتصال بواسطتها. تحميل إضافة Contact form 7 كخطوة أولى، سنقوم بتحميل الإضافة وذلك من خلال صفحة *إضافات* > *أضف جديد* في لوحة التحكم الخاصة بموقعنا ثم البحث عن Contact form 3 : قم بالضغط على “زر التنصيب” الآن للبدء في عملية تنصيب الإضافة. تفعيل الإضافة عند إنتهاء التنصيب قم بالضغط على زر “تفعيل” الخاصة ب CF7 بعد الذهاب لصفحة الإضافات المنصبة وفق المسار إضافات > إضافات منصبة. إعدادات الإستمارة بعد تفعيل الإضافة، يتم إنشاء استمارة مراسلة (Contact form) بشكل افتراضي وتحتوي على عدد من الحقول المطلوبة عادة في معظم المواقع(الإسم، الإيميل، الموقع، الموضوع، الرسالة). الإستمارات الخاصة بإضافة Contact form 7 تجدونها في صفحة Contact > Contact Forms، علما أنه بعد عملية التفعيل يتم إضافة عنصر جديد Contact في القائمة الجانبية للوحة التحكم. للبدء في استخدام الإستمارة يجب إجراء بعض التعديلات على هذه الإعدادات. عند فتح صفحة إعدادات الإضافة تجدونها على الشكل التالي : التبويب Form في الصورة أعلاه تظهر شيفرة HTML للإستمارة في التبويب Form ويمكنكم التعديل عليها كما يحلو لكم مع مراعاة عدد من الأمور : مثلا في الوسم [text your-name]* نفهم أننا نريد إضافة حقل نصوص من نوع … وعلامة النجمة .. تعني أنه حقل إجباري. you-name هو الخاصية name الخاصة بالحقل والتي يتم استخدامها من طرف PHP في الخادم. إذا قمت بتغيير قيمتها فلا تنسى تغييرها كذلك في إعدادات التبويب Mail. النصوص Your Message، You Subject، Your Email، Your Name هي التي سوف تظهر للزائر فوق الحقول ويمكنكم تغييرها وترجمتها إلى لغة موقعكم. التبويب Mail في هذا التبويب تجدون الإعدادات الخاصة بالرسالة التي سوف تصلكم في بريدكم الإلكتروني، وفيها يتم استخدام الخاصيات Attributes التي سبق وأن رأيناها في المرحلة السابقة (your-name، your-subject، your-email، your-message). أهم الإعدادات هنا هو تعيين عنوان للبريد الإلكتروني الذي تودون أن تصلكم فيه رسائل مستخدمي استمارة المراسلة على موقعكم. التبويب Messages في التبويب Messages سوف تجدون عددا من الرسائل التي سوف تظهر لزوار الموقع في عدد من الحالات، مثلا الرسالة التي ستظهر بعد انتهاء عملية الإرسال … إلخ. قوموا بترجمتها والتعديل عليها كما تحبون. إظهار استمارة المراسلة للزوار لإظهار الإستمارة لزوار موقعنا، سنقوم بإنشاء صفحة جديدة في لوحة التحكم (مثلا صفحة اتصل بنا) ثم ننسخ شيفرة الشورت كود Shortcode الخاصة بالإستمارة وتجدونها في صفحة الإعدادات التي رأيناها سابقا ([contact-form-7 404 "Not Found"])، ونقوم بلصقها في محرر الصفحة. في الأخير قم بحفظ الصفحة ومعاينتها لرؤية نتيجة عملك. هذه ببساطة الخطوات التي سوف تتبعها لإضافة استمارة مراسلة لموقعك اذا كنت تستخدم ووردبريس. بعد ذلك يمكنك إضافة بعض الستايل لتخصيص مظهر الإستمارة وملاءمتها مع الهوية البصرية لموقعك. المصدر: منتديات رحيل لكل العرب - من قسم: قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress
	اقتباس

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
تعرف على ملفات الوظائف (functions) في قالب underscores لووردبريس	مهرة النجدية	قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress	1	28-07-2019 12:05 AM
تعرف علي أفضل بدائل إضافة Yoast SEO	raheel	قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress	0	07-04-2019 08:32 PM
تعرف علي إضافة WPS Hide Login لووردبريس	raheel	قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress	0	01-04-2019 03:53 PM
تعرف علي اهم اضافات ووردبريس المجانية	raheel	قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress	0	13-03-2019 02:32 PM
اضافة Contact Form 7 لإنشاء نموذج اتصال في الووردبريس	القيصر	قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress	0	11-03-2019 05:35 AM

اسم العضو		حفظ البيانات؟
كلمة المرور

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)