WordPress sitenize tarih ve saat widget’ları eklemenin 5 yolu
Tarih ve saat widget’ını görüntüler Gazete web sitesi ile başlayan bir şeydir. Bugünün tarihini gazetelerinden almak, her zaman insanların yaşamlarının bir parçası olan bir şeydir. Gazetecilik web’e geçmek için yazdırdığında değişmez. Ancak geçerli tarih ve saati görüntülemek sadece haber web sitesi için değildir. Diğer sitelerin aynı şeyi yapmayı düşünmesinin birçok nedeni var:
Müşterilere müşteri desteğiyle ne zaman iletişim kurabileceklerini söylemek için saat diliminizde mevcut saati görüntüleyebilirsiniz.
İçeriğiniz biraz daha yaşlı olsa bile sitenizin canlı ve alakalı görünmesini sağlar. Bu önemlidir çünkü çoğumuz en son ve en son bilgileri arıyoruz.
Sayfanızda yaklaşan etkinliğiniz varsa, güncel saat ve tarih ziyaretçilerin ne kadar beklemeleri gerektiğini anlamalarına yardımcı olur (alternatif olarak, Divi temasına dahil edilen zaman -sayım modülünü kullanın)
Kısacası, tarih ve saat widget’ı kitlenizi bağlamaya, sitenizi daha ilginç hale getirmeye ve sizi en son haber sağlayıcısı ve bilgileri olarak konumlandırmanıza yardımcı olur. WordPress sitenize nasıl uygulanacağınızı öğrenmek için yeterli neden.
Aşağıdaki makalede, web siteniz için bir tarih ve saat widget’ı oluşturmanın birkaç yolunu göstereceğiz. İlk olarak, bunu manuel olarak nasıl yapacağımızı tartışacağız, daha sonra herhangi bir kodlamadan aynı şeyi yapmanıza izin veren bazı eklenti çözümleri hakkında konuşacağız. Kulağa hoş geliyor mu? O zaman uğraşmayalım ama devam et. WordPress’te manuel olarak tarih ve saat widget’ı nasıl yapılır Sitenizdeki geçerli saat ve tarihi girmenin bir yolu kendi çözüm kodunuzu oluşturmaktır. Önce yapacağımız şey bu. Sitenizde herhangi bir yere girilirse, bu saat ve tarihi ziyaretçilerinize görüntüleyecek basit bir kısa kod yapacağız. Kısa bir kod yapın İlk adımımız gerçek kısa kodu ayarlamaktır. Bu nedenle, önce mevcut temamızdan Function.php’yi açacağız. Anne temanız güncellendiğinde herhangi bir değişiklik kaybetmemek için çocuğun temasını bunun için kullanmanızı şiddetle tavsiye ediyoruz. Dosyayı açtıktan sonra, bu kod indirimi dosyanın sonunda yapıştırın: function current_time_date () {
Dönüş tarihi (‘f js, y, h: i: s’);
}
add_shortcode (‘time_date’, ‘current_time_date’); Bununla ilgili bazı bilgiler: Yukarıdaki kod, geçerli tarih ve saati yayınlayan ve ardından [Time_Date] adlı kısa bir koda ayarlayan bir işlevdir. Sitenizde kısa bir kod girerseniz, işlevi eyleme çağırır.
Yukarıda kullandığımız formatta, saat ve tarih bu formattaki çıktıdır: 6 Temmuz 2017, 12:35:41. Ancak, burada öğrenebileceğiniz farklı bir format kullanabilirsiniz. Şimdi, kodu test etmek için, kısa kodu sitenizdeki bir yere kopyalamanız yeterlidir. Ancak, varsayılan kısa kodun widget’ta çalışmadığını lütfen unutmayın. Kullanmak için Widget kısa kod eklentisini yüklemeniz veya bu satırı functions.php adresine eklemeniz gerekir. add_filter (‘widget_text’, ‘do_shortcode’); Bundan sonra, sonuç şu: JavaScript’e dönmek şimdiye kadar iyi görünüyor, değil mi? Ancak, yukarıdaki adımları izlerseniz, saatin kendini güncellemediğini hemen göreceksiniz. Tersine, sadece şu anda – sayfa yüklendiğinde zamanı püskürttü. Bundan sonra statik kalıyor, hedefini biraz yenen gibi, katılıyor musunuz?
Bunun nedeni, PHP’nin bir sunucu yan dili olmasıdır, yani bilgileri güncellemek için sunucuya ek çağrılar yapmanız gerekir. Bu nedenle, müşterinin JavaScript gibi yan dilinde daha iyi çalışsak. Neyse ki, internette birçok JavaScript saati var. Kısa Google araması birçok örnek görüntülenecektir. Bu hizmeti istediğim biçim için JavaScript kodu üretmek için kullanıyorum. Bundan sonra, kodu tema klasörüme kopyaladığım Clock.js adlı bir dosyaya girdim. Komut dosyası Div’i saat kutusu adından çağırır. Bu nedenle, önceki işlevimi aşağıdakilere değiştirdim:
echo ‘
‘;
}
add_shortcode (‘time_date’, ‘current_time_date’); Şimdi, geriye kalan tek şey sadece yeni javascript dosyamı çağırmaktır: wp_enqueue_script (‘clock’, get_theme_file_uri (‘/clock.js’)); Ve Voila: Son stili ekleyin, genel markanıza uyacak şekilde saat ve tarih widget’ı ayarlamak isteyebilirsiniz. Neyse ki, kullandığımız işlev CSS kimliği oluşturduğundan, kendi stilimizi tarih ve saat widget’ına ekleyebiliriz: #ClockBox {
yazı tipi boyutu: 22px;
yazı tipi tarzı: italik;
Renk: #999;
} İşte sonuç:
Şimdi o kadar zor değil, değil mi? Kolay olacağını söyledim. Ancak, bu kendi tarih ve saat widget’ınızı oluşturmanın sadece bir yoludur. Ek kod parçalarıyla, daha fazla şey yapabilirsiniz. Ancak, manuel rotayı beğenmiyorsanız, WordPress eklentisinin yardımıyla benzer sonuçlar da elde edebilirsiniz. Eklenti Web siteniz için bir Saat ve Tarih widget’ı oluşturmak için WordPress dizinindeki eklenti sayısı fazla olmasa da, oldukça iyi çalışan bazı örnekler vardır. Doğrudan Saat Tarihi
İlk rakibimiz bu eklenti. Adından da anlaşılacağı gibi, bu, WordPress sitenize saat ve tarih eklemenizi sağlar.
Birçok ayar seçeneği sundukları saat ve tarih widget’ı. Saati her dakika veya saniye güncelleyip güncellemeniz, tarihi görüntüleyip gizlemeniz ve siparişi belirlemeniz için 12 veya 24 saatlik döngü arasında seçim yapabilirsiniz. Widget’ların özel CSS için parçaları bile vardır, böylece web sitenizle aynı yazı tipini ve daha fazlasını kullanabilirsiniz.
Bu listedeki son eklenti oldukça basit. Yükle, etkinleştirin ve herhangi bir widget alanından herhangi bir şekilde sürükleyebileceğiniz geçerli tarih ve saat adlı yeni bir widget alırsınız. Tamamlandı. Sonuçlar uygulanabilir görünüyor ve temanızın stiline otomatik olarak ayarlanıyor. Bu aynı zamanda son zamanlarda sahip olması gereken hücresel duyarlıdır. Öte yandan, hiçbir şeyi ayarlama seçeneği sunmadı. Yalnızca bir kez format mevcuttur, daha fazlası için bir pro sürüm satın almanız gerekir. Sonuç WordPress sitenizde saat ve tarih widget’larını görüntülemenin birçok nedeni vardır. Bu, müşterilerinize sizinle ne zaman iletişim kurabileceklerini, mevcut içeriğin nasıl olduğunu ve daha fazlasını anlatmanın iyi bir yoludur. Yukarıda gördüğünüz gibi, bunu WordPress’te uygulamanın birkaç yolu vardır. Bunlardan biri, istediğiniz yerde widget’ı uygulamak için kendi kısa kodunuzu ayarlamaktadır. Tabii ki, sizin için aynı şeyi yapabilecek eklentiler de var. Aşırı olmasa da, orada sağlam olan bazı rakipler var. Şimdi sana. Hiç önceki sitenizde zaman ve tarih widget’ı kullandınız mı? Eğer öyleyse, neden buna ihtiyacınız var ve nasıl uyguluyorsunuz? Aşağıdaki yorum bölümünde bize bildirin. Jane Kelly / Shutterstock.com tarafından Makale Küçük Resim
