Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress’e Yeni Başlayanlar İçin En İyi 8 jQuery Eğitimi

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

jQuery Tabber Widget in WordPress

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

jQuery FAQ Accordion Menu

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

Smooth scroll to top effect with jQuery

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

Adding jQuery Tooltips to WordPress Comment Form

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?

How to make your videos responsive in WordPress using jQuery Fitvids plugin

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

Add a slide panel menu in WordPress using jQuery

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

Testimonials in jQuery Tooltip

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.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

3 yorumBir Cevap Bırakın

  1. 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!

  2. adolf witzeling

    Great way to getting started with jQuery-thanks for sharing.

  3. 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?

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.