WordPress’te hücresel bir menü nasıl gizlenir (adım adım)
Bunu sakladıktan sonra, çeşitli menüleri kullanabilir veya mobil cihazlarda herhangi bir menü görüntülememeyi seçebilirler. WordPress eklentisini kullanmak için yeni başlayanlar önce WordPress kontrol panelinde oturum açmalı ve ardından ekrana, ardından menü sayfasına tıklamalıdır. Burada el cihazında görüntülenecek yeni bir gezinme menüsü oluşturabilirler. Şimdi, gerektiğinde tanıyabilmeniz için yeni bir menü adınız olduğu başka bir ekran bulacaksınız. ‘Telefon menüsü’ olarak bir isim eklediğinizi düşünün. Şimdi öğeleri seçebilirsiniz.
Menüye öğe ekledikten sonra, şimdi Menü Kaydet düğmesini tıklama zamanı. Şimdi WordPress eklenti deposundan WP hücresel menüsünü seçebilir ve indirebilirsiniz. Veya bu eklentiyi doğrudan WordPress kontrol panelinizden yükleyebilirsiniz. Eklenti ayarlarını yapılandırmak için etkinleştirmeden sonra hücresel menü sayfasını açmalısınız. Şimdi burada, telefon menünüzü solda veya sağda oluşturma seçeneğini bulacaksınız. B geçişini aç veya kapalı seçeneğini ayarlayabilirsiniz. Şimdi açılır menüden daha önce yaptığımız telefon menüsünü seçin. Şimdi, ‘orijinal tema menüsünü gizleme’ seçeneğine kadar sayfayı aşağı doğru kaydırın. Şimdi bu seçenek, eklentiye WordPress tema mobil menüsünün gizlenmesi gerektiğini söylemenize yardımcı olacaktır. Varsayılan olarak, WordPress Cellular Dostu teması tarafından kullanılan en sık kullanılan öğeler eklentiler tarafından kullanılacaktır. Çoğu web sitesi kullanıcısının burada hiçbir şey yapmasına gerek yoktur. Örneğin, kullandığınız eklenti temanızın hücresel menüsünü gizleyemez, daha sonra aynı sayfayı tekrar ziyaret edebilir ve tema gezinme menünüze başvurmak için ‘öğeleri bul’ üzerindeki fareyi tıklayabilirsiniz. Tüm ayarlarınızı kaydetmek için değişiklikleri kaydetmeyi unutmayın. Şimdi eklentiler kullanarak yapılandırdığımız için, web sitenize eklenti tarafından eklenen telefon menüsünü yeni menü konumuna görüntülemenin gerektiğini söylemeniz gerekir. Bunu yapmak için: Ekrana gidin ve menü sayfasına tıklayın.
Çıkış menüsünde oluşturduğunuz telefon menüsünün doğru şekilde seçildiğinden emin olun. Şimdi sağ cep telefonu menüsü veya sol cep telefonu menüsü olan menü öğesinin altındaki konumu seçin. Şimdi yeni menünün web sitenizde görülüp görülmediğini kontrol edin. Ancak, kullandığımız eklenti tema hücresel menünüzü görüntüleyecek, ancak yaptığımız şeyi telefon menüsü gösterecek.
Önerdiğimiz eklenti, WP hücresel menü eklentisinin menü çubuğunun rengini değiştirmenize, daha fazla simge eklemenize, opaklığı değiştirmenize ve ayarlarda diğer birçok şeyi yardımcı olacağıdır. Ayar seçeneğini kolayca ve özgürce kullanabilirsiniz. Yöntem 2: Kod yardımıyla, mobil menüleri gizlemek için bu yöntemi seçerken hücresel menüleri gizleyin, kodlamada deneyimlediğinizden emin olun veya en azından bazı özel CSS’yi bildiğinizden emin olun. Bu yöntem için iki farklı yaklaşımınız olacaktır. CSS’nin yardımıyla görünmeyen eksiksiz bir hücresel menü yapabilirsiniz veya mobil cihazlarda tek tek öğeleri görünmez hale getirebilirsiniz. Özel bir CSS kodu yardımıyla değiştirmek istediğiniz CSS öğelerine sahip küçük bir cihazda tam menünüzü görünmez hale getirin. Bunu yapmak için önce web sitenizi ziyaret etmeniz ve ardından Gezinme menüsünü tıklamanız gerekir. Şimdi ona sağ tıklayın ve denetim aracını seçin. Şimdi iki farklı ekran bulacaksınız. Bir ekran web sitenizi görüntülerken, diğer ekran kaynak kodunu görüntüler. Ancak, masaüstü gezinme menünüz bir hücresel menü ile değiştirilmemesi dışında tarayıcı ekranını daha küçük bir boyuta ayarlamanız gerekir.
Şimdi CSS ve WordPress Web Sitesi Navigasyon menüsünüz tarafından kullanılan tanımlamanın bilinmesi gerekir. Farenizi web sitesi kaynak kodunuzda karıştırarak menü alanını vurgulayabilirsiniz.
Şimdi WordPress kontrol paneline gidin.
Görünüşe tıklayın
Tema ayarını başlatmak için özel sayfa seçeneğini açın.
Şimdi ‘Ek CSS’ sekmesine ve yönetici panelinizin sağ köşesine dönebilirsiniz, hücresel simgeye tıklayın.
Önizleme, web sitenizin mobil cihazlarda görünümü hakkında size ayarlamalarla görüntülenecektir. Aşağıda belirtilen CSS kodunun eklenmesi gerekiyor ve önizleme panelinde hücresel menü kaybolacak … Navbar-toggle-wrapper {
Ekran: Hiçbir şey;
}
.Nav-toggle-wraper’ı WordPress temanız tarafından kullanılan bir kimlik ile değiştirdiğinizden emin olun. Tüm değişiklikleri kaydetmek için en üstte ‘Yayıncılık düğmesine’ tıklayın. Bu CSS’yi kullanarak cep telefonunuzda belirli bir menüyü görünmez hale getirin, hücresel bir menüyü gizlemek için ikinci yaklaşımdır. Bu yaklaşımda, bir navigasyon menüsü oluşturmanız ve daha sonra hücresel menüyü masaüstünüzde veya mobil cihazınızda görünür veya görünmez hale getirmeniz istenecektir. Bu yöntemi kullanmanın yararı, menüyü bir masaüstü veya cep telefonuna gizlemek için benzer bir gezinme menüsü kullanabilmenizdir.
WordPress kontrol panelinde
Görünüşe gitmek
Menü sayfasına tıklayın
Ekran seçeneği düğmesine basın
‘CSS’ seçeneğinin hemen yanında kutuyu kontrol edin.
Gizlemek istediğiniz menü öğesini bulana kadar sayfayı aşağı kaydırın. Menü öğesi ayarlarına CSS sınıfını ekleme seçeneğini bulacaksınız. CSS. Hide-Mobile sınıfını tıklayın ve ekleyin. Hücresel menüyü gizlemek için bu işlemi tekrarlayın. Ancak, masaüstü bilgisayarda görülmemesi için yapmak istediğiniz menü öğesindeki fareyi bile tıklayabilirsiniz. Burada CSS. Hide-Desktop sınıfını eklemeniz gerekir. Şimdi ‘Menü Kaydet’ düğmesini tıklayarak değişiklikleri kaydedin.
Hücresel bir menüyü gizlemek için özel bir CSS kodu eklemeniz gerekir. Bunun için
Görünüşe gitmek
Ayarlama sayfasına tıklayın
Tema ayarı başlatılacak
Şimdi Ek CSS sekmesine tıklayın
Ve CSS@Media Box’ta aşağıda verilen kodu ekleyin (minimum genişlik: 980 piksel) {
.
Ekran: Hiçbir şey! Önemli;
}
}
@Media (maksimum genişlik: 980 piksel) {
.
Ekran: Hiçbir şey! Önemli;
}
}
Artık gizlediğiniz hücresel menünün görünüp görünmediğini kontrol edebilirsiniz.Belki cep telefonu menüsü görülmez çünkü cep telefonu menüsünü gizlemek için adımları izliyoruz.
Sonuç: Bu blogda bahsedilen iki farklı yöntemin mobil menüyü kolay ve verimli bir şekilde gizlemenize yardımcı olacağını umuyoruz.
