WordPress, kesinlikle sıfır kodlama bilgisine sahip kişiler dahil herkes için uygun bir platformdur. Bu CMS’yi doğru WordPress temasıyla eşleştirin ve akla gelebilecek hemen hemen her tür web sitesini oluşturabilirsiniz.
Niş ne olursa olsun tüm web sitelerinin ortak bazı unsurları vardır. Örneğin kullanıcıların kolayca dolaşabilmelerini sağlamak için her web sitesinin iyi bir gezinme menüsü olması gerekir. Çok fazla içeriğe sahip çok katmanlı bir web sitesi çalıştırıyorsanız, bu durumda etkili kullanıcı gezinmesi sağlamak için bir mega menü oluşturmanız gerekir. İyi yapılandırılmış bir menü mutlak bir zorunluluktur çünkü kullanıcıların ilgilendikleri bir web sitesinin bölümlerini hızlı bir şekilde bulmasına ve bunlara erişmesine olanak tanır.
WordPress’te menünüze menü öğeleri eklerken, varsayılan olarak her öğenin bir bağlantısı olması ve kullanıcıyı bir tıklamayla bir yere götürmesi gerekir. Tabii ki, bağlantının gerekli olmadığı, gereksiz olduğu durumlar vardır.
İşte hakkında konuşacaklarımız:
-
Bağlantısız Menü Öğeleri Ne Zaman Kullanılır?
-
Bağlantı Olmadan Menü Öğesi Oluşturma
-
Menü Öğelerini Tıklanamaz Hale Getirme
Bağlantısız Menü Öğeleri Ne Zaman Kullanılır?
“No-link” veya “dead” olarak da adlandırdığımız bağlantısız menü öğelerinin temel amacı, bir menüde alt başlıklar veya grup öğeleri oluşturmaktır. Örneğin belirli bir konuyla ilgili birkaç sayfadan oluşan bir menümüz varsa, bu öğe grupları için alt başlıklar olarak hizmet verecek bir veya daha fazla bağlantısız menü öğesi oluşturmak isteyebiliriz.
Hatta bağlantısız menü öğelerini bilgi amaçlı veya tamamen dekoratif amaçlarla kullanabiliriz. Örneğin menüde ayrı bölümler oluşturmak için ayırıcı veya simge içeren böyle bir öğe ekleyebiliriz. Alternatif olarak ek bilgi sağlayan ve böylece navigasyonu ve bağlamsal anlayışı geliştiren bazı metinlerle bağlantısız bir menü öğesi eklemek isteyebiliriz.
Şimdi, WordPress menü öğelerinin bağlantı olmadan nasıl oluşturulacağını görelim.
Bağlantı Olmadan Menü Öğesi Oluşturma
Yönetici kontrol panelinizde Görünüm > Menüler’e gidin.
Menü öğeleri ekle altında, Özel Bağlantılar’a tıklayın. Bu seçeneği görmüyorsanız, sayfanın en üstüne gidin ve sağ üst köşede Ekran Seçenekleri’ni arayın.
Üzerine tıklayın, Özel Bağlantıları arayın ve bu kutuyu işaretleyin.
Şimdi Özel Bağlantılara gidelim. Bu seçenek, Menü öğeleri ekle bölümünde görünecektir. URL alanına bir hashtag (#) girin. Bağlantı Metni alanına, oluşturmak üzere olduğunuz menü öğesinin adını girin.
Bitirdiğinizde, Menüye Ekle düğmesine basın. Değişiklikleri kaydettiğinizde, yeni menü öğesi sağdaki menü yapısında görünecektir.
Artık seçeneklerini açmak için menü öğesini tıklayabilirsiniz. URL alanında ‘#’ işaretini bırakırsanız, yeni menü öğesi bağlantılıymış gibi görünür. Fakat üzerine tıklandığında kullanıcılar o anda göz atmakta oldukları sayfanın en üstüne dönerler. Hashtag’i siler ve alanı boş bırakırsanız, göz attıkları sayfa menü öğesini tıkladıklarında yenilenir.
Neyse ki, bunun da basit bir çözümü var.
Menü Öğelerini Tıklanamaz Hale Getirme
Bir menü öğesinin bağlantısının kaldırıldığını netleştirmek için, bir kullanıcı o menü öğesinin üzerine geldiğinde fare imlecinin varsayılan simge olarak görüntülenmesini de sağlayabilirsiniz. WordPress Interactive’in premium WordPress temalarından birini kullanıyorsanız, bunu sadece Bağlama kutusunu işaretleyerek yapabilirsiniz.
Bu durum fareyle üzerine gelindiğinde yalnızca varsayılan imleci göstermekle kalmayacak, aynı zamanda menü öğesini tıklanamaz hale getirecektir (örneğin, bir kullanıcı menü öğesini tıklarsa, hiçbir şey olmaz).
Temalarımızdan birini kullanmıyorsanız, varsayılan imleci farenin üzerinde tutabilir ve basit bir CSS aracılığıyla bağlantıyı tıklanamaz hale getirebilirsiniz. Görünüm > Menüler’de sayfanın üst kısmındaki Ekran Seçenekleri’ne tıklayın ve CSS Sınıfları kutusunun işaretli olduğundan emin olun.
Daha sonra daha önce bağlantısını kaldırdığınız menü öğesine gidin ve CSS Sınıfları seçeneğini arayın. Bu alana unclickable yazın ve ardından Menüyü Kaydet’e tıklayın.
Artık sınıfı oluşturduğunuza göre, aşağıdaki kodu CSS’nize ekleyin:
.unclickable > a {
pointer-events: none;
}
Ve hepsi bu kadar. Kullanıcılar artık unclickable sınıfıyla herhangi bir menü öğesini tıklayamazlar.
Premium WordPress Teması
…ve Bu Bir Sargıdır!
WordPress menü öğelerini bağlantı olmadan nasıl oluşturacağınızla ilgili eğitimimizin sonuna geldik ve ayrıca fareyle üzerine gelindiğinde işaretçinizi nasıl yok edeceğinizi gösterdik. Yönetici kontrol panelinizde ve CSS’de değişiklikler yaparken, yol boyunca yaptığınız tüm değişiklikleri kaydetmeyi unutmayın. Ve unutmayın, net gezinme, iyi bir UX’in çok önemli bir bileşenidir. Ziyaretçileriniz bir sayfadan diğerine sorunsuz bir şekilde geçebilmelidir, bu nedenle menü yapınızı iyi planlayın. Fakat aynı zamanda menünün görünümünü denemekten çekinmeyin. Gizli menülerin veya tam ekran gezinmenin olanaklarını keşfedin. Fakat her zaman web sitenizin anlaşılır ve kullanımının kolay olduğundan emin olun.