كيفية إنشاء نموذج ACF أمامي [لا يوجد رمز!]

هل تتطلع إلى استخدام نماذج مخصصة متقدمة على موقع WordPress الخاص بك ولكن لا تعرف كيفية الترميز؟ سيساعدك هذا الدليل في إنشاء نموذج واجهة ACF الأمامية في أي وقت من الأوقات!

الوقت التقريبي للقراءة: 6 دقائق

الحقول المخصصة المتقدمة (ACF) هي أداة قوية.

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

لكن هناك مشكلة واحدة. يجب أن تعرف كيفية البرمجة للحصول على نماذج ACF الخاصة بك في الواجهة الأمامية لموقع الويب الخاص بك.

او هل انت؟

سيوضح لك هذا المنشور كيفية إنشاء نموذج واجهة ACF في WordPress بدون أي رمز دون عناء! ويتم كل ذلك باستخدام Formidable Forms ، منشئ نماذج ACF المثالي.

دعنا ندخله.

ما الخطأ في استخدام نموذج الواجهة الأمامية للحقول المخصصة المتقدمة؟

في الواقع ، لا حرج في استخدام ACF لإنشاء نموذج الواجهة الأمامية للحقول المخصصة المتقدمة!

ACF هي أداة قوية. إذا كنت تعرف كيفية البرمجة بلغة PHP ، يمكنك إنشاء نماذج فريدة بسرعة.

ولكن ، إذا كنت لا تعرف كيفية البرمجة ، فأنت تخدش رأسك في اللغة الأجنبية التي أمامك.

ما عليك سوى التحقق من نموذج رمز نموذج ACF أدناه:

بحيث يكون لديك خيارين:

1. تعلم كيفية البرمجة وإنشاء نماذج الواجهة الأمامية باستخدام ACF
2. دع Formidable Forms تقوم بكل العمل الشاق نيابة عنك

بينما لدينا فريق من المطورين الممتازين هنا في Formidable ، فإننا نتخيل أنك لا تفعل ذلك.

لذلك ، سنركز على الخيار رقم 2 اليوم لبرنامجنا التعليمي لشكل الواجهة الأمامية للحقول المخصصة المتقدمة.

كيفية عرض شكل الواجهة الأمامية لـ ACF مع Formidable

للبدء ، ستحتاج إلى بعض الأشياء:

1. خطة عمل النماذج الهائلة
2. مكون إضافي لـ ACF (مجاني أو محترف)

احصل على نماذج هائلة الآن!

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

إذا كنت تريد مزيدًا من المعلومات ، فتأكد من مراجعة مستندات قاعدة المعارف الخاصة بـ ACF!

لذلك ، بمجرد تثبيت Formidable Forms وتنشيطها ، انتقل إلى Formidable → Add-ons وانقر فوق الزر Install للمكون الإضافي ACF Form WordPress .

بعد ذلك ، ما عليك سوى بضع خطوات سهلة:

هيا بنا نبدأ.

الخطوة 1: إنشاء حقول نموذج ACF

على سبيل المثال لدينا ، لدينا مدونة لمراقبة الطيور تسمى Here Birdie Birdie .

نريد طريقة تتيح للمستخدمين إرسال مشاركاتهم لمراقبة الطيور والتي سيتم عرضها تلقائيًا كنوع منشور مخصص على المدونة.

لذلك ، نريد إنشاء بعض الحقول للمستخدمين لإدخال المعلومات:

1. اسم
2. تاريخ
3. زمن
4. قائمة الطيور المنشار
5. تعليقات اضافية

لذا ، فإن أول شيء نريد القيام به هو التوجه إلى ACF لتخصيص الحقول. لحسن الحظ ، يدعم Formidable تعيين 19 نوعًا مختلفًا من حقول ACF. لذلك ، لديك الكثير من الخيارات.

للقيام بذلك ، انتقل إلى الحقول المخصصة ← مجموعات الحقول وانقر على إضافة جديد .

بعد ذلك ، يمكنك إضافة الحقول الخاصة بك عن طريق النقر فوق الزر "إضافة حقل" .

لذلك ، سننشئ الحقول المذكورة أعلاه ونخصصها لتناسب احتياجاتنا.

سنستخدم حقل مكرر ACF لنجعل من السهل على الزائرين إظهار جميع الطيور التي رأوها. يسمح حقل المكرر للمستخدمين بإضافة أو إزالة العديد من الإدخالات كما يريدون.

سنستخدم حقل القائمة المنسدلة ( اختر في ACF) في هذه الحقول حتى يتمكن الزائر من الاختيار من قائمة الطيور. سنقوم أيضًا بإضافة حقل رقمي لإدخال المدة التي رأوا فيها كل طائر.

لا تتردد في تخصيص هذا لاحتياجاتك الخاصة. ولكن للحصول على المزيد من الميزات المتقدمة (مثل أجهزة إعادة الإرسال ، يجب عليك شراء ACF Pro).

بمجرد الانتهاء ، انقر فوق حفظ التغييرات .

الخطوة 2: قم بإنشاء نموذج الواجهة الأمامية لـ ACF الخاص بك في Formidable

الآن ، سننشئ النموذج الذي سيظهر في الواجهة الأمامية لموقع الويب الخاص بك.

لذلك ، انتقل إلى Formidable → Forms في لوحة إدارة WordPress الخاصة بك.

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

لا تتردد في تحديد الخيار الأفضل لموقفك. سنبدأ بنموذج فارغ لتخصيصه حسب رغبتنا.

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

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

نظرًا لأننا أنشأنا بالفعل حقول النموذج الخاصة بنا في ACF ، علينا فقط إضافة حقول مطابقة لتسهيل توصيلها.

أضفنا حقلاً في الجزء العلوي حتى يتمكن المستخدمون من تسمية منشورات المدونة الخاصة بهم لجعلها فريدة!

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

لا شيء يذكرك بالتسعينيات أكثر من فقدان كل شيء قمت بإنشائه لأنك لم تحفظه.

الخطوة 3: تعيين الحقول الخاصة بك

الآن بعد أن أنشأنا النموذج الخاص بنا ، نحتاج إلى تمكين تعيين حقل ACF.

لذلك ، انقر فوق علامة التبويب "الإعدادات" في الجزء العلوي من الصفحة ، وانتقل إلى "الإجراءات والإشعارات" .

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

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

اختر مجموعة حقول ACF من القائمة المنسدلة ، وابدأ في تعيين الحقول المخصصة مع حقول Formidable عن طريق النقر فوق Add .

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

بمجرد تعيين الحقول الخاصة بك ، انقر فوق تحديث لحفظ التغييرات.

وهذا كل شيء! يمكن للمستخدمين الآن إرسال إدخالاتهم إلى نموذج الواجهة الأمامية لـ WordPress ACF الخاص بك ، وسوف يقوم حقلا ACF و Formidable بتعيين المعلومات وإرسالها.

من هنا ، يمكنك عرض المعلومات على الواجهة الأمامية باستخدام طريقة عرض أو استخدام سمة تدعم ACF ، ثم تحرير المنشور وعنوان المنشور والمحتوى والمزيد!

ما الذي يمكن أن يفعله هذا المكون الإضافي لنموذج الواجهة الأمامية لـ ACF؟

قد يبدو الهائل وكأنه منشئ نماذج بسيط لـ ACF ، لكنه أكثر من ذلك بكثير.

مع العشرات من وظائف نموذج ACF وملفات القوالب والتوافق مع جميع السمات العليا (بما في ذلك Elementor) ، فإن Formidable يفعل كل شيء.

ولديها الكثير من الميزات والخيارات الإضافية لتعزيز النموذج الخاص بك:

• النماذج متعددة الخطوات والاختبارات ونماذج المحادثة
• خيارات متعددة للحماية من البريد العشوائي
• المدمج في الشكل البصري ستايلر
• 100+ قوالب النموذج
• وجهات نظر هائلة

هذه ليست سوى عدد قليل من الميزات التي تحصل عليها. وهم رائعون إذا قلنا ذلك لأنفسنا.

لذا ، مع سهولة وضع نموذج ACF على الواجهة الأمامية ووفرة الميزات التي تحصل عليها ، ما الذي تنتظره؟

Formidable جاهز لرفع مستوى موقع الويب الخاص بك إلى مستوى أعلى اليوم .

هل أنت مستعد لعمل نموذج ACF الأمامي الخاص بك؟

إذا كنت تتساءل ، "كيف أضيف حقل ACF إلى الواجهة الأمامية؟" لقد حصلت الآن على إجابتك.

مع حل Formidable البسيط بدون كود ، يمكنك البدء والتشغيل في دقائق. وأظهر لك هذا المنشور بالضبط كيفية القيام بذلك.

سواء كنت تستخدم WordPress ACF pro أو الإصدار المجاني ، فإن Formidable هو البرنامج المساعد الشريك المثالي.

لذلك ، إذا كنت مستعدًا للبدء ، احصل على Formidable Forms الآن واحصل عليها على موقع الويب الخاص بك.

احصل على نماذج الواجهة الأمامية لـ ACF الآن!

وتابعنا على Facebook و Twitter و YouTube للحصول على المزيد من النصائح والحيل الرائعة حول WordPress.

اقرأ المزيد عن نماذج WordPress!

• كيفية إعادة التوجيه بعد إرسال النموذج في WordPress [3 خطوات!]
  اقرأ أكثر

  كيفية ربط زر بنموذج في WordPress [طريقة بسيطة!]
  اقرأ أكثر

  كيفية تغيير لون خلفية كتلة WordPress
  اقرأ أكثر