WP Hücresel Menü İncelemesi: Daha iyi bir WordPress Hücresel Menü oluşturun

Hücresel trafik, internetteki tüm web sitesi trafiğinin yaklaşık yarısına katkıda bulunur (belki nişiniz için daha fazla), bu yüzden hemen hemen her WordPress teması şu anda duyarlı olarak kendini reklam verir. Ancak bir şey var – “Duyarlı” sadece web sitenizin farklı cihazlara uyum sağlayacağı anlamına gelir, hücresel ziyaretçilerinizin aslında dikkat etmeniz gereken olağanüstü bir deneyim elde edeceği anlamına gelmez. WP Mobile Menüsü, WordPress sitesi hücresel sürümünüze daha fazla kullanıcı -dostu ve işlevsel gezinme menüsü eklemenize yardımcı olarak daha iyi bir hücresel deneyimi garanti etmenize yardımcı olan bir freemium eklentisidir – kullandığınız temalar.
WP hücresel menü incelememizde, sizin için neler yapabileceğini ve doğrudan WordPress sitesinde nasıl çalıştığını göstereceğiz. Menü İncelemesi WP Hücresel: Tamam özelliklerin listesi, yukarıda öğrendiğiniz gibi, WP mobil menüsünün temel avantajları, herhangi bir WordPress temasına daha fazla kullanıcı ve fonksiyonel hücresel menü eklemenize yardımcı olmak içindir. Ama bunu tam olarak nasıl yapıyor? Özelliklere bakalım … önce, aslında sadece hücresel ziyaretçilerle sınırlı değil. İsterseniz masaüstü ziyaretçileri için aynı menüyü kullanmanızı sağlayan hücresel menüleri tetiklemek için kendi özel kesme noktanızı ayarlayabilirsiniz.
Bunun ötesinde, hem başlıklar hem de altbilgi menüleri yapabilirsiniz. Ayrıca, sağ ve sol menüler için seçeneklerle birkaç menü de yapabilirsiniz. Birkaç farklı menü türü arasından seçim yapabilirsiniz:
Geniş
Slayt Push İçeriği
İçeriğe slayt
Yukarıdan slayt
Menünüze gerçekten içerik eklemek için, aynı kapanış arayüzünü kullanmanıza ve her şeyi tutarlı tutmanıza olanak tanıyan sıradan WordPress menü işlevselliğini kullanabilirsiniz (veya elbette hücresel menünüz için farklı menü bağlantılarından oluşan bir koleksiyon kullanabilirsiniz) . Makaleler altında bağlanmıştır

Sıradan bir menü bağlantısı eklemenize izin vermenin yanı sıra, WP mobil menüsü de bazı özel işlevler ekler:
Doğrudan Arama Ajax – Kullanıcılar sorgularını girebilir ve hemen arama sonuçlarını görebilir – sayfaları yeniden sevmeye gerek yoktur. Hücresel UX de iyidir.
Kullanıcı Profili – Menünüzün bir parçası olarak kullanıcının profilini ve avatarını ekleyin. Bu, her türlü üyelik sitesi veya topluluk için çok iyi bir seçimdir.
Logo – Logonuzu menünün bir parçası olarak kolayca ekleyin.
WooCommerce – WooCommerce Entegrasyonu, özellikle kullanıcı alışveriş sepetine ve alışveriş filtrelerine girmenize yardımcı olur. Bir altbilgi menüsü ile yapışkan tren de ekleyebilirsiniz.
Temel işlevselliğin dışında, genellikle birçok ayar seçeneği de alırsınız. Tam kontrol sahibi olacaksınız:
renk
yazı tipi
simge
Yarar
…Hatta daha fazla
WP mobil menüsünü ne kullanabilirsiniz? İlk olarak, WP mobil menüsü herhangi bir WordPress sitesine yardımcı olabilir. Temel işlevsellik – daha iyi bir hücresel menü yapmak – dünyadaki bu hücresel giderek daha fazla öncelik veren her türlü WordPress sitesi için çok değerli. Bu nedenle, aşağıdaki kullanım durumundan farklı olarak, fayda sağlayabileceğiniz tek durum vardır. Ancak, bence WP mobil menüsünün daha iyi olduğu birkaç site var ve size nedenini söyleyeceğim:
WooCommerce Shop – WP Mobile menüsünden WooCommerce entegrasyonu, alıcıların sepetlerine ve filtrelerine erişmesini kolaylaştırarak daha kullanıcı dostu bir alışveriş deneyimi oluşturmanıza yardımcı olur. Özellikle gelen üyelerde gezinmeye yardımcı olur. Buna ek olarak, kullanıcı profili özelliği avatar/profillerini menüye eklemenize olanak tanır (bunu çalışırken göreceksiniz).
Ağ/Sosyal Forum – Üyelik Sitesi ile aynı fikir!
WP Mobil Menü ile Uygulama Bu eklentinin ne yapabileceğini bildikten sonra başlayalım ve nasıl çalıştığını göstereceğim.
Test etmek için sadece WordPress.org – Colormag’dan rastgele bir popüler temayı seçtim. Aşağıdaki varsayılan mobil menüyü görüntüle-bu açılır menü listesini genişleten basit bir hamburger simgesidir:
Şimdi, WP mobil menüsünü yükleyeceğim, özel bir menü deneyimi oluşturmak için kullanacağım ve her şeyin nasıl çalıştığını göstereceğim. WP hücresel menüsü, WP mobil menüsünü etkinleştirir ve menüleri mobil menü WP konumuna atadığımda hemen çalışmaya başlar, bence, varsayılan colormag duyarlı menüsünde bir artış olan hücresel ziyaretçiler için yeni bir menü deneyimim var .
Soldaki hamburger menüsünü ve sağdaki arama simgesini alırsınız. Menü ayrıca çok daha özlüdür, bu da ziyaretçilerin içeriğinizin daha fazlasını doğrudan görmelerini sağlar:

Aşağıda bağlı makaleler
Hamburger menüsü bunun gibi tam bir slayt açar:

Arama simgesi, ziyaretçiler arama kutusuna sorguyu girdiğinde içeriği otomatik olarak öneren olağanüstü bir doğrudan arama deneyimi açar: Bir kez daha yukarıdaki resimler varsayılandır. Şimdi, mobil menünüzün çalışma şeklini ayarlamak için birçok seçeneğe bakalım …


Genel Seçenek sekmesi Genel Seçenek sekmesi söylediklerini yapar – bu, hücresel menünüzün nasıl çalıştığı konusunda genel ayarları yapılandırmanıza olanak tanır. Üstte, özel bir geçici durdurma noktası ayarlayabilir ve hangi menüyü kullanılacağını seçebilirsiniz. Bir kez daha, üç farklı menü seçeneği elde edersiniz:

Sol menü (gölgelik)

Doğru menü (gölgelik)
Dipnotlar menüsü
Kullanılacak menü türü için temel ayarları da yapılandırabilirsiniz. Örneğin, varsayılan vs bir tür slayt. Ayrıca, alt menünün çalışma şeklini kontrol etmek için bazı ayarlar da alacaksınız:
Aşağıda bağlı makaleler
Başlık Sekmesi Başlık sekmesi, ayrı bir menü değil, hücresel başlığınız için temel ayarları yapılandırmanıza olanak tanır. İlk olarak, başlık öğenizi ayarlamak için sürükle ve bırak kullanmak için rahat bir seçenek elde edersiniz. Ayrıca kullanmak istemediğiniz öğeleri de gizleyebilir ve kullanıp kullanmayı seçebilirsiniz:

Yapışkan başlık

Şeffaf başlık (çıplak)


Başlığınızı kontrol etmek için bir dizi ayarla genellikle burada birçok seçenek alırsınız:
Logo
Hizalama

simge
Aramak
Vb.
Dipnotlar sekmesi Altbilgi menüsünü etkinleştirirseniz, Altbilgi sekmesi, kullanıcı yükseldiğinde altbilgi menüsünü otomatik olarak gizleyip gizlemeyeceği de dahil olmak üzere çalışma şeklini yapılandırmanıza olanak tanır:
İşte bir altbilgi menüsü ekranı örneği: Sol menü ve sağ menü sekmesi sol menü sekmesi ve sağ menü, yalnızca ilgili konumları için aynı seçenekleri ayarlar. Üstte, görünen içeriği kontrol etmek için sürük ve serbest bırakma kontrolünü ve görünürlüğünü kullanabilirsiniz:
Sol menü – Bu, gerçek WordPress menüsünün (görünüm → menüler) içeriğidir.
Kullanıcı Profili – Bu, kullanıcı profilini görüntüleyen düzgün bir özel özelliktir.

Logo – Site logonuzu ekleyebilirsiniz.

Arama – menüye bir arama da ekleyebilirsiniz.
Örneğin, sol menünün üzerine bir kullanıcı profili eklerseniz, menü ekranınız. Nasıl iyi bir kullanıcı profili efekti elde ettiğinizi görüyor musunuz? Bu üyelik siteleri veya mağazalar için iyidir:
Ayrıca, üyelik siteleri veya e -ticaret mağazaları için diğer harika özellikler olan yalnızca gelen kullanıcılar için menüleri görüntüleme seçeneğine sahip olursunuz. Örneğin, üyelik sitenizin yalnızca kayıtlı üyeler tarafından görülebilecek tüm içeriği için özel bir menü oluşturabilirsiniz. Büyük ayarların dışında, kontrol etmek için birçok seçenek de elde edersiniz:
simge
Menünüz için resim/renk arka planı

Boyut/Alan

Ve bir kez daha, seçenek doğru menü konumu için aynıdır. WooCommerce sekmesi WooCommerce mağazasını çalıştırırsanız, Woocommerce sekmesi size Woocommerce için özel bir menü yapmak için çok iyi seçenekler sunar. E -ticaretin neredeyse yarısı mobil cihazlarda gerçekleştiğinden, bu, mağazanızdaki hücresel alışveriş deneyimlerini iyileştirmenin çok iyi bir yoludur. İlk olarak, genişletilmiş bir alışveriş sepeti simgesi ekleyebilirsiniz. Tıklandığında, bu kullanıcı sepetinin genişliğini açacaktır (sayfayı yeniden yüklemenize gerek yoktur). Buna ek olarak, altbilgiye toplam bir sepet de ekleyebilirsiniz, bu da başka bir iyi özelliktir: yalnızca mağaza sayfalarınızda ve arşivlerinizde görünecek bir ürün filtresi de ekleyebilirsiniz. Alıcı sepetlerine ürün ekledikten ve yalnızca WooCommerce ürünleri için başlık aramasını sınırladıktan sonra alışveriş sepet panelleri otomatik olarak açma yeteneği gibi iyi özellikler elde edersiniz:
Son renk sekmesi ve yazı tipi, adından da anlaşılacağı gibi, Renkler ve Yazı Tipleri sekmesi, çeşitli menü seçenekleriniz için renkler ve yazı tipleri üzerinde tam kontrol sağlar. Buradaki ayarlar oldukça ayrıntılı – “hepsi” demek istiyorum:
WP Mobil Menü Fiyatı: Maliyeti ne kadar? WP Mobil Menüsü, WordPress.org adresinde ücretsiz bir temel sürüme sahiptir. Bundan sonra, WooCommerce işlevselliğine ihtiyacınız olup olmadığına bağlı olarak iki ana paket vardır:
Profesyonel – Aylık 4,99 $ – Tüm premium özellikler WooCommerce içermez.
İş – Aylık 7,99 $ – Tüm profesyonel özellikler ve WooCommerce desteği.