Eklenti İncelemesi: Ubermenu 2.3

Sık sık kendime soruyorum, ziyaretçileri bir site gibi yapan nedir? Sadece içerik mi? Bu bir tasarım mı? Yoksa her ikisi de? Bunu şimdi yeterince uzun süre düşündüm ve bir sonuca vardım. İyi bir web sitesindeki anahtar unsurlardan biri netliktir. İyi içeriğe sahip temiz ve iyi kategorize edilmiş web siteleri (metin, resimler, ses ve/veya video dahil) daha az parlak değildir. İnsanlar XML, SEO ve sosyal medya pazarlama haritalarını geliştirmek için çok zaman ve çaba harcıyorlar. Bu, kullanıcılarınızın sitenizi Google/Twitter’da bulmasını sağlamak için iyidir. Birisi gerçekten sitenize indiğinde ne olur? Gördüklerini sevecek mi? Siteyi işaretleyecek mi? Sinirliliğini tetikleyecek ve benzer/takip düğmesine basın?
Kullanıcı deneyimini girin. Buna daha az dikkat eden birkaç kişi değil. Neyse ki, Tom kısa süre önce web sitenizi kullanıcı deneyiminizi nasıl geliştireceğinizi açıkladı. UX’i (kullanıcı deneyimi kısa) üç bileşene ayırdı – tasarım, kullanım ve içerik. Kısacası, buna netlik demeyi seviyorum. Bugünkü makalede, Ubermenu adlı çok popüler bir WordPress menü geliştirici eklentisini gözden geçireceğim. Sadece 16 USD maliyetle, bu eklenti CodeCanyon’da 17.000 satışı aştı. Beyniniz, yalnızca bir eklentiden – 272.000 USD daha hesapladı. Şimdi dikkatini çektikten sonra başlayalım.
Ubermenu’nun kurulumunun kurulumu çok kolaydır. Yüklemenin iki yolu vardır, biri arşivi çıkardığınız ve FTP üzerinden WP_CONCENT altındaki eklenti klasörünüze tüm 261 dosyayı ve 39 klasörünüzü yüklediğiniz veya eklentilerin altına WordPress Gösterge Tablosu’ndan yükleyerek yükleyerek yükleyerek yüklediğiniz yerdir. Dosyaları doğrudan -His. Eklentiyi etkinleştirdikten sonra, eklentinin temel ayarlarında size rehberlik eden iyi bir öğretici görünecektir. Kılavuzu takip etmenizi öneririm çünkü size mevcut olanlara bir göz atacaktır – ve hayal kırıklığına uğramayacaksınız. Eklenti geliştiricilerinin temellerinden başlayarak, Chris Mavricos, gerektiğinde kaçırılan iş ihtiyaçlarını bırakmaz. Eklentiyi belgeleyin. Dokümantasyon da video öğreticileri içerir. Bana 2 dakika boyunca belgeleri okumak için kendimi alçakgönüllüyorum, bu da bana eklentilerin temel bir anlayışını verdi. Megamenu özelliği, içeriğinizi son bölüme kadar kategorize etmede çok yardımcı olur. Çılgın bir etiket üreticisiyseniz (Dr. Sheldon Cooper gibi) bunu beğeneceksiniz. Megamenu Megamenu, çok ayarlanmış bir seçeneğe sahip varsayılan WordPress menüsünün bir devam sürümüdür. CSS varsayılan megamenu’nun düzeni 3 temel hiyerarşik seviyeyi destekler. Neyse ki, pratik olarak Megamenu düzeninin her yönünü değiştirmenizi sağlayan özel bir CSS çalıştırma seçeneğiniz var.

WordPress menü sistemi hakkında anlamayanlar için, sizin için aşağıdaki yönergeleri hazırladım: WordPress Menü: Kısa Rehber Diyelim ki en sevdiğiniz TV, müzik, müzik ve müzik şovları hakkında konuştuğunuz bir blogunuz var. Site içeriğinizi doğru bir şekilde dizine ekleyebileceğiniz bir menü oluşturmayı öğrenelim. Başlamak için, bir menü (ekran> menü) oluşturmanız ve desteklenen bir temanın konumuna ayarlamanız gerekir. Bu öğretici için, 1 ana menüyü destekleyen yirmi on bir WordPress temasını kullanıyoruz. Şimdi bir menü yaptıktan sonra, bunu yapma zamanı. “TV” adlı ana girişi yapıyoruz. Hiyerarşi listesinin en üstünde Seviye 1 yapar. Sonra, TV şovlarını türlerine göre ayırıyoruz – gerçeği, drama ve sitcom. Bu üç tür seviye 2’dedir, yani hiyerarşi listesindeki ikinci seviyede. Sonunda her türün altında uygun TV dizisine girdik. Şimdi her TV şovu 3. seviye. Şöyle bir şey alıyoruz: İşte varsayılan WordPress menüsünün düzeninde görünüm:
Ve bu Megamenu’nun görünümü:

Temiz kategorizasyon, basit ve kaos içermez. Görüntüler ve açıklamalar içeren megamenu, her menü girişine kek üzerindeki şeker katmanı gibi resimler ve açıklamalar ekleyin. Ubermenu, menüdeki hemen hemen her öğeye resim ve açıklamalar belirlemenize ve görünür metni (yalnızca resim istiyorsanız) silin veya tek tek menü girişlerini vurgulamanıza olanak tanır. Bu olağanüstü kontrol listesi sayesinde her menü öğesi altında mevcuttur.

Ancak, Timthumb’u etkinleştirmediyseniz menüdeki görüntü otomatik olarak değiştirilmez, bu nedenle görüntülemek istediğiniz boyutta görüntüleri yüklemeniz/ayarlamanız gerekir. Örneğimde, 300×300 piksel görüntüsünü kullandım. Ancak, zamanbaşı etkinleştirirseniz, yüklediğiniz tüm görüntüler ayarlarda ayarladığınız boyutlara dönüştürülecektir.

İşte açıklamalı bir menü öğesi ekranı:

Bu menüdeki widget, tüm menü eklentilerinden Ubermenu Raja’yı yapan nihai özelliktir. Konsept oldukça basit ama gerçekten parlak. Ubermenu ayarlarının altında istediğiniz (sevebileceğiniz) widget yuvalarının sayısını ayarlar ve widget’ı widget sayfasına göre yerleştirirsiniz.

Widget’ı menüye yerleştirmek için menü öğesini yayın ve ayarlamak istediğiniz widget’ı seçin. Kutuyu kontrol ettiğinizden emin olun. Metni devre dışı bırakın ve bağlantıyı devre dışı bırakın.

Aşağıda, widget tarafından yapılabilecek bir mucize örneğidir (menüde):

Güçlü özelleştirme Ubermenu, stil jeneratörü altında, menünüzde benzersiz bir görünüm sağlamak ve hissetmek için kullanabileceğiniz birçok güçlü CSS3 ayar seçeneğine sahiptir. Ayrıca tam özel CSS ve kısmi özel ayarları destekler.

Ayrıca menünüzde kullanabileceğiniz iyi tasarlanmış birçok şık şablonla donatılmıştır.
Bir diğer önemli özellik, menü için seçenekleri ayarlama olasılığını görmek istediğinizde çok yararlı olan bir özelleştirme asistanıdır. Çeşitli tema entegrasyon temaları oradaki temaların çoğu Ubermenu ile çalışır, ancak Genesis veya Headway’in tema çerçevesi gibi temel çerçeve kullanan temaları kullanırsanız, temaların entegrasyonu biraz karmaşık olabilir. Neyse ki, Chris bu bölümü olağanüstü belgeledi ve size Ubermenu’yu özel temanıza entegre etmek için gereken doğru bilgiyi verdi. Kontrol paneli kontrol panelinin kullanımı oldukça kolay. Sıkı bir ikili sistem üzerinde çalışır – özellikleri etkinleştirir veya devre dışı bırakır. Bence mevcut seçenekleri temsil etmenin en iyi yollarından biri. Site hızı SEO ve arama motoru sıralamasında en önemli faktörlerden biridir, site hızı çok önemlidir. Ubermenu, siteyi açarken göz ardı edilebilecek bir etki yarattı. Eklentiyi yüklemeden önce ve sonra sayfa açma saatini test etmek için pingdom kullandım. Ubermenu sadece 0,25 saniyede açık süreyi arttırır. Sayfa boyutunun çok arttığını fark edebilirsiniz, ancak bunun nedeni “En İyi Seçim” menüsünün altında 3 resim kullandığım için.

Eklenti kurulumundan önce

Eklenti kurulumundan sonra

Duyarlı Ubermenu Design, iPhone, iPad ve Android tarayıcı için bireysel mantık kurallarına sahiptir. Menünün nasıl tepki verdiğini görmek için tarayıcımın boyutunu değiştirmeye çalıştım. Mucizevi şekilde çalışır. Tarayıcım belirli bir genişlikten geçer geçmez menü farklı duyarlı düzenlere dönüşür. Ubermenu tarayıcılarının uyumluluğu, Chrome, Firefox, Safari, IE 9 ve IE 10 gibi popüler modern tarayıcılarla tamamen uyumludur. Bu eklentinin çok popüler olmasının diğer nedenlerini destekler. Ubermenu’nun çeşitli destek seçenekleri vardır. Bu, iyi tasarlanmış bir bilgi tabanı, destek forumu, öğreticilerle dolu YouTube kanalı ve problem çözme yönergeleri içerir. Tüm bunlar iyi korunur ve yaygın olarak belgelenmiştir. Ubermenu’nun sonunun sonu, çok sayıda ayar seçeneğine sahip en iyi WordPress menü eklentisidir. Bununla birlikte, yeni başlayanlar tarafından kullanılmamalıdır, çünkü WordPress menüleri ve widget’larının güçlü bir şekilde anlaşılmasını gerektirir. Bu, güçlü CSS ayar seçeneği sayesinde gelişmiş WordPress geliştiricileri için gerçekleşen daha fazla rüya durumudur. Eklenti özelliğini net bir şekilde anlamak için herkese bir bütün olarak kapsamlı belgeleri okumasını tavsiye edeceğim. Sadece 16 USD çaldı! Ubermenu şimdi daha önce hiç Ubermenu kullandınız mı? Bize görüşünüzü söyleyin!

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir