H O K K A
Haber Yazılımında Kampanya İncele
19 Şubat 2015

Mobil Cihazlar İçin WordPress Bir Duyarlı Menü Oluşturma

Mobil cihaz kullanımının artış göstermesi ile birlikte sitelerinde bu cihazlara uygun olarak tasarlanması gerekmektedir. mobil-cihazlar-icin-wordpress-bir-duyarli-menu-olusturma1Bu sayede web siteleri mobil cihazlardan da kolay ve verimli bir şekilde kullanılabilinecektir. Aksi takdirde örneğin telefondan bir gizli menü açma işlemi bile çileye dönüşebiliyor. Ekranda yeterli düzenleme yapılmadığı için telefon ekranından menüyü açmak için dokunduğunuzda menü haricinde her şeyin açıldığını görürsünüz. Buda bazı düzenlemelerin eksik olduğunu göstermektedir. Bu ve bunun gibi şeyler kullanıcıların hoşlanmadığı yapılar olmaktadır. Bunun için böyle bir yapıya sahip olan sitelerin duyarlı bir yapıya sahip olmaları için gerekli çalışmaların yapılması gerekmektedir. Bir web sitesi sadece bilgisayarlar için tasarlandığında mobil cihazlardan bağlanma durumunda ortaya tatsız durumlar çıkmaktadır. Her yönden sorunların oluşması muhtemeldir. Çirkin görünümler, kullanışsız yapı bunlardan birisi olmaktadır.
Child Tema Oluşturma
Yukarıda ki kodda sadece şablon alanda belirtilen bir çocuk teması mevcut olmaktadır. Adından da anlaşılacağı gibi meta verileri de kullanabilirsiniz. Bunun yanında bir css kullanılmıştır. Bu sayede çocuk tema oluşturulup il adım atılmış olacaktır.
Menü Oluşturma
Cocuk tema oluşturduktan sonra sıra mobil menü oluşturmaya gelmektedir. Mobil menü içinde function.php den yardım alınacaktır.
Function.php ile iyi bir yapı kurulabilir. Ana başlık menüsü header.php ile özellikle menüyü görüntülemek için kod eklemek durumuna ihtiyaç duyulacaktır.
Bu işlemden sonra menü yöneticisine gitmek gerekmektedir. Mobil menüsünde görünüme izin vermek için gerekli seçenek işaretlenmelidir. Birincil menü tema konumu eklenerek özel bağlantıların da aynı şekilde eklenmesi gerekmektedir.
Menü stilleri
Menüleri nerede göstermek istediğinize bu aşamada karar vermeniz gerekmektedir. Mobil görünüm için tasarlanan menü burada optimize edilecektir. Css sorguları ile işleme kalındığı yerden devam edilecektir. Aşağıdaki style.css kodu da eklenerek sürece devam edilmelidir.
Yukarıdaki kodda  ekran boyutları küçük olduğunda mobil menü görüntülenir ve ana menüye gizli oylanır. Medya sorgu etiketleri ekran boyutu belirtilen ve yazdığınız özellikte olmaktadır.İsteğe bağlı olarak başka stillerde eklenebilir. Bu sayede de  duyarlı bir wordpress menüsü eklenmiştir.