jQuery etkileşimli, kullanıcı dostu ve güzel web siteleri oluşturmanıza yardımcı olur. CSS ve HTML bilgisi az olanlar için jQuery karmaşık görünebilir, ancak takip etmesi kolay eğitimlerle herkes sitelerine süslü efektler ekleyebilir. Bu yazıda, WordPress’e yeni başlayanlar için en iyi jQuery eğitimlerinden bazılarını listeleyeceğiz.
Bu eğitimlerle sadece bu şık jQuery betiklerini WordPress sitenize nasıl ekleyeceğinizi öğrenmekle kalmayacak, aynı zamanda jQuery’yi ve WordPress’te nasıl kullanılacağını biraz öğrenme şansı bulacaksınız. Yeni başlayanlar için öncelikle WordPress’te kod parçacıklarının nasıl ekleneceği ve WordPress’ te JavaScript ve Stillerin nasıl düzgün bir şekilde ekleneceği hakkındaki rehberimize göz atmanızı tavsiye ederiz.
1. WordPress’te jQuery Tabber Widget’ı Nasıl Eklenir
Tabber widget’ı, birden fazla widget’ı sekmelerle tek bir widget’ta birleştirerek kenar çubuğu alanından tasarruf etmenizi sağlar. Bu jQuery dersinde, değiştirilmesi kolay bir eklenti olarak jQuery Tabber widget’ını nasıl oluşturacağınızı öğrenecek ve sekmelere istediğiniz içeriği eklemek için özelleştirebileceksiniz.
2. WordPress’te jQuery SSS Akordeonu Nasıl Eklenir
Sıkça sorulan soru sayfaları daha uzun ve okunması zor hale gelebilir. Bu jQuery eğitiminde, jQuery akordeonunu kullanarak web sitenizde nasıl SSS bölümü oluşturacağınızı gösteriyoruz. Bu, kullanıcılar soruları çok fazla kaydırmadan hızlı bir şekilde görebilecekleri için çok daha iyi bir kullanıcı deneyimi yaratır.
3. WordPress’te jQuery Kullanarak Üste Yumuşak Kaydırma Efekti Ekleme
Kullanıcının içeriğin tamamını görmek için çok fazla kaydırma yapması gereken uzun makaleler yayınlayan web siteleri için, kullanıcıları sayfanın başına geri gönderecek bir düğme veya bağlantı daha iyi bir kullanıcı deneyimi sağlar. Bu eğitimde, jQuery kullanarak yumuşak kaydırma efektli bir başa dön düğmesinin nasıl ekleneceğini gösterdik.
4. WordPress Yorum Formuna jQuery Araç İpuçları Nasıl Eklenir
Araç ipuçları, kullanıcılara fareyi bir öğenin üzerine getirdiklerinde talimatlar veya faydalı bilgiler sağlamak için kullanılabilir. Bu jQuery eğitiminde WordPress yorum formunuza araç ipuçlarını nasıl ekleyeceğinizi gösteriyoruz. Sadece güzel görünmekle kalmaz, aynı zamanda kullanıcılarınızı sitenizdeki tartışmalara katılmaya teşvik eder.
5. FitVids ile WordPress’te Videolarınızı Nasıl Duyarlı Hale Getirebilirsiniz?
WordPress sitenize YouTube videoları eklediğinizde, bunlar varsayılan olarak duyarlı değildir. WordPress temanız duyarlı olsa bile, video kapsayıcısı orantısız bir şekilde eğilerek daha küçük cihazlarda ve ekran boyutlarında kullanıcılar için kötü bir kullanıcı deneyimi yaratacaktır. Bu eğitimde, WordPress’te videolarınızı duyarlı hale getirmek için Fitvids jQuery eklentisini nasıl kullanacağınızı gösteriyoruz.
6. WordPress’te Dönen Referanslar Nasıl Eklenir
Başlıktan da anlaşılacağı gibi, bu eğitimde WordPress sitenize dönen referansları nasıl ekleyeceğinizi gösteriyoruz. Web sitenizde referanslar bölümü olduğunda ve referansları düzgün bir jQuery efektiyle göstermek istediğinizde çok kullanışlıdır.
7. WordPress Temalarında Slayt Paneli Menüsü Nasıl Eklenir
Bir kullanıcı web sitenizdeki menü düğmesine tıkladığında bir slayt panel menüsü görünür. Bu eğitimde jQuery kullanarak mobil uyumlu slayt panel menülerinin nasıl oluşturulacağını öğreneceksiniz.
8. WordPress Temalarında Araç İpucu Referansları Nasıl Eklenir
Bu eğitimde size kullanıcı referanslarını jQuery Tooltip’te nasıl görüntüleyeceğinizi gösteriyoruz. WPBeginner Videolar sayfasında kullandığımız koda dayanmaktadır. Referansları blok tırnak içinde göstermek yerine, bir kullanıcı fareyi kullanıcı fotoğrafının üzerine getirdiğinde referans metnini görüntüler.
Bu jQuery eğitimlerinden bazılarını WordPress sitenizde deneyeceğinizi umuyoruz. Umarız bu, jQuery ve WordPress temaları ile çalışmaya başlamanızı sağlar. WordPress’te uygulanmasını istediğiniz belirli bir jQuery ipucu varsa bize bildirin? Geri bildirim ve sorularınız için lütfen yorum bırakın.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
adolf witzeling
Great way to getting started with jQuery-thanks for sharing.
abhisek
Thank you for the collection but as you know human wants are unlimited so we want more such nice, useful and easy tutorials :-). Btw if we use jquery in menu (Slide panel menu) will that be visible to search engine crawler’s or esle we have to modify the code a bit?