إضافة DayPick لحقول التاريخ والوقت في Contact Form 7 | الحل المجاني المتكامل
مقدمة: لماذا تحتاج إلى حقل تاريخ احترافي في Contact Form 7؟
عند بناء نماذج حجز أو استبيانات أو طلبات مواعيد باستخدام ووردبريس وملحق Contact Form 7، فإن الحصول على حقل تاريخ ووقت سهل الاستخدام وآمن قد يكون تحديًا. الحل التقليدي إما أن يكون معقدًا أو يتطلب إضافات مدفوعة بميزات محدودة. هنا يأتي دور DayPick Date Fields for Contact Form 7 ليقدم لك أداة مجانية بالكامل، تعتمد على مكتبة flatpickr الحديثة، وتوفر تجربة مستخدم راقية دون أي تنازلات.
ما هي إضافة DayPick؟
DayPick هي إضافة خفيفة ومجانية تضيف علامة نموذج [daypick] إلى محرر Contact Form 7. تتيح لك إدراج حقل تاريخ ووقت عصري ومتوافق مع الجوّال. تعتمد على مكتبة flatpickr الشهيرة، وتضمن عرضًا محليًا للتاريخ مع إرسال القيمة بصيغة ISO قياسية إلى الخادم، مما يخلصك من مشاكل تنسيق التاريخ عند تصدير البيانات.
الميزات الأساسية التي تجعل DayPick متفوقة
مجانية بالكامل – لا نسخة مدفوعة ولا مفتاح ترخيص
DayPick ليست نموذجًا للإضافات التي تقدم ميزات أساسية ثم تطلب منك الترقية. كل شيء مجاني دون قيود. الترجمات لأكثر من 50 لغة مدمجة ومجانية، ولا توجد حدود لعدد النطاقات التي تستخدمها فيها.
عرض محلي وتخزين بصيغة ISO
الزائر يرى التاريخ بتنسيق بلده (مثل 15.07.2026)، لكن النموذج يرسل دائمًا قيمة بصيغة 2026-07-15. هذا يتجنب الارتباك بين AM/PM وصيغ اليوم/الشهر/السنة المختلفة، ويحافظ على قاعدة بيانات نظيفة عند التصدير.
التحقق من الصحة على الخادم
بينما تعمل بعض الإضافات على التحقق في المتصفح فقط، DayPick تفرض حدود التاريخ والوقت (مثل الحد الأدنى والأقصى، الأيام المعطلة، نطاقات الساعات) على مستوى الخادم أيضًا. هذا يمنع إرسال تواريخ غير صالحة حتى لو حاول مستخدم خبيث تجاوز الواجهة.
اللغة التلقائية من إعدادات ووردبريس
بمجرد تثبيت الإضافة، تلتقط لغة موقعك تلقائيًا من ملفات الترجمة المضمنة (أكثر من 50 لغة). لا إعدادات إضافية مطلوبة للعمل مع مواقع متعددة اللغات.
مولد الوسوم البصري
في محرر Contact Form 7، يظهر زر DayPick لإضافة حقل التاريخ دون كتابة أي كود. يمكنك تخصيص الخيارات مثل الوضع (تاريخ، وقت، تاريخ ووقت) والنطاقات المسموحة بسهولة.
تحميل الأصول عند الحاجة فقط
ملفات CSS و JavaScript تُحمَّل فقط في الصفحات التي تحتوي على حقل DayPick، مع استراتيجية deferred لتحسين الأداء. هذا يمنع إبطاء موقعك في الصفحات التي لا تستخدم النموذج.
تصميم معزول وآمن
نافذة التقويم المنبثقة لديها CSS معزول يمنع تعارضات التصميم مع قالب موقعك. ستبدو جميلة بغض النظر عن الثيم الذي تستخدمه.
كيفية استخدام DayPick في نماذج Contact Form 7
إضافة الحقل سهل، إما عبر الزر المخصص في محرر النموذج، أو بكتابة الوسم يدويًا. يدعم الوسم [daypick] عدة خيارات قوية:
- mode:date أو mode:time أو mode:datetime – لتحديد نوع الحقل (افتراضي: date).
- min:today، min:2026-07-01، min:+7d – تحديد أقرب تاريخ يمكن اختياره.
- max:+90d، max:2026-09-30 – تحديد أبعد تاريخ مسموح.
- hours:09:00-18:00 – تقييد نطاق الساعات المسموح بها (مثل ساعات العمل).
- step:30 – زيادة الدقائق (مثلاً كل 30 دقيقة).
- disable:weekends، أو قائمة تواريخ محددة مثل disable:2026-07-15,2026-07-16 – لتعطيل أيام معينة.
مثال عملي: لحقل موعد حجز خلال الأسبوع القادم من 9 صباحًا إلى 6 مساءً كل نصف ساعة، مع تعطيل عطلات نهاية الأسبوع:
[daypick mode:datetime min:today max:+7d hours:09:00-18:00 step:30 disable:weekends]لماذا تختار DayPick بدلاً من الحلول الأخرى؟
معظم إضافات التاريخ لـ Contact Form 7 إما أنها تقدم ميزات محدودة في الإصدار المجاني، أو تفتقر إلى التحقق الخادمي، أو لا تتكيف مع اللغة المحلية بسلاسة. DayPick تجمع كل ذلك في حزمة واحدة نظيفة وخالية من التعقيدات. أيضًا، بفضل مكتبة flatpickr، تحصل على واجهة حديثة تدعم اللمس ومناسبة للهواتف الذكية.
التسعير: مجاني دائمًا
DayPick لا تطلب أي مقابل مادي. يمكنك استخدامها على أي عدد من المواقع، دون الحاجة إلى مفتاح ترخيص أو اشتراك. جميع الترجمات متاحة بشكل افتراضي، ولا توجد نسخة “احترافية” تخفي ميزات متقدمة. هذا النموذج يجعلها خيارًا مثاليًا للمطورين والمستقلين والشركات الصغيرة.
الأسئلة الشائعة
كيف أضيف حقل تاريخ إلى Contact Form 7؟
بعد تثبيت DayPick، ستظهر أيقونة جديدة في محرر النموذج. اضغط عليها واختر الإعدادات المناسبة، أو اكتب [daypick] مع الخيارات التي تريدها. الحقل سيظهر تلقائيًا في النموذج.
هل يمكنني تحديد نطاق زمني معين (مثل أوقات العمل)؟
نعم، باستخدام خيار hours. مثلاً hours:09:00-17:00 يقيد الأوقات بين 9 صباحًا و5 مساءً. يمكنك أيضًا دمج ذلك مع step لتحديد الفواصل الزمنية (مثلاً كل 15 دقيقة).
هل تعمل الإضافة مع المواقع متعددة اللغات؟
بالتأكيد. DayPick تتعرف تلقائيًا على لغة موقعك (من إعدادات ووردبريس) وتستخدم ملف الترجمة المناسب من بين أكثر من 50 لغة مدمجة. إذا كنت تستخدم إضافة ترجمة مثل WPML، ستتبع اللغة المعروضة للصفحة.
هل تؤثر الإضافة على سرعة الموقع؟
لا، لأن ملفاتها تُحمَّل فقط في الصفحات التي تحتوي على حقل DayPick، وتُحمَّل بطريقة deferred حتى لا تعيق تحميل الصفحة. كما أن CSS معزول، مما يمنع التعارضات ويحافظ على الأداء.
ماذا لو حاول الزائر إرسال تاريخ غير مسموح به عبر المتصفح؟
DayPick تتحقق من صحة القيم على الخادم أيضًا، وليس فقط في المتصفح. لذلك حتى لو حاول شخص ما تزوير القيمة، سيرفضها الخادم إذا كانت خارج النطاق المحدد. هذا يضيف طبقة أمان مهمة.
الخلاصة
DayPick Date Fields for Contact Form 7 هي بلا شك إضافة لا غنى عنها لأي موقع ووردبريس يعتمد على Contact Form 7 ويحتاج إلى حقول تاريخ ووقت احترافية. بفضل تكاملها السلس مع flatpickr، ودعمها الكامل للغات، وأدائها العالي، ونموذجها المجاني بالكامل، تضع معيارًا جديدًا في فئتها. جرّبها اليوم وودّع مشاكل تنسيق التاريخ والوقت إلى الأبد.
