WordPress sitenize duyarlı takvim nasıl eklenir
Birçok web sitesi bir takvime sahip olmaktan yararlanır. Etkinlikler reklamını yaparsanız, ekip etkinliklerini koordine ederseniz veya topluluk bilgileri sağlarsanız, takvimi sitenize sabitlemek, kullanıcıların ihtiyaç duydukları bilgileri hızlı ve kolay bir şekilde almalarına yardımcı olur. İhtiyacınız olan tek şey tarih ve saati görüntülemekse ve tüm bunları Google takviminde kaydettiyseniz, Google takvimini site sayfalarınızdan birine sabitlemek bunu yapmanın en kolay yoludur. Bu hafta sonu WordPress gönderisinde, sitenizdeki Google takviminin nasıl sabitleneceğini tam olarak göstereceğim. Dahası, takviminizi nasıl duyarlı hale getireceğinizi öğreneceksiniz, böylece herhangi bir cihazdan sitenizi ziyaret ederek takviminiz düzene zarar vermez.
Zaten kullanabileceğiniz bir Google takviminiz olduğunu varsayacağım, ancak eğer değilse, burada yapacağım bir kamu takvimi kullanabilirsiniz. Kamu takvimine nasıl erişeceğinizi göstererek başlayacağım: Kendi takviminiz varsa, bu adımı geçebilirsiniz. Yani, üç adımda çalışacağız:
Bir kamu takvimine erişin ve abone olun (kendi takviminizle çalışıyorsanız bunu geçin)
Sitemize Takvim Semat Kodunu ekleyin
Duyarlı bir takvim yapmak için bazı basit CSS ekleyin.
Daha sonra size birkaç takvim ekleyerek bunu nasıl daha da ileri götürebileceğinizi göstereceğim.
Başlayalım! Adım 1: İlk adım kamu takvimine erişmek ve abone olmak kamu takvimini almaktır. Google, genel takvimlerin bir listesini sağlar ve doğrudan Google takvim arayüzünden erişebilirsiniz. Google takvimini tarayıcınıza açarak başlayın ve girin. Bu size bir takvim arayüzü verecektir: Genel takvime erişmek için, sol alttaki diğer takvim listesinin solundaki alt oku tıklayın:
Şimdi sitenizdeki takvimi sabitlemek için bir sonraki adıma devam edin. Adım 2: Sitenizde Takvim İnşa Edin Bir sonraki adım (veya kendi takviminizle çalışıyorsanız ilk adım) Sitenizdeki takvimi sabitlemektir. Sitenizde takvime girmek istediğiniz bir sayfanız varsa, WordPress yöneticisinde açın. Veya yeni bir sayfa oluşturmazsanız ve düzenlemeye başlamazsanız. Görsel bir sekmeyi değil, metin sekmesini açtığınızdan emin olun. Şimdi tarayıcınızdaki takviminize geri dönün. Takvimin sağ adına doğru oku tıklayın, ardından takvim ayarlarını tıklayın. Not: Kendi takviminizle çalışıyorsanız, takvimin herkese açık olduğundan emin olun. Bunu ayarlar ekranından düzenleyebilirsiniz. Bu, bu takvimin gömme bölümü de dahil olmak üzere Ayarlar ekranını açacaktır: sağda, sitenize kopyalamanız gereken kodu göreceksiniz. Bunu olduğu gibi kopyalayabilir veya renkleri ve diğer seçenekleri ayarlamak için yukarıdaki bağlantıya tıklayabilirsiniz. Kodu kopyalayın ve sayfanıza geri dönün. Şimdi aynı kodu sayfanıza yapıştırın, metin sekmesinde olduğunuzdan emin olun. Benimki şöyle görünüyor:
Şimdi yayınlamayı veya güncelleyerek ve bakarak sayfanızı kaydedin. Şimdi gördükleriniz temanıza bağlı olacaktır. Duyarlı bir tema kullanıyorsanız, tarayıcı penceresinin boyutunu değiştirdiğinizde takvim değiştirilmelidir. Ancak temanız tamamen duyarlı değilse, bir CSS hattı eklemeniz gerekir. Beş yıl önce sayfamın ne göründüğünü görmek için geçmişe geri döndüm ve duyarlı olmayan yirmi -ten temasını etkinleştirdim. Aşağıda takvim ekranım: Takvim genişliği devam filminin genişliğinden daha büyük olduğundan, takvim sayfanın ana içerik alanından daha fazla genişlik gerektirir ve yan çubukla çakışır. Daha küçük hale getirmek için penceremin boyutunu değiştirirsem, düzene gerçekten zarar verir.
İyi haber şu ki, bunun bir satır CSS ile iyileştirilmesi kolay. Duyarlı bir takvim oluşturmak için CSS ekleyin, takviminiz tarayıcı penceresinin boyutunu değiştirdiğinizde boyutu değiştirmezse, tema stili sayfanıza bir satır CSS eklemeniz gerekir. Üçüncü taraf bir temayla (yani kendinizi yapmadığınız) çalışıyorsanız, önce CSS’niz için bir çocuk teması yapmalısınız. Bunu yapmazsanız, bir sonraki temayı güncellediğinizde işiniz kaybolacaktır. Yani, bir çocuk teması yapmanız gerekiyorsa, lütfen ve yapın, çocuğun teması için rehberimizden talimatlar kullanın. Bu, çocuğumun temasındaki stil sayfam. Temanın ihtiyaç duyduğu tek dosya budur:
Rachelmccollin/C5FE97CFC608529B14BC’nin çekirdeğinin yüklenmesiBunu bitirdikten sonra çocuk temasını etkinleştirin. Şimdi stil sayfasını (style.css) temanızda (veya çocuk temanızda) açın ve bu satırı ekleyin:
Rachelmcollin’in çekirdeğini yükleme/01BF747A33C7C284A27A
Sayfanızı tarayıcıdaki yansıtır ve takvimin içindeki öğelere uyacak şekilde boyut olarak değiştirildiğini ve pencere boyutunu değiştirdiğinizde takvim boyutu da değişir:
Daha ileri gidin: Bazı takvimler daha ileri gitmek istiyorsanız, Google takviminden bazı takvim ekleyebilir ve her şeyi aynı takvim ekranında görüntüleyebilirsiniz.
Bunu yapmak için, her şeyden önce, Google takviminde tüm takvimleri abone olmalısınız veya yapmalısınız. Aşağıda, Birleşik Krallık, ABD ve Avustralya’daki ulusal tatiller için toplam üç kamu takvimine abone olduğumu görebilirsiniz:
Şimdi takvimi sabitleyelim. İlk olarak, gömmek istediğiniz takvimden birinin sağındaki oku tıklayın. Ayar ekranı göründüğünde kodu kopyalamayın: bunun yerine, renkleri, boyutları ve diğer seçenekleri düzenlemek için bağlantıyı tıklayın. Bu, ayarları düzenleyebildiğinizde yeni bir ekran açacaktır. Sol tarafta, tüm takvimlerinizi göreceksiniz. Semat kodunuza eklemek istediğiniz her takvimin yanındaki kutuyu kontrol edin. Aşağıda, genel takvimlerimin üçünü kontrol ettiğimi görebilirsiniz: İsterseniz, ekranın her takvimi için renkleri düzenleyerek, her takvimin sağındaki renkli kutuyu tıklayarak ve renk seçerek. Kullanıcınızın hangisini görebilmesi için her takvim için farklı bir renk kullanmanızı öneririz. Yapılacak bir diğer önemli şey de sol üstteki takvim başlıkları alanında takviminize bir başlık eklemektir. Bunu yapmazsanız, bu kafa karıştırıcı olabilecek ilk takvimin adı için varsayılan olacaktır. Takvimin üzerindeki kutuda görünen kodu kopyalayın ve sitenize yapıştırın. Şimdi sayfamı her iki takvimle, biri sadece bir takvim ve diğeri birkaç takvim içeren kaydettim: Eklediğimiz CSS tüm IFrame öğeleri için geçerli olduğundan, bu takvim için de geçerlidir, bu da duyarlıdır.Google takvimini sitenizdeki sabitlemek, yaklaşık yarım saat içinde kolayca yapabileceğiniz bir şeydir.Kendi takviminizle veya Google tarafından sağlanan bir kamu takviminizle çalışın, bu, Sematan kodunu alma, sayfanıza eklemek ve daha sonra bir parçası değilse duyarlı hale getirmek için bazı basit CSS eklemektir. temanız.Etiket: Takvim
