دليل لتنسيق التاريخ والوقت في Divi

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

ومع ذلك ، فإن فهم كيفية تنسيق التاريخ والوقت مفيد. يمنحك حرية جعل التاريخ أكثر قابلية للقراءة للمستخدمين. على سبيل المثال ، "يوم الاثنين 23 مايو ، 2020" أكثر دفئًا (وأكثر إنسانية) من عرض التاريخ الأدنى مثل "5.23.20". على الرغم من أن هذا الأخير له مكانه. الشيء نفسه ينطبق على تنسيق الوقت الحالي على موقع ويب. قد تستفيد بعض المواقع من عرض 12 ساعة مثل "8:30 مساءً" بينما يفضل البعض الآخر (مثل المواقع العسكرية أو الطبية) عرض 24 ساعة مثل "20:30".

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

هيا بنا نبدأ!

قم بتنزيل دليل تنسيق التاريخ والوقت Divi Layout مجانًا

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

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

قم بتنزيل الملفات

تنزيل مجاني

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

تحميل

لقد تم اشتراكك بنجاح. يرجى التحقق من عنوان بريدك الإلكتروني لتأكيد اشتراكك والحصول على حزم تخطيط Divi الأسبوعية المجانية!

لاستيراد تخطيط القسم إلى مكتبة Divi الخاصة بك ، انتقل إلى مكتبة Divi.

انقر فوق الزر "استيراد".

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

ثم انقر فوق زر الاستيراد.

بمجرد الانتهاء من ذلك ، سيكون تخطيط القسم متاحًا في Divi Builder.

دعنا نصل إلى البرنامج التعليمي ، أليس كذلك؟

أحرف التنسيق المتوفرة لعرض التاريخ والوقت

كما ذكرنا من قبل ، تستفيد Divi من تنسيق التاريخ والوقت المدمج في WordPress. ولكن قبل أن ندخل في كيفية تنسيق التاريخ والوقت في Divi ، من المفيد فهم أحرف التنسيق المتاحة لنا.

يوجد أدناه قائمة بأحرف التنسيق المتوفرة التي يمكن استخدامها معًا (أو دمجها) لإنشاء تنسيقات مخصصة للتاريخ والوقت. سيكون هذا مفيدًا عند تجربة تنسيقات فريدة للتاريخ والوقت على موقع Divi الخاص بك.

تنسيق التاريخ

أحرف تنسيق DAY

• د = يوم من الشهر ، رقمان بأصفار بادئة ("02" ، "22")
• D = يوم من الشهر في ثلاثة أحرف ("Jun" ، "Jul")
• l (حرف صغير "L") = يوم الأسبوع ، الكلمة الكاملة ("الاثنين" ، "الثلاثاء")
• N = ISO-8601 يوم رقمي من الأسبوع ("1" ليوم الاثنين و "7" ليوم الأحد)
• S = لاحقة يوم الشهر ؛ تستخدم مع j ("nd" ، "st" ، "rd")
• w = يوم رقمي من الأسبوع ("0" ليوم الأحد و "6" يوم السبت)
• z = يوم السنة ، بدءًا من 0 (أي "173" أو "هذا هو اليوم 173 من العام")

حرف تنسيق WEEK

• W = 26 (عدد الأسبوع من السنة ، الأسابيع التي تبدأ يوم الاثنين ؛ أي "هذا هو الأسبوع السادس والعشرون من العام")

أحرف تنسيق MONTH

• F = تمثيل نصي كامل لشهر ("يناير" أو "مارس")
• م = الشهر الرقمي ، مع الأصفار البادئة (يتم عرض شهر يونيو كـ "06")
• م = شهر مكوّن من ثلاثة أحرف (يتم عرض شهر مارس كـ "مارس")
• n = شهر رقمي بدون أصفار بادئة (يتم عرض شهر يونيو كـ "6")
• t = عدد الأيام في الشهر المحدد (إذا كان يونيو سيعرض "30")

أحرف تنسيق YEAR

• Y = 2020 (4 أرقام للسنة ، أي "2020")
• y = 20 (رقمان للسنة الرقمية ؛ أي "20")

مثال على سلاسل تنسيق التاريخ

• M j، Y = 22 يونيو 2020
• F د ، ص = 22 يونيو 2020
• م / يوم / ص = 06/22/2020
• mdY = 06.22.2020
• ي م ، ص = 22 يونيو ، 2020
• l ، M d = الاثنين 22 يونيو
• l، F jS، Y = الاثنين 22 يونيو 2020
• م · د · ص = 06 · 22 · 20

تنسيق الوقت

أحرف تنسيق TIME

• أ = (أحرف صغيرة "am" أو "pm")
• A = PM (أحرف كبيرة "AM" أو "PM")
• g = ساعة ، 12 ساعة ، بدون أصفار بادئة ("1-12")
• h = ساعة ، 12 ساعة ، بأصفار بادئة (“01-12”)
• G = ساعة ، 24 ساعة ، بدون أصفار بادئة ("0-23")
• H = ساعة ، 24 ساعة ، بأصفار بادئة ("00-23")
• i = 10 (دقائق ، بأصفار بادئة ("00-59")
• s = 52 (ثانية ، مع الأصفار البادئة ("00-59")
• T = المنطقة الزمنية ("CDT" ، "EST")

مثال سلاسل تنسيق الوقت

• g: ia = 4:10 مساءً
• g: i: sa = 4:10:52 مساءً

التاريخ + سلاسل تنسيق الوقت

• Y / m / dg: i: s A = 2020/06/22 4:10:52 مساءً
• M j، Y @ G: i = 22 يونيو 2020 @ 16:10

الهروب من سلاسل التنسيق مع "\" لدمج نص / أحرف إضافية

هذه خدعة مفيدة حقًا لتخصيص عرض التاريخ والوقت. ما عليك سوى إضافة "\" قبل كل حرف / حرف تريد تضمينه في سلسلة التنسيق وسيتم عرض هذا الحرف كما هو معتاد (خارج السلسلة). لذلك ، فإن "/ T / h / e" ستعرض كلمة "The" في سلسلة التنسيق بدلاً من عنصر التاريخ / الوقت الفعلي مثل Timezone ("T") أو الساعة ("h").

• D \ a \ t ga = الإثنين الساعة 4 مساءً
• \ T \ h \ e dS \ d \ a \ y \ o \ f F = اليوم الثاني والعشرون من شهر يونيو

تنسيق التاريخ والوقت مع Divi

تغيير تنسيق التاريخ الافتراضي على مستوى الموقع

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

يستخدم Divi بالفعل هذه التنسيقات الافتراضية نفسها عند إضافة تاريخ أو وقت باستخدام محتوى ديناميكي مع Divi Builder (مثل تاريخ نشر المنشور والتاريخ الحالي).

إذا كنت تستخدم تخطيط منشور مدونة Divi الافتراضي (ليس تخطيطًا مخصصًا تم إنشاؤه باستخدام Divi Builder) ، فيمكنك إدخال سلسلة تنسيق تاريخ مخصصة لاستخدامها في جميع منشورات المدونة على مستوى الموقع. يمكنك العثور على خيار تنسيق التاريخ بالانتقال إلى Divi> Theme Options والتمرير لأسفل الصفحة ضمن علامة التبويب General.

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

استخدام المحتوى الديناميكي لديفي لتنسيق وعرض التاريخ والوقت

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

لإضافة تاريخ نشر منشور أو التاريخ الحالي كمحتوى ديناميكي إلى صفحتك في Divi ، ما عليك سوى إضافة وحدة نصية إلى الصفحة.

ثم حدد رمز المحتوى الديناميكي أثناء التمرير فوق مربع المحتوى.

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

تنسيقات ديفي المدمجة للتاريخ

ضمن القائمة المنسدلة لتنسيق التاريخ ، ستجد تنسيقات التاريخ سابقة الإعداد التالية التي يمكنك تحديدها.

• M j، Y = 22 يونيو 2020
• F d ، Y = 22 يونيو 2020
• م / يوم / ص = 06/22/2020
• mdY = 06.22.2020
• ي م ، ص = 22 يونيو ، 2020
• l ، M d = الاثنين 22 يونيو

إضافة تنسيق تاريخ / وقت مخصص

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

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

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

المزيد من الأمثلة المفيدة

سنة حقوق التأليف والنشر

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

أضف التاريخ الحالي كمحتوى ديناميكي إلى وحدة نصية. ثم قم بتحرير المحتوى الديناميكي بما يلي:

• قبل: ©
• بعد: الشركة | كل الحقوق محفوظة.
• تنسيق التاريخ المخصص: Y

دعوة ديناميكية للعمل

يمكنك أيضًا إضافة تنسيق تاريخ أو وقت ديناميكي (مضمن) إلى دعوة للعمل أو العنوان على موقع Divi الخاص بك. للقيام بذلك ، قم بإضافة التاريخ الحالي كمحتوى ديناميكي إلى وحدة نصية. ثم قم بتحديث ما يلي:

• قبل:

  <h1>It's

• بعد، بعدما:

  ... <br>Time to Design!</h1>

• تنسيق التاريخ المخصص: l… \ a \ f \ t \ e \ rga

لاحظ أن رأس h1 يضاف إلى العنصر باستخدام علامات html في المدخلات قبل وبعد. يتم عرض كلمة "الثلاثاء" بواسطة الحرف "l" في مربع تنسيق التاريخ المخصص ، متبوعًا بالكلمة "بعد" باستخدام "\" للهروب من سلسلة التنسيق. ثم يتم استخدام الحرفين "g" و "a" لعرض "الساعة 6 مساءً"

يمكنك بعد ذلك تخصيص أنماط عناوين h1 ضمن علامة تبويب التصميم.

افكار اخيرة

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

أتطلع إلى الاستماع منك في التعليقات.

هتافات!