Eklenti İncelemesi: UberMenu 2.3

Sık sık kendime soruyorum, bir ziyaretçinin bir siteyi sevmesini sağlayan şey nedir? Sadece içerik mi? Tasarım mı? Yoksa ikisi de mi? Uzun zamandır bu konu üzerinde düşünüyordum ve bir sonuca vardım. Herhangi bir iyi web sitesindeki temel unsurlardan biri açıklıktır. İyi içeriğe (metin, resim, ses ve/veya video dahil) sahip, temiz, iyi kategorilere ayrılmış bir web sitesi mükemmellikten başka bir şey değildir.

İnsanlar XML site haritalarını, SEO'yu ve sosyal medya pazarlamasını geliştirmek için çok fazla zaman ve çaba harcıyorlar. Kullanıcınızın sitenizi Google/Twitter'da bulmasını sağlamak harika bir şey. Bir kişi sitenize gerçekten girdiğinde ne olur? Gördükleri hoşuna gidecek mi? O siteyi yer imlerine ekleyecek mi? Onun mutlu sinirlerini ne harekete geçirip Beğen/Takip Et butonuna basardı?

Kullanıcı deneyimine girin. Oldukça az sayıda insan buna çok az dikkat ediyor. Neyse ki Tom yakın zamanda web sitenizin kullanıcı deneyimini nasıl geliştireceğinizi açıkladı. UX'i (kullanıcı deneyiminin kısaltması) üç bileşene ayırıyor: tasarım, kullanılabilirlik ve içerik. Kısacası ben buna netlik demeyi seviyorum.

Bugünkü makalemde, UberMenu adında son derece popüler bir WordPress menü geliştirici eklentisini inceleyeceğim. Fiyatı yalnızca 16 USD olan bu eklenti CodeCanyon'da 17.000'den fazla satış rakamına ulaştı. Beyniniz zaten tek bir eklentiden hesaplamayı yaptı (272.000 USD artı çok büyük bir rakam). Artık dikkatinizi çektiğime göre başlayalım. ?

Kurulum

UberMenu'yu yüklemek çok kolaydır. Bunu kurmanın iki yolu vardır; birincisi, arşivi çıkarıp 261 dosya ve 39 klasörün tamamını FTP yoluyla wp_content altındaki eklentiler klasörünüze yüklemeniz veya WordPress kontrol panelindeki Eklentiler > Yeni Ekle > Yükle altından doğrudan yükleme yaparak yüklemenizdir. zip dosyası.

Eklentiyi etkinleştirdikten sonra, eklentinin temel kurulumunda size yol gösterecek güzel bir eğitim açılır. Sizi neyin beklediğine dair kuş bakışı bir görünüm sunacağı için bu kılavuzu takip etmenizi öneririm; hayal kırıklığına uğramayacaksınız.

Temel Bilgilere Başlarken

Eklentinin geliştiricisi Chris Mavricos, eklentisini belgeleme konusunda çevrilmemiş taş bırakmadı. Belgeler ayrıca video eğitimlerini de içerir. Bana eklenti hakkında temel bir anlayış kazandıran belgeleri 2 dakika boyunca okuyarak kendimi alçalttım. MegaMenu özelliği, içeriğinizi son parçaya kadar kategorilere ayırma konusunda son derece faydalıdır. Eğer etiket yapımcısı çılgın biriyseniz (Dr. Sheldon Cooper gibi) buna bayılacaksınız.

MegaMenü

MegaMenu, varsayılan WordPress menüsünün son derece özelleştirilebilir seçeneklere sahip gelişmiş bir sürümüdür. MegaMenu'nun varsayılan CSS düzeni 3 temel hiyerarşi seviyesini destekler. Neyse ki, MegaMenu düzeninin her yönünü pratik olarak değiştirmenize olanak tanıyan özel CSS'nizi çalıştırma seçeneğiniz var.

WordPress menü sistemine hakim olmayanlar için aşağıdaki rehberi sizler için hazırladım:

WordPress Menüleri: Hızlı Kılavuz

En sevdiğiniz TV programları, müzikler, kitaplar ve filmler hakkında konuştuğunuz bir blogunuz olduğunu varsayalım. Sitenizin içeriğini düzgün bir şekilde dizine ekleyebileceğiniz bir menüyü nasıl oluşturacağınızı öğrenelim. Başlamak için bir menü (Görünüm > Menüler) oluşturmanız ve bunu temanın desteklenen konumuna atamanız gerekir. Bu eğitim için 1 ana menüyü destekleyen Twenty Eleven WordPress temasını kullanıyoruz. Artık menüyü oluşturduğunuza göre, onu oluşturma zamanı geldi. “TV” adında bir birincil giriş oluşturuyoruz. Bu onu hiyerarşi listesinin en üstünde, seviye 1 yapar. Daha sonra TV şovlarını türlerine göre ayırıyoruz; örneğin Reality, Drama ve Sitcoms. Bu üç tür hiyerarşi listesinde 2. seviyede, yani ikinci seviyededir. Son olarak her türün altında diziye buna göre giriyoruz. Artık her TV şovu 3. seviyededir. Bunun gibi bir şey elde ediyoruz:

MegaMenu'da da şu şekilde görünüyor:

Temiz, basit ve karmaşadan uzak sınıflandırma.

Görseller ve Açıklamalarla MegaMenu

Her menü girişine pasta kreması gibi görseller ve açıklamalar ekleme. UberMenu, menüdeki hemen hemen her öğeye bir resim ve açıklama atamanıza, ayrıca görünür metni kaldırmanıza (sadece görselleri istiyorsanız) veya bireysel menü girişlerini vurgulamanıza olanak tanır. Hepsi, her menü öğesinin altında bulunan bu harika kontrol listesi sayesinde.

Ancak Timthumb'u etkinleştirmediyseniz menüdeki görseller otomatik olarak yeniden boyutlandırılmayacaktır, dolayısıyla tam olarak görüntülemek istediğiniz boyutta görseller yüklemeniz/atamanız gerekir. Örneğimde 300×300 piksel görseller kullandım.

Ancak Timthumb'u etkinleştirirseniz yüklediğiniz tüm görseller, ayarlara atadığınız boyutlara göre yeniden boyutlandırılacaktır.

Bir menü öğesinin açıklamalarla birlikte nasıl göründüğü aşağıda açıklanmıştır:

Menülerdeki Widget'lar

Bu, UberMenu'yu tüm menü eklentilerinin kralı yapan nihai özelliktir. Konsept oldukça basit ama son derece zekice. UberMenu ayarları altında istediğiniz widget yuvası sayısını (istediğiniz sayıda olabilir) belirler ve ardından Widget'lar sayfasından widget'ları buna göre yerleştirirsiniz.

Widget'ı menüye yerleştirmek için menü öğesini genişletmeniz ve atamak istediğiniz widget'ı seçmeniz yeterlidir. Metni Devre Dışı Bırak ve Bağlantıları Devre Dışı Bırak onay kutularını işaretlediğinizden emin olun.

Widget'ların (menüler içindeki) yapabileceği harikalara bir örnek:

Güçlü Özelleştirme

UberMenu, menünüze benzersiz bir görünüm ve his kazandırmak için kullanabileceğiniz, Stil Oluşturucu altında çok sayıda güçlü CSS3 özelleştirme seçeneğine sahiptir. Ayrıca tamamen özel bir CSS'yi ve kısmi özel ayarlamaları da destekler.

Ayrıca menünüzde kullanabileceğiniz çok sayıda iyi tasarlanmış stil şablonuyla birlikte gelir.

Dikkate değer bir diğer özellik ise menü için olası özelleştirme seçeneklerini görmek istediğinizde çok işinize yarayacak Özelleştirme Asistanıdır.

Çeşitli

Tema Entegrasyonu

Mevcut temaların çoğu UberMenu ile çalışır, ancak Genesis veya Headway tema çerçevesi gibi temel bir çerçeve kullanan bir tema kullanıyorsanız tema entegrasyonu biraz zor olabilir. Neyse ki Chris bu kısmı harika bir şekilde belgeledi ve UberMenu'yu özel temanıza entegre etmek için gereken tam bilgi birikimini size verdi.

Kontrol Paneli

Eklentinin kontrol panelinin kullanımı oldukça basittir. Kesinlikle ikili bir sistemde çalışır; bir özelliği açın veya kapatın. Bana göre mevcut seçenekleri temsil etmenin en iyi yollarından biri.

Site Hızı

SEO ve arama motoru sıralamalarında en önemli faktörlerden biri olan site hızı son derece önemlidir. UberMenu, site yükleme süresi üzerinde ihmal edilebilir bir etkiye sahiptir. Eklentiyi yüklemeden önce ve sonra sayfa yükleme süresi testi yapmak için Pingdom'u kullandım. UberMenu yükleme süresini yalnızca 0,25 saniye artırdı. Sayfa boyutunun çok arttığını fark etmiş olabilirsiniz, ancak bunun nedeni "En Çok Tercih Edilenler" menüsü altında 3 görsel kullanmış olmamdır.

Eklenti Kurulumundan Önce

Eklenti Kurulumundan Sonra

Duyarlı tasarım

UberMenu'nün iPhone, iPad ve Android tarayıcısı için ayrı mantık kuralları vardır. Menünün nasıl yanıt verdiğini görmek için tarayıcımı yeniden boyutlandırmayı denedim. Bir cazibe gibi çalıştı. Tarayıcım belirli bir genişliği aştığında menü farklı, duyarlı bir düzene dönüştü.

Tarayıcı Uyumluluğu

UberMenu, Chrome, Firefox, Safari, IE 9 ve IE 10 gibi popüler modern tarayıcılarla tamamen uyumludur.

Destek

Bu eklentinin bu kadar çılgınca popüler olmasının bir başka nedeni de. UberMenu'de çok çeşitli destek seçenekleri mevcuttur. İyi tasarlanmış bir Bilgi Bankası, bir destek forumu, eğitimlerle dolu bir YouTube kanalı ve bir sorun giderme kılavuzu içerir. Bunların hepsi iyi muhafaza edilmiş ve kapsamlı bir şekilde belgelenmiştir.

Son düşünceler

UberMenu, çok sayıda özelleştirme seçeneğiyle kolayca en iyi WordPress menü eklentisidir. Ancak, WordPress menüleri ve widget'larının sağlam bir şekilde anlaşılmasını gerektirdiğinden, tamamen yeni başlayanlar tarafından kullanılmamalıdır. Güçlü CSS özelleştirme seçenekleri sayesinde, ileri düzey WordPress geliştiricileri için bu daha çok bir rüyanın gerçekleşmesi durumudur.

Eklentinin özelliklerini net bir şekilde anlayabilmek için herkesin kapsamlı belgeleri iyice okumasını tavsiye ederim. Sadece 16 USD için bu bir çalmadır!

Daha önce UberMenu'yu kullandınız mı? Görüşlerinizi bize bildirin!