3 طرق مختلفة لعرض تاريخ اليوم تلقائيًا في WordPress

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

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

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

دعنا نحفر ...

كيفية إظهار تاريخ اليوم باستخدام البرنامج المساعد WordPress

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

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

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

لاستخدام البرنامج المساعد ، كل ما عليك فعله هو تثبيته وتنشيطه. بعد ذلك ، توجه إلى Appearance → Widgets واسحب أداة التاريخ والوقت الجديدة كما تفعل مع أي أداة أخرى:

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

• تنسيق الوقت: يمكنك الاختيار من بين عدد قليل من تنسيقات الوقت المختلفة أو اختيار لا شيء لإيقاف تشغيل هذا الجزء (وعرض التاريخ فقط).
• تنسيق التاريخ: اختر التنسيق الذي تريد استخدامه للتاريخ.
• عائلة الخط: اختر عائلة الخطوط الاحتياطية (يجب أن ترث الأداة خط السمة الخاصة بك كخيار أول).
• حجم الخط: لا تحتاج إلى شرح.
• لون النص: لون كل النص في الأداة.
• لون الخلفية: خلفية النص.

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

بمجرد حفظ عنصر واجهة المستخدم الخاص بك ، سترى تاريخ اليوم في الواجهة الأمامية:

سهل جدا! ولكن في الواقع يكاد يكون من السهل إنشاء رمز قصير خاص بك يعرض التاريخ الحالي. إليك الطريقة:

كيفية إنشاء رمز قصير لعرض تاريخ اليوم في WordPress

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

يمكنك إما وضع هذا الرمز في:

• ملف function.php لموضوع طفلك
• مكون إضافي مخصص تقوم بإنشائه بنفسك

سأوضح لك كيفية القيام بذلك باستخدام function.php لأن هذه هي أبسط طريقة - ستحتاج فقط إلى تذكر نسخ هذا الرمز إذا قمت بتغيير السمات.

لإنشاء الرمز القصير ، ما عليك سوى إضافة هذا الرمز إلى ملف function.php الخاص بك:

function displayTodaysDate( $atts )

{

return date(get_option('date_format'));

}

add_shortcode( 'datetoday', 'displayTodaysDate');

سيستخدم الرمز القصير نفس تنسيق التاريخ الذي قمت بتعيينه في الإعدادات ← عام .

بمجرد إضافة الرمز ، يمكنك استخدام الرمز المختصر [datetoday] في محرر WordPress أو Divi Code Module:

وسيعرض التاريخ الحالي على الواجهة الأمامية باتباع التنسيق في إعدادات WordPress الخاصة بك:

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

ملاحظة - هذا الرمز هو نسخة مصححة من كود Ben Poland من Today's Date ، وهو مكون إضافي لم يعد يعمل بسبب مساحة خاطئة في وظيفة الرمز القصير. لقد عثرت على المكون الإضافي لـ Ben في دليل WordPress.org وكنت أنوي استخدامه في هذا البرنامج التعليمي. لكن في الاختبار ، وجدت أنه يعمل فقط إذا قمت بتحرير الكود يدويًا لإزالة المساحة من الرمز القصير.

كيفية عرض تاريخ اليوم مع رمز

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

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

هناك نوعان من مقتطفات التعليمات البرمجية المختلفة يمكنك الاختيار من بينها:

<?php echo date(get_option('date_format')); ?>

يعرض المقتطف أعلاه التاريخ الحالي وفقًا لإعدادات WordPress الخاصة بك ، تمامًا مثل الرمز القصير.

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

<?php echo date('l jS F Y'); ?>

يمكنك معرفة التنسيقات المختلفة في مقالة WordPress Codex هذه.

على سبيل المثال ، إذا أضفت الشفرة مباشرةً أسفل علامة الإغلاق </header> في ملف header.php الخاص بك مثل هذا:

ثم سيتم عرض التاريخ الحالي أسفل رأس الصفحة مباشرة على موقع الواجهة الأمامية الخاص بك:

قد تحتاج إلى اللعب مع تحديد المواقع - لكنها طريقة أخرى سهلة لعرض تاريخ اليوم على موقع WordPress الخاص بك.

للحصول على مزيد من التحكم ، يمكنك وضع الشفرة في <div> ثم استخدام CSS لتصميم و / أو وضع هذا <div> على موقعك.

التفاف الأشياء

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

إذا كنت تريد عرض تاريخ اليوم في الشريط الجانبي الخاص بك (أو مناطق عناصر واجهة المستخدم الأخرى) ، فسيكون المكون الإضافي لـ Date and Time Widget هو الخيار الأفضل لك.

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

هل فاتنا طريقتك المفضلة لإضافة تاريخ اليوم الحالي إلى WordPress؟ لا تتردد في مشاركة اقتراحاتك أدناه.

صورة مصغرة للمادة بمقدار 32 بكسل / shutterstock.com