Divi'de Tarih ve Saat Biçimlendirme Kılavuzu

Web sitenizde Tarih ve Saati görüntülemek, çoğu insanın gerçekten düşünmediği şeylerden biridir. Gönderi meta verilerinde yayınlama tarihi için varsayılan biçimlendirmeye bağlı kalma eğilimindeyiz. Ve zamanımız olursa, geçerli yılı dinamik olarak telif hakkı metninin yanındaki alt bilgi çubuğuna ekleyeceğiz.

Ancak, tarih ve saatin nasıl biçimlendirileceğini anlamak işe yarar. Size bir tarihi kullanıcılar için daha okunaklı hale getirme özgürlüğü verir. Örneğin, "23 Mayıs 2020 Pazartesi" ifadesi, "5.23.20" gibi minimal tarih gösterimlerinden biraz daha sıcaktır (ve daha insani). İkincisinin yeri olmasına rağmen. Aynısı, bir web sitesinde geçerli saati biçimlendirmek için de geçerlidir. Bazı siteler "20:30" gibi 12 saatlik bir gösterimden yararlanabilirken, diğerleri (askeri veya tıbbi siteler gibi) "20:30" gibi 24 saatlik bir gösterimi tercih edebilir.

Divi ve WordPress, PHP'de bulunan tarih ve saat biçimlendirmesi üzerinde şaşırtıcı miktarda kontrol sağlar. Bu öğreticide, Divi'de tarih ve saati nasıl görüntüleyeceğinizi, biçimlendireceğinizi ve biçimlendireceğinizi anlamanıza yardımcı olacağız. Blog gönderilerine yayınlanma tarihi için özel bir biçim verebilir veya hatta daha kişisel bir dokunuş için bir harekete geçirici mesaja dinamik bir öğe ekleyebileceksiniz (örneğin, “Mutlu Pazartesiler ! Yeni anlaşmamıza göz atın”).

Başlayalım!

ÜCRETSİZ Tarih ve Saat Biçimlendirme Kılavuzu Divi Düzenini İndirin

Divi'de tarih ve saat biçimlendirmesine atlamaya yardımcı olmak için, bu yararlı Tarih ve Saat biçimlendirme Kılavuzu düzenini indirin. Bir Divi metin modülünde dinamik içerik olarak kullanılan her tarih/saat biçiminin örneklerini içerir, böylece canlı bir sayfada her birinin nasıl çalıştığını ilk elden görebilirsiniz.

Tarih ve saat biçimlendirme kılavuzuna el koymak için önce aşağıdaki düğmeyi kullanarak indirmeniz gerekir. İndirmeye erişmek için aşağıdaki formu kullanarak Divi Daily e-posta listemize abone olmanız gerekir. Yeni bir abone olarak, her Pazartesi daha da fazla Divi iyiliği ve ücretsiz bir Divi Düzen paketi alacaksınız! Zaten listedeyseniz, aşağıya e-posta adresinizi girin ve indir'i tıklayın. "Yeniden abone olmayacaksınız" veya fazladan e-posta almayacaksınız.

Dosyaları İndirin

Ücretsiz İndir

Divi Bültenine katılın ve size nihai Divi Açılış Sayfası Düzen Paketinin bir kopyasını ve ayrıca tonlarca başka şaşırtıcı ve ücretsiz Divi kaynağı, ipucu ve püf noktası e-posta ile gönderelim. Takip edin ve kısa sürede bir Divi ustası olacaksınız. Zaten aboneyseniz, e-posta adresinizi aşağıya yazın ve düzen paketine erişmek için indir'i tıklayın.

İNDİRMEK

Başarıyla abone oldunuz. Aboneliğinizi onaylamak ve haftalık ücretsiz Divi düzen paketlerine erişmek için lütfen e-posta adresinizi kontrol edin!

Bölüm düzenini Divi Kitaplığınıza aktarmak için Divi Kitaplığına gidin.

İçe Aktar düğmesini tıklayın.

Taşınabilirlik açılır penceresinde, içe aktarma sekmesini seçin ve bilgisayarınızdan indirme dosyasını seçin.

Ardından içe aktar düğmesini tıklayın.

Tamamlandığında, bölüm düzeni Divi Builder'da mevcut olacaktır.

Hadi öğreticiye geçelim, olur mu?

Tarih ve Saati Görüntülemek İçin Kullanılabilir Biçim Karakterleri

Daha önce de belirtildiği gibi Divi, WordPress'in yerleşik tarih ve saat biçimlendirmesinden yararlanır. Ancak Divi'de bir tarih ve saati nasıl biçimlendireceğimize geçmeden önce, elimizdeki biçimlendirme karakterlerini anlamamıza yardımcı olur.

Aşağıda, özel tarih ve saat biçimleri oluşturmak için birlikte kullanılabilecek (veya birleştirilmiş) kullanılabilen biçim karakterlerinin bir listesi bulunmaktadır. Bu, Divi sitenizde tarih ve saat için benzersiz biçimlerle denemeler yaparken kullanışlı olacaktır.

Tarih Biçimlendirme

GÜN biçimi karakterleri

• d = Ayın günü, başında sıfır olan 2 basamak ("02", "22")
• D = Üç harfle ayın günü ("Haz", "Tem")
• l (küçük harf “L”) = Haftanın günü, tam kelime (“Pazartesi”, “Salı”)
• N = ISO-8601 haftanın sayısal günü (Pazartesi için “1” ve Pazar için “7”)
• S = ayın günü için son ek; j ("nd", "st", "rd") ile kullanın
• w = Haftanın sayısal günü (Pazar için “0” ve Cumartesi için “6”)
• z = 0'dan başlayan yılın günü (yani “173” veya “bu, yılın 173. günü”)

HAFTA biçim karakteri

• W = 26 (yılın hafta sayısı, Pazartesi'den başlayan haftalar; yani “bu, yılın 26. haftasıdır”)

MONTH biçimindeki karakterler

• F = Bir ayın tam metin gösterimi ("Ocak" veya "Mart")
• m = Başında sıfırlar olan sayısal ay (Haziran “06” olarak görüntülenir)
• M = Üç harfle ay (Mart “Mar” olarak görüntülenir)
• n = Sayısal ay, başında sıfır olmadan (Haziran “6” olarak görüntülenir)
• t = Belirtilen aydaki gün sayısı (Haziran ise “30” olarak görünür)

YIL biçimindeki karakterler

• Y = 2020 (4 basamaklı sayısal yıl; yani “2020”)
• y = 20 (2 basamaklı sayısal yıl; yani “20”)

Örnek Tarih Biçimi Dizeleri

• M j, Y = 22 Haz 2020
• F d, Y = 22 Haziran 2020
• m/g/Y = 22.06.2020
• mdY = 22.06.2020
• j M, Y = 22 Haz, 2020
• l, M d = 22 Haziran Pazartesi
• l, F jS, Y = 22 Haziran 2020 Pazartesi
• m · d · y = 06 · 22 · 20

Zaman Biçimlendirme

ZAMAN biçimi karakterleri

• a = (küçük harf "am" veya "pm")
• A = PM (büyük harf "AM" veya "PM")
• g = Saat, 12 saat, başında sıfır olmadan (“1-12”)
• h = Saat, 12 saat, başında sıfırlar ("01-12")
• G = Saat, 24 saat, başında sıfır olmadan ("0-23")
• H = Saat, 24 saat, başında sıfırlar ("00-23")
• i = 10 (Dakika, başında sıfırlar (“00-59”)
• s = 52 (Saniye, başında sıfırlar (“00-59”)
• T = Saat Dilimi (“CDT”, “EST”)

Örnek Zaman Biçimi Dizeleri

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

Tarih + Saat Biçim Dizeleri

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

Ek Metin/Karakterleri Birleştirmek için “\” İle Çıkan Biçim Dizeleri

Bu, tarih ve saat gösterimini özelleştirmek için gerçekten yararlı bir numaradır. Biçim dizesine eklemek istediğiniz her karakterin/harfin önüne “\” eklemeniz yeterlidir; bu karakter normalde olduğu gibi (dizenin dışında) oluşturulacaktır. Bu nedenle, “/T/h/e”, Biçim dizesinde Saat Dilimi (“T”) veya saat (“s”) gibi gerçek bir tarih/saat öğesi yerine “The” kelimesini oluşturur.

• D \a\t ga = Pzt, 16:00
• \T\h\e dS \d\a\y \o\f F = 22 Haziran günü

Divi ile Tarih ve Saati Biçimlendirme

Site Genelinde Varsayılan Tarih Biçimini Değiştirme

Site genelinde varsayılan tarih ve saat biçimini değiştirmek istiyorsanız, WordPress'in bunun için yerleşik bir seçeneği vardır. WordPress Kontrol Panelinizden Ayarlar > Genel'e gidin. Orada varsayılan saat dilimini, tarih biçimini ve saat biçimini değiştirme seçeneğini göreceksiniz.

Divi, Divi Builder ile dinamik içerik kullanarak bir tarih veya saat eklediğinizde (yayınlanma sonrası tarih ve geçerli tarih gibi) aynı varsayılan biçimleri kullanır.

Divi'nin varsayılan blog gönderisi düzenini kullanıyorsanız (Divi Builder ile oluşturulmuş özel bir düzen değil), site genelindeki tüm blog gönderileri için kullanılacak özel bir tarih biçimi dizesi girebilirsiniz. Tarih formatı seçeneğini Divi > Tema Seçenekleri'ne giderek ve Genel sekmesi altındaki sayfayı aşağı kaydırarak bulabilirsiniz.

İlginç bir şekilde, gönderinin yayınlandığı saati görüntülemek için saat biçimi karakterlerini bile girebilirsiniz.

Tarih ve Saati Biçimlendirmek ve Görüntülemek için Divi'nin Dinamik İçeriğini Kullanma

Divi Builder'ı kullanırken, herhangi bir modüle dinamik içerik olarak geçerli tarihi veya yayın sonrası tarihini ekleme seçeneğiniz vardır. Bu, duruma göre varsayılan tarih ve saat biçimini geçersiz kılmanın yanı sıra tarih/saat metnine özel stil eklemenin harika bir yoludur.

Divi'deki sayfanıza dinamik içerik olarak yayın tarihi veya güncel tarih eklemek için sayfaya bir metin modülü eklemeniz yeterlidir.

Ardından, içerik kutusunun üzerine gelirken dinamik içerik simgesini seçin.

Modül içeriğine dinamik tarih eklendikten sonra, daha fazla özelleştirme için dinamik tarihi düzenlemek üzere tıklayabilirsiniz. Bu ek ayarlar, tarih ekranına önce ve sonra içerik ekleme seçeneğinin yanı sıra tarih biçimini özelleştirme seçeneğini içerir.

Divi'nin Yerleşik Tarih Biçimleri

Tarih formatı açılır menüsünde, seçebileceğiniz aşağıdaki önceden hazırlanmış tarih formatlarını bulacaksınız.

• M j, Y = 22 Haz 2020
• F d, Y = 22 Haziran 2020
• m/g/Y = 22.06.2020
• mdY = 22.06.2020
• j M, Y = 22 Haz, 2020
• l, M d = 22 Haziran Pazartesi

Özel Tarih/Saat Biçimi Ekleme

Özel bir tarih/saat biçimi oluşturmak için açılır menüden özel seçeneği seçin. Özel seçeneği seçtikten sonra, tarih, saat veya her ikisi için mükemmel biçim dizesini oluşturmak üzere mevcut biçim karakterlerinin herhangi bir kombinasyonunu ekleyerek sihrinizi uygulayabileceğiniz bir giriş kutusuna sahip olacaksınız.

Aynı işlem, geçerli saati eklemek veya yayınlama saatini yayınlamak için kullanılabilir. Özel Tarih Biçimi kutusuna saat biçimlendirme karakterlerini eklemeniz yeterlidir.

İçeriği yerleştirdikten sonra, gövde metnini istediğiniz gibi özelleştirmek için metin modülünün tasarım sekmesi altındaki Divi'nin yerleşik tasarım ayarlarını kullanabilirsiniz. Dinamik tarih/saat biçimi, gövde metninin stilini benimser.

Daha Faydalı Örnekler

Telif Hakkı Yılı

Tarih ve Saat biçimlendirmesi, Divi sitenizin genel altbilgisi için dinamik bir telif hakkı yılı oluşturmak için kullanışlıdır. Dinamik yıl ile telif hakkı bilgilerini tek bir metin modülünde görüntülemek için kullanabileceğiniz özel bir biçim.

Geçerli tarihi dinamik içerik olarak bir metin modülüne ekleyin. Ardından dinamik içeriği aşağıdakilerle düzenleyin:

• Önce: ©
• Sonra: Şirket | Her hakkı saklıdır.
• Özel Tarih Formatı: Y

Dinamik Harekete Geçirici Mesaj

Divi web sitenizdeki bir harekete geçirici mesaja veya başlığa dinamik bir tarih veya saat formatı (satır içi) de ekleyebilirsiniz. Bunu yapmak için, bir metin modülüne dinamik içerik olarak güncel bir tarih ekleyin. Ardından aşağıdakileri güncelleyin:

• Önce:

  <h1>It's

• Sonrasında:

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

• Özel Tarih Formatı: l … \a\f\t\e\rga

h1 başlığının, girişlerden önce ve sonra html etiketleri kullanılarak öğeye eklendiğine dikkat edin. "Salı" sözcüğü, özel tarih biçimi kutusundaki "l" ile, ardından biçim dizesinden çıkmak için "\" kullanılarak "sonra" sözcüğüyle görüntülenir. Ardından “g” ve “a”, “6 pm”yi görüntülemek için kullanılır.

Daha sonra tasarım sekmesi altında h1 başlık stillerini özelleştirebilirsiniz.

Son düşünceler

Umarım, bu yazı Divi'de tarih ve saatin nasıl biçimlendirileceği konusunda yardımcı bir kılavuza sahiptir (ve olmaya devam etmektedir). Eğer benim gibiyseniz, eklenti olmadan ve özel kodla elde edebileceğiniz bazı şaşırtıcı biçimlendirme seçeneklerine gözleriniz açıldı!

Yorumlarda sizden haber bekliyorum.

Şerefe!