Un ghid pentru formatarea datei și orei în Divi

Afișarea datei și orei pe site-ul dvs. web este unul dintre acele lucruri la care majoritatea oamenilor nu se gândesc cu adevărat. Tindem să rămânem cu formatarea implicită pentru data publicării în metadatele post. Și, dacă avem timp, vom adăuga anul curent dinamic în bara de subsol de lângă textul privind drepturile de autor.

Cu toate acestea, este util să înțelegeți cum să formatați data și ora. Vă oferă libertatea de a face o întâlnire mai lizibilă pentru utilizatori. De exemplu, „Luni, 23 mai 2020” este puțin mai cald (și mai uman) decât afișajele datei minime, cum ar fi „5.23.20”. Deși acesta din urmă își are locul său. Același lucru este valabil și pentru formatarea orei curente pe un site web. Unele site-uri pot beneficia de un afișaj de 12 ore, cum ar fi „20:30”, în timp ce altele (cum ar fi site-uri militare sau medicale) ar prefera un afișaj de 24 de ore, cum ar fi „20:30”.

Divi și WordPress vă oferă un control surprinzător asupra formatării datei și orei disponibile în PHP. În acest tutorial, vă vom ajuta să înțelegeți cum să afișați, să formatați și să stilizați data și ora în Divi. Veți putea să oferiți postărilor de blog un format personalizat pentru data publicării sau chiar să adăugați un element dinamic la un îndemn pentru o atingere mai personală (de exemplu „ Luni fericite! Consultați noua noastră ofertă”).

Să începem!

Descărcați GRATUIT un ghid de formatare a datei și orei Divi Layout

Pentru a obține un salt asupra formatării datei și orei în Divi, descărcați acest aspect util al ghidului de formatare a datei și orei. Include exemple ale fiecărui format de dată / oră utilizat ca conținut dinamic într-un modul text Divi, astfel încât să puteți vedea direct cum funcționează fiecare pe o pagină live.

Pentru a pune mâna pe ghidul de formatare a datei și orei, va trebui mai întâi să îl descărcați folosind butonul de mai jos. Pentru a avea acces la descărcare, va trebui să vă abonați la lista noastră de e-mail Divi Daily folosind formularul de mai jos. Ca nou abonat, veți primi și mai multe bunătăți Divi și un pachet Divi Layout gratuit în fiecare luni! Dacă sunteți deja pe listă, pur și simplu introduceți adresa de e-mail mai jos și faceți clic pe descărcare. Nu veți fi „resubscris” și nu veți primi e-mailuri suplimentare.

Descărcați fișierele

Descarcă gratis

Înscrieți-vă la buletinul informativ Divi și vă vom trimite prin e-mail o copie a pachetului final de planificare a paginii de destinație Divi, plus o mulțime de alte resurse, sfaturi și trucuri uimitoare și gratuite Divi. Urmăriți-vă și veți fi un maestru Divi în cel mai scurt timp. Dacă sunteți deja abonat, pur și simplu introduceți adresa de e-mail de mai jos și faceți clic pe descărcare pentru a accesa pachetul de aspect.

DESCARCA

V-ați abonat cu succes. Vă rugăm să verificați adresa de e-mail pentru a vă confirma abonamentul și pentru a obține acces la pachetele de layout Divi săptămânale gratuite!

Pentru a importa aspectul secțiunii în biblioteca Divi, navigați la biblioteca Divi.

Faceți clic pe butonul Import.

În fereastra pop-up de portabilitate, selectați fila de import și alegeți fișierul de descărcare de pe computer.

Apoi faceți clic pe butonul de import.

După ce ați terminat, aspectul secțiunii va fi disponibil în Divi Builder.

Să trecem la tutorial, nu-i așa?

Caracterele de format disponibile pentru afișarea datei și orei

Așa cum am menționat anterior, Divi profită de formatarea încorporată a datei și orei WordPress. Dar, înainte de a intra în modul în care formatăm o dată și o oră în Divi, ne ajută să înțelegem caracterele de formatare disponibile pentru noi.

Mai jos este o listă de caractere de format disponibile care pot fi utilizate împreună (sau combinate) pentru a crea formate de dată și oră personalizate. Acest lucru va fi util atunci când experimentați formate unice pentru dată și oră pe site-ul dvs. Divi.

Formatarea datei

Caracterele în format DAY

• d = Ziua lunii, 2 cifre cu zerouri din partea de sus („02”, „22”)
• D = Ziua lunii în trei litere („iunie”, „iulie”)
• l („L” cu litere mici) = ziua săptămânii, cuvântul complet („luni”, „marți”)
• N = ziua numerică ISO-8601 a săptămânii („1” pentru luni și „7” pentru duminică)
• S = sufix pentru ziua lunii; folosiți cu j („nd”, „st”, „rd”)
• w = ziua numerică a săptămânii („0” pentru duminică și „6” pentru sâmbătă)
• z = ziua anului, începând de la 0 (adică „173” sau „aceasta este a 173-a zi a anului”)

Caracter în format SĂPTĂMÂNĂ

• W = 26 (numărul săptămânii al anului, săptămânile începând de luni; adică „aceasta este a 26-a săptămână a anului”)

Caractere în format MONTH

• F = O reprezentare textuală completă a unei luni („ianuarie” sau „martie”)
• m = lună numerică, cu zerouri din partea de sus (iunie este afișat ca „06”)
• M = Luna în trei litere (martie este afișat ca „Mar”)
• n = lună numerică, fără zerouri din partea de sus (iunie este afișat ca „6”)
• t = Numărul de zile din luna dată (Dacă în iunie va apărea „30”)

Caractere format AN

• Y = 2020 (an numeric cu 4 cifre; adică „2020”)
• y = 20 (an numeric cu 2 cifre; adică „20”)

Exemple de șiruri de format date

• M j, Y = 22 iunie 2020
• F d, Y = 22 iunie 2020
• m / d / Y = 22.06.2020
• mdY = 22.06.2020
• j M, Y = 22 iunie 2020
• l, M d = luni, 22 iunie
• l, F jS, Y = luni, 22 iunie 2020
• m · d · y = 06 · 22 · 20

Formatarea timpului

TIME formatează caractere

• a = (minuscule „am” sau „pm”)
• A = PM (majuscule „AM” sau „PM”)
• g = oră, 12 ore, fără zerouri inițiale („1-12”)
• h = oră, 12 ore, cu zerouri din partea de sus („01-12”)
• G = oră, 24 de ore, fără zerouri de început („0-23”)
• H = oră, 24 de ore, cu zerouri din partea de sus („00-23”)
• i = 10 (minute, cu zerouri din partea de sus („00-59”)
• s = 52 (Secunde, cu zerouri din partea de sus („00-59”)
• T = fus orar („CDT”, „EST”)

Exemple de șiruri de format de timp

• g: ia = 4:10 pm
• g: i: sa = 16:10:52

Șiruri de format date + oră

• Y / m / dg: i: s A = 2020/06/22 16:10:52
• M j, Y @ G: i = 22 iunie 2020 @ 16:10

Scăpând șiruri de format cu „\” pentru a încorpora text / caractere suplimentare

Acesta este un truc foarte util pentru personalizarea afișării datei și orei. Pur și simplu adăugați „\” înainte de fiecare caracter / literă pe care doriți să o includeți în șirul de format și acel caracter va fi redat așa cum ar fi în mod normal (în afara șirului). Deci, „/ T / h / e” ar reda cuvântul „The” în șirul de format în loc de un element de dată / oră real, cum ar fi Timezone („T”) sau ora („h”).

• D \ a \ t ga = luni la 16:00
• \ T \ h \ e dS \ d \ a \ y \ o \ f F = 22 iunie

Formatarea datei și orei cu Divi

Modificarea formatului de dată implicit la nivel de site

Dacă doriți să modificați formatul de dată și oră implicit la nivel de site, WordPress are o opțiune încorporată pentru aceasta. Din tabloul de bord WordPress, navigați la Setări> General. Acolo veți vedea opțiunea de a schimba fusul orar implicit, formatul datei și formatul orei.

Divi folosește de fapt aceleași formate implicite atunci când adăugați o dată sau o oră folosind conținut dinamic cu Divi Builder (cum ar fi data publicării postului și data curentă).

Dacă utilizați aspectul implicit al postărilor de blog Divi (nu un aspect personalizat construit cu Divi Builder), puteți introduce un șir de format de dată personalizat pentru a fi utilizat pentru toate postările de blog la nivel de site. Puteți găsi opțiunea de formatare a datei navigând la Divi> Opțiuni temă și derulați pagina în jos în fila General.

Interesant este că puteți introduce chiar și caractere în format de timp pentru a afișa ora la care a fost publicată postarea.

Utilizarea conținutului dinamic Divi pentru formatarea și afișarea datei și orei

Când utilizați Divi Builder, aveți opțiunea de a adăuga data curentă sau data publicării postului ca conținut dinamic la orice modul. Aceasta este o modalitate excelentă de a înlocui formatul de dată și oră implicit de la caz la caz, precum și de a adăuga stil personalizat textului dată / oră.

Pentru a adăuga o dată de publicare a postării sau o dată curentă ca conținut dinamic la pagina dvs. din Divi, pur și simplu adăugați un modul text la pagină.

Apoi selectați pictograma conținut dinamic în timp ce treceți cu mouse-ul peste caseta de conținut.

Odată ce data dinamică a fost adăugată la conținutul modulului, puteți face clic pentru a edita data dinamică pentru mai multe personalizări. Aceste setări suplimentare includ opțiunea de a adăuga conținut înainte și după afișarea datei, precum și opțiunea de a personaliza formatul datei.

Formatele de dată încorporate ale Divi

În meniul drop-down format date, veți găsi următoarele formate de date prefabricate pe care le puteți selecta.

• M j, Y = 22 iunie 2020
• F d, Y = 22 iunie 2020
• m / d / Y = 22.06.2020
• mdY = 22.06.2020
• j M, Y = 22 iunie 2020
• l, M d = luni, 22 iunie

Adăugarea unui format de dată / oră personalizat

Pentru a crea un format de dată / oră personalizat, selectați opțiunea personalizată din meniul derulant. După ce alegeți opțiunea personalizată, veți avea la dispoziție o casetă de introducere în care vă puteți lucra magia adăugând orice combinație de caractere de format disponibile pentru a crea șirul de format perfect pentru dată, oră sau ambele.

Același proces poate fi utilizat pentru a adăuga ora curentă sau pentru a publica ora de publicare. Pur și simplu adăugați caracterele de formatare a timpului în caseta Format date personalizat.

După ce aveți conținutul în poziție, puteți utiliza setările de proiectare încorporate ale Divi, sub fila de proiectare a modulului de text, pentru a personaliza textul corpului după cum doriți. Formatul dinamic de dată / oră va adopta stilul textului corpului.

Exemple mai utile

Anul drepturilor de autor

Formatarea datei și orei este utilă pentru crearea unui an dinamic al drepturilor de autor pentru subsolul global al site-ului dvs. Divi. Iată un format personalizat pe care îl puteți utiliza pentru afișarea informațiilor privind drepturile de autor cu anul dinamic într-un singur modul de text.

Adăugați data curentă ca conținut dinamic la un modul text. Apoi editați conținutul dinamic cu următoarele:

• Înainte: ©
• După: Companie | Toate drepturile rezervate.
• Format de dată personalizat: Y

Apel la acțiune dinamic

Puteți adăuga, de asemenea, un format dinamic de dată sau oră (în linie) la un îndemn sau o direcție de pe site-ul dvs. Divi. Pentru a face acest lucru, adăugați o dată curentă ca conținut dinamic la un modul de text. Apoi actualizați următoarele:

• Inainte de:

  <h1>It's

• După:

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

• Format de dată personalizat: l ... \ a \ f \ t \ e \ rga

Observați că antetul h1 este adăugat elementului folosind etichete html în intrările înainte și după intrări. Cuvântul „marți” este afișat de „l” în caseta de formatare a datei personalizate, urmată de cuvântul „după” folosind „\” pentru a scăpa de șirul de formatare. Apoi „g” și „a” sunt folosite pentru a afișa „18:00”

Apoi puteți personaliza stilurile de titlu h1 în fila Design.

Gânduri finale

Sperăm că această postare are (și continuă să fie) un ghid util pentru cum să formatați data și ora în Divi. Dacă ești ca mine, ochii tăi au fost deschiși la câteva opțiuni de formatare surprinzătoare pe care le poți realiza fără un plugin și cu cod personalizat!

Aștept cu nerăbdare să aud de la dvs. în comentarii.

Noroc!