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’te Ok Tuşlu Klavye Gezintisi Nasıl Eklenir

Editoryal Not: WPBeginner üzerindeki ortak bağlantılardan komisyon kazanıyoruz. Komisyonlar, editörlerimizin görüşlerini veya değerlendirmelerini etkilemez. Editoryal Süreç hakkında daha fazla bilgi edinin.

WordPress’e ok tuşuyla klavye navigasyonu eklemek ister misiniz?

Klavye navigasyonu, ziyaretçilerin ok tuşlarını kullanarak yazıdan yazıya geçmesini sağlayarak web sitenizi daha kullanıcı dostu hale getirebilir. Ancak WordPress varsayılan olarak bu navigasyon özelliklerini sunmaz.

Bu makalede, WordPress’te ok tuşlu klavye navigasyonunu nasıl kolayca ekleyebileceğinizi göstereceğiz.

How to add arrow key keyboard navigation in WordPress

WordPress’e Neden Ok Tuşlu Klavye Gezintisi Ekleyelim?

Klavye navigasyonu eklemek, kullanıcıların WordPress web sitenizdeki blog yazılarına kolayca göz atmasını sağlar.

Kullanıcılar klavyelerindeki sağ ve sol ok tuşlarına tıklayarak bir sonraki ve bir önceki blog yazılarını görüntüleyebilirler.

Bu özellik, kullanıcıların gönderilere sıralı olarak kolayca göz atmasını istediğinizde kullanışlı olur. Örneğin, blog gönderilerini bir kitabın bölümlerini, portföy öğelerini, tarihi olayları veya daha fazlasını yayınlamak için kullanıyorsanız.

Ok tuşlarıyla klavye navigasyonu eklemek, kullanıcıları sitenizi daha fazla keşfetmeye teşvik ederek WordPress blogunuzdaki kullanıcı deneyimini iyileştirmenin harika bir yolu olabilir.

Bununla birlikte, WordPress’te ok tuşlu klavye navigasyonunun nasıl kolayca ekleneceğini adım adım görelim:

Yöntem 1: WPCode Kullanarak Ok Tuşlu Klavye Gezintisi Ekleme (Önerilen)

WordPress temanızın functions.php dosyasına kod ekleyerek WordPress sitenize kolayca ok tuşlu navigasyon ekleyebilirsiniz.

Bunu yaptığınızda, kullanıcılar klavyelerindeki ok tuşlarını kullanarak sitenizdeki farklı sayfalar ve gönderiler arasında geçiş yapabileceklerdir.

Ancak, WordPress çekirdek dosyalarına özel kod eklemenin riskli olabileceğini ve küçük bir hatanın sitenizi bozabileceğini unutmayın.

Bu yüzden her zaman WPCode kullanmanızı öneriyoruz. Web sitenize kod eklemeyi güvenli ve kolay hale getiren piyasadaki en iyi WordPress kod parçacıkları eklentisidir.

Öncelikle WPCode eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Ayrıntılar için bir WordPress eklentisinin nasıl kurulacağına ilişkin başlangıç kılavuzumuza bakın.

Not: WPCode’un bu eğitim için kullanabileceğiniz ücretsiz bir sürümü de vardır. Ancak, ücretli plana yükseltmek kod parçacığı kitaplığı, koşullu mantık, CSS Parçacığı seçeneği ve daha fazlası gibi daha fazla özelliğin kilidini açacaktır.

Etkinleştirmenin ardından WordPress yönetici panosundan Code Snippets ” + Snippet Ekle sayfasına gidin.

Buraya geldiğinizde, ‘Özel Kodunuzu Ekleyin (Yeni Snippet)’ seçeneğinin altındaki ‘Snippet Kullan’ düğmesine tıklayabilirsiniz.

Add new snippet

Bu sizi kod parçacığınız için bir ad yazarak başlayabileceğiniz ‘Özel Snippet Oluştur’ sayfasına götürecektir.

Ardından, ekranın sağ köşesindeki açılır menüden ‘Kod Türü’ olarak ‘Evrensel Snippet’i seçmeniz yeterlidir

Not: Lütfen kod türü olarak ‘JavaScript’i seçmeyin. JavaScript kodu olmasına rağmen, kod yalnızca ‘Universal Snippet’ seçeneğini seçerseniz sitenizde çalışır.

Choose Universal code type for arrow keys navigation

Ardından, aşağıdaki kodu kopyalayıp ‘Kod Önizleme’ kutusuna yapıştırmanız yeterlidir:

<script type="text/javascript">
        document.onkeydown = function (e) {
            var e = e || event, 
            keycode = e.which || e.keyCode; 
            if (keycode == 37 || keycode == 33)
                location = "<?php echo get_permalink(get_previous_post()); ?>";
            if (keycode == 39 || keycode == 34)
                location = "<?php echo get_permalink(get_next_post()); ?>";
        }
    </script>

Bundan sonra, kod parçacığı için bir konum seçmek üzere ‘Ekleme’ bölümüne ilerleyin.

Burada, ‘Konum’ seçeneğinin yanındaki açılır menüden ‘Site Genelinde Altbilgi’ seçeneğini seçmeniz yeterlidir.

Choose Site Wide Footer from the Location dropdown

Ardından, özel kod için ekleme yöntemi olarak ‘Otomatik Ekle’yi seçin.

Kod artık etkinleştirildikten sonra web sitenizde otomatik olarak yürütülecektir.

Choose an insertion method

Bundan sonra, sayfanın en üstüne geri gidin ve anahtarı ‘Etkin Değil’den ‘Etkin’e getirin.

Ardından, tek yapmanız gereken ‘Snippet’i Kaydet’ düğmesine tıklamaktır.

Save your arrow keys navigation snippet

İşte bu kadar! Web sitenize sol ve sağ ok tuşlu navigasyonu başarıyla eklediniz.

Yöntem 2: Ok Tuşları Navigasyon Eklentisini Kullanarak Ok Tuşlu Klavye Navigasyonu Ekleme

Web sitenize kod eklemek istemiyorsanız, Arrow Keys Navigation eklentisini kullanabilirsiniz.

Bu eklenti, klavyenizdeki sağ ve sol ok tuşlarını kullanarak sitenizin önceki ve sonraki yazıları arasında gezinmenizi sağlar.

Öncelikle, Ok Tuşları Navigasyon eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Not: Bu eklenti yakın zamanda güncellenmedi. Ancak, WordPress’in en son sürümüyle test ettik ve hala çalışıyor.

Activate the plugin

Çok basit bir eklenti olduğu için ek bir yapılandırma gerektirmez. Eklentiyi etkinleştirdikten sonra, artık ok tuşlarını kullanarak sitenizdeki farklı yazılara geçiş yapabilirsiniz.

Bu eklentinin yalnızca web sitenizdeki farklı gönderiler arasında geçiş yapmanıza izin verdiğini, bu nedenle bir sayfadan diğerine geçmek için ok tuşlarını kullanamayacağınızı unutmayın.

Örneğin, ok tuşlarını kullanarak ‘Ana Sayfa’ sayfanızdan ‘Bize Ulaşın’ sayfanıza geçemezsiniz.

Eklentiyi etkinleştirdikten sonra, web sitenize kullanıcılara artık bir yazıdan diğerine geçmek için sadece ok tuşlarını kullanarak çeşitli blog yazıları arasında gezinebileceklerini söyleyen bir uyarı çubuğu veya açılır pencere ekleyebilirsiniz.

Daha ayrıntılı talimatlar için lütfen WordPress’te bir uyarı çubuğunun nasıl oluşturulacağına ilişkin eğitimimize bakın.

WordPress Slider ve Resim Galerileri için Ok Tuşlu Navigasyon

Yukarıdaki iki çözüm, kullanıcıların blog yazılarınızda ok tuşlarıyla gezinmesine olanak tanıyacaktır. Ancak, bazen kullanıcıların görüntüleri ok tuşlarıyla hareket ettirmesine veya kaydırıcınızı ok tuşlarıyla hareket ettirmesine izin vermek gibi başka işlevler eklemek isteyebilirsiniz.

Bu durumlarda, bir WordPress galeri ek lentisi ve/veya bir WordPress kaydırıcı eklentisi kullanmanız gerekecektir. Çoğu popüler kaydırıcı ve galeri eklentisi, ok tuşu gezinme özellikleriyle birlikte yerleşik olarak gelir.

Envira Gallery ‘yi kullanmanızı öneririz çünkü filigranlar, ok tuşları ve alt metin dahil olmak üzere resimlerinizi beğeninize göre özelleştirmenize olanak tanıyan en iyi galeri eklentisidir.

Is Envira Gallery the right photo and video gallery plugin for you?

Ayrıntılar için WordPress’te nasıl resim galerisi oluşturulacağına ilişkin eğitimimize bakın.

Umarız bu makale WordPress’te ok tuşuyla klavye navigasyonunun nasıl ekleneceğini öğrenmenize yardımcı olmuştur. Ayrıca en iyi WordPress eklentileri seçimimizi veya WordPress’te özel karakterlerin nasıl ekleneceğine ilişkin kılavuzumuzu da görmek isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

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

6 yorumBir Cevap Bırakın

  1. Syed Balkhi says

    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. Jiří Vaněk says

    I tried using the snippet on my friend’s site and it works great. He has a travel blog designed as a travel diary and this was a very good way to make the site more enjoyable for people. Thanks for the code provided.

  3. Brian says

    Works like a charm, for the first WP Code option. But any ideas how to get this to ‘loop’ around all the available posts in a post type? Currently at the first or last post the implementation just reloads that post page.

    • WPBeginner Support says

      There may be an issue with your keyboard itself, have you tried using an on-screen keyboard to see if the issue happens when using a different keyboard?

      Yönetici

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.