WordPress'e Ok Tuşu Klavye Navigasyonu Nasıl Eklenir

Web sitenizin gezinmesini iyileştirmek, kullanıcı deneyimini artırabilir ve ziyaretçilerin içeriği verimli bir şekilde gezinmesini kolaylaştırabilir.

WordPress'e ok tuşu klavye navigasyonu eklemek, kullanıcıların yalnızca ok tuşlarını kullanarak sitenizin gönderileri arasında gezinmelerini sağlar. Ancak, WordPress varsayılan olarak bu gezinme özelliklerini sunmaz.

WPBeginner olarak, sorunsuz ve keyifli bir kullanıcı deneyimi yaratmaya odaklanıyoruz. Zamanla, ok tuşlarıyla gezinme de dahil olmak üzere sitemizin kullanılabilirliğini artırmak için çeşitli yöntemler denedik. Bu özellik blogumuz için önemli olmasa da, e-kitap yazarları ve okuyucu deneyimini geliştirmek isteyen daha küçük bloglar için nasıl faydalı olabileceğini anlıyoruz.

Bu makalede, WordPress'e ok tuşlarıyla klavye navigasyonu eklemeyi kolayca nasıl yapacağınızı göstereceğiz. 

WordPress'e Ok Tuşu Klavye Gezinmesi Neden Eklenir?

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 sonraki ve önceki blog yazılarını görüntüleyebilir.

Bu özellik, kullanıcıların gönderileri sıralı bir şekilde kolayca gezinmesini istediğinizde kullanışlıdır. Örneğin, bir kitabın bölümlerini yayınlamak için blog gönderilerini kullanıyorsanız, portföy öğeleri, tarihi olaylar veya daha fazlası.

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

Bununla birlikte, WordPress'e ok tuşu klavye navigasyonunu adım adım nasıl kolayca ekleyeceğimize bakalım:

Yöntem 1: WPCode Kullanarak Ok Tuşu Klavye Navigasyonu Ekleme (Önerilir)

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

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

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

Bu nedenle her zaman WPCode kullanmanızı öneririz. Web sitenize güvenli ve kolay bir şekilde kod eklemenizi sağlayan piyasadaki en iyi WordPress kod parçacığı eklentisidir.

İlk olarak, WPCode eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Ayrıntılar için, WordPress eklentisinin nasıl kurulacağına dair başlangıç kılavuzumuza bakın.

Etkinleştirdikten sonra, WordPress yönetici panelinden Kod Parçacıkları » + Parçacık Ekle sayfasına gidin.

Ardından, 'Özel Kodunuzu Ekle (Yeni Kod Parçası)' seçeneğinin altındaki 'Kod Parçasını Kullan' düğmesine tıklayabilirsiniz.

Bu sizi, kod parçacığınıza bir isim yazarak başlayabileceğiniz ‘Özel Kod Parçacığı Oluştur’ sayfasına götürecektir.

Burada, ekranın sağ köşesindeki açılır menüden ‘Kod Türü’ olarak ‘Evrensel Parça’yı seçmeniz yeterlidir.

Ardından, aşağıdaki kodu '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>

Ardından, kod parçasının yerini seçmek için 'Ekleme' bölümüne aşağı kaydırın.

Burada, 'Konum' seçeneğinin yanındaki açılır menüden 'Site Geneli Altbilgi' seçeneğini seçin.

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

Kod, etkinleştirme üzerine web sitenizde otomatik olarak yürütülecektir.

Ardından, sayfanın en üstüne geri kaydırın ve anahtarı ‘Devre Dışı’ konumundan ‘Etkin’ konumuna getirin.

Ardından, yapmanız gereken tek şey 'Kod Parçasını Kaydet' düğmesine tıklamak.

İşte bu kadar! Sitenize başarıyla sol ve sağ ok tuşu navigasyonunu eklediniz.

Yöntem 2: Ok Tuşları Gezinme Eklentisini Kullanarak Ok Tuşu Klavye Gezinmesi Ekleme

Web sitenize kod eklemek istemiyorsanız, Ok Tuşları Gezinme eklentisini kullanabilirsiniz.

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

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

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

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

Örneğin, ok tuşlarını kullanarak ana sayfanızdan 'Bize Ulaşın' sayfanıza geçemezsiniz.

Eklentiyi etkinleştirdikten sonra, kullanıcılara ok tuşlarını kullanarak bir yazıdan diğerine geçerek çeşitli blog yazılarını gezebileceklerini bildiren bir uyarı çubuğu veya açılır pencere ekleyebilirsiniz.

Ayrıntılı talimatlar için lütfen WordPress'te uyarı çubuğu oluşturma konusundaki öğreticimize bakın.

WordPress Kaydırıcısı ve Resim Galerileri için Ok Tuşu Gezinmesi

Yukarıdaki iki çözüm, kullanıcıların ok tuşlarıyla blog yazılarınızda gezinmelerini sağlayacaktır. Ancak, bazen kullanıcıların ok tuşlarıyla resimleri hareket ettirmelerine veya kaydırıcınızı ok tuşlarıyla hareket ettirmelerine izin vermek gibi başka işlevler eklemek isteyebilirsiniz.

Bu durumlarda, bir WordPress galeri eklentisi ve/veya bir WordPress kaydırıcı eklentisi kullanmanız gerekecektir. En popüler kaydırıcı ve galeri eklentileri, ok tuşlarıyla gezinme özellikleriyle birlikte gelir.

Görüntülerinizi filigranlar, ok tuşları ve alt metin dahil olmak üzere istediğiniz gibi özelleştirmenize olanak tanıyan en iyi galeri eklentisi olduğu için Envira Gallery kullanmanızı öneririz.

Ayrıntılar için, WordPress'te resim galerisi oluşturma hakkındaki eğitimimize bakın.

Bu makalenin WordPress'te ok tuşu klavye gezinmesinin nasıl ekleneceğini öğrenmenize yardımcı olduğunu umuyoruz. Ayrıca, güzel bir web sitesi tasarlamak için en iyi WordPress tema oluşturucuları veya WordPress için en kullanışlı anahtar kelime kısayolları hakkındaki en iyi seçimlerimize de bakmak isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.