Oxygen Builder'da Gerçek Mega Menüler

Bu yazıda Oxygen Builder'a “gerçek” bir mega menü eklemenin birkaç yolunu inceleyeceğiz. Yerleşik menü bileşenleri, Oxygen ile başlık oluştururken basit menüler için iyidir, ancak gerçek megamenü işlevselliği istiyorsanız, başka bir yere bakmak en iyisidir.

Bu yazımızda Oxygen'e mega menü nasıl eklenir onu tartışacağız.

Mega Menü Nedir?

Bir web sitesinde bağlantılardan daha fazlasını içeren bir menü kullandıysanız, megamenü budur. Basit görüntü simgelerinden dinamik olarak doldurulmuş alanlara kadar karmaşıklık bakımından farklılık gösterirler.

Tek sütun düzenleri, çok sütun düzenleri, birden çok satır, duvar arşivleri ve daha fazlasına sahip olabilirler. Elbette karmaşıklaşmak istemezsiniz çünkü sayfalar bunun içindir.

Doğru yapılırsa, ziyaretçileriniz için web sitesinde gezinmeyi çok daha kolay hale getirebilirler.

Oksijen, basit açılır menüler oluşturmanıza olanak tanır, ancak megamenu işlevi söz konusu olduğunda, çok fazla seçeneğiniz kalmaz.

Oksijene Mega Menü Nasıl Eklenir

Bu makale, Oxygen'e bir megamenu eklemenin iki ana yolunu inceleyecek. İlk yol, herhangi bir üçüncü taraf eklentisi olmadan tamamen Oxygen'de yapılabilir. Bu basit menüler için iyidir. Oxygen'in arkasındaki resmi ekip tarafından yayınlanan bir eğitimin adımlarını takip ediyor. Bu, Oxygenbuilder.com sitesinde görülen açılır menüleri oluşturmak için kullandıkları yöntemdir.

İkinci seçenek, Oxygen Builder'daki mega menüler söz konusu olduğunda size çok daha fazla işlevsellik sağlayan bir üçüncü taraf eklentisi kullanır. Çok sütunlu, dinamik olarak doldurulmuş menüler oluşturmak istiyorsanız, bu en iyi seçeneğinizdir.

Elbette, HTML, CSS, JavaScript ve belki de PHP hakkında iyi bir anlayışınız varsa kullanılabilecek ek seçenekler vardır. Ancak bu, bu makalenin kapsamı dışındadır. Yine de aşina iseniz, Oxygen'e üçüncü taraf bir eklenti gerektirmeyen bir mega menü eklemek iyi bir üçüncü seçenek olabilir.

Oksijene Doğal Olarak Mega Menü Ekleme

Bu bölüm, YouTube eğitiminde tartışılan temel adımlardan geçecektir. Bu tür bir menüyü kendi web sitenize uygulamak istiyorsanız, resmi öğreticiyi okumanızı ve yukarıdaki YouTube videosunu izlemenizi öneririz.

Oxygen'e doğal olarak bir megamenu eklemek için önce ilk menü öğelerini oluşturmanız gerekir. Bu, menü bileşeniyle yapılmaz, bunun yerine div'ler oluşturularak, metinle doldurularak ve bağlantılara sarılarak yapılır. Bunu Oksijen ile yapmak oldukça kolaydır.

İlk menü orada olduğunda, açılır megamenüyü oluşturma zamanı.

Bu, açılır menüdeki tüm içeriği içerecek olan menü bağlantısının altında bir div oluşturularak yapılır. Açılır div oluşturulduktan sonra (arkasındaki gerçek yapıyı anlamak için videoyu izleyin) Kesinlikle konumlandırılır ve ilgili menü bağlantısının üzerine gelindiğinde görünecek şekilde değiştirilir.

Bu mega menünün uygulanması, özellikle YouTube eğitimini takip ederseniz oldukça basittir. Oxygen Builder'da kullanabileceğiniz herhangi bir bloğu kullanmanıza izin verir. Kullanıcı rollerine göre şeyleri göstermek ve gizlemek için yerleşik koşullu görünürlük özelliklerini de kullanabilirsiniz.

Ancak, bu megamenüyü eklemek biraz iş gerektirir ve yapı karmaşıklaştığında uygulama da yapar. Aynı zamanda manuel bir oluşturmadır, yani yeni içerikle otomatik olarak güncellenmez. Diğer bir büyük sorun ise mobil cihazlarda iyi oynamamasıdır. Tüm menü kurulumunu mobil cihazınızda kolayca gizleyebilir ve başka bir temel menüyü kullanabilirsiniz, ancak bu çok pratik değildir.

WordPress web sitenize (Oxygen ile oluşturulmuş) neden bir mega menü eklemek istediğinize bağlı olarak, ikinci yolu kullanmak isteyebilirsiniz.

Oksijen İçin Mega Menü Eklentisi

Manuel olarak bir megamenu eklemek yerine, bazı durumlarda üçüncü taraf bir eklenti kullanmak daha iyi bir seçenek olabilir. Özellikle çok değişen bir menünüz varsa, bir eklenti size çok zaman kazandırabilir.

Dışarıda bir sürü megamenu eklentisi var ve bu işlevselliği Oxygen ile oluşturulmuş istemci web sitelerine dahil etmek istediğimizde bir sürü test ettik. Eklentiyi ararken, kriterlerimiz kullanımı kolay, Dinamik, iyi tasarlanmış ve Oxygen ile tamamen uyumlu olması gerektiğiydi (bildiğiniz gibi, öyle olmayan pek çok eklenti var).

Test ettiğimiz birkaç eklentiden WP Mega Menu, Oxygen Builder ile uyumluluk sorunu olmayan en iyi seçenekti.

Ücretsiz bir sürüm ve bir profesyonel sürüm var. Profesyonel sürümün yıllık maliyeti 29,00 ABD dolarıdır. ücretsiz sürüm iyi çalışıyor, ancak gelişmiş işlevsellik söz konusu olduğunda biraz kısıtlı. Oxygen Builder ile oluşturulmuş bir müşteri web sitesine bir megamenu eklemek istiyorsanız, profesyonel sürüm muhtemelen en iyi seçeneğinizdir.

Bu eklentiyi seviyoruz çünkü sadece bizim için kullanımı kolay değil, müşterilerimiz Oxygen ile oluşturulmuş tüm web sitemizi bozmadan hızla güncelleyebilir. Basit bir sürükle ve bırak arayüzüne sahiptir ve önceden oluşturulmuş widget'larla birlikte gelir. Temel olarak, bir “menü oluşturucu”.

Ayrıca, Oxygen Builder web sitenize bir megamenu eklemek için birinci yöntemi kullanırken önemli bir sorun olan duyarlıdır.

Eklentiyi web sitenize yükledikten sonra, sitenize dahil etmek oldukça kolaydır. Eklentinin Varsayılan menüyü değiştirmesini, kısa kodla eklenmesini veya PHP parçacığını kullanmayı seçebilirsiniz. PHP kullanarak dahil edeceğiz. Oxygen'de bunu yapmak kolaydır, sadece bir kod bloğu bileşeni ekleyin ve aşağıdaki PHP'ye yapıştırın (kimliği menünüzün sayısal kimliğiyle değiştirin)

 <?php wp_megamenu( array ( 'menu' => 'ID' )); ?>
 Kod dili: HTML, XML ( xml )

Bunu herhangi bir yere yerleştirebilirsiniz, ancak kapsamlı bir üstbilgi ve altbilgi şablonu kullanmanızı öneririz. Kod bloğunun genişliği menünün kendisini etkiler, bu nedenle içerik için yeterince geniş olarak ayarladığınızdan emin olun.

Mega menüyü oluşturmak oldukça kolaydır. Bir görsel oluşturucu kullanarak öğeleri belirli bir satır/sütun düzenine sürükleyip bırakabilirsiniz.

Bu eklenti ile tam ekran arama, dinamik widget'lar ve daha fazlası gibi bazı oldukça gelişmiş işlevler vardır. Oxygen web sitenize bir megamenu eklemenin kolay bir yolunu arıyorsanız, bu en iyi seçeneğinizdir.

Müşteriler için web siteleri oluşturuyorsanız ve onlara menüyü düzenlemek için kullanabilecekleri basit bir araç vermeniz gerekiyorsa, bu basitliği nedeniyle harika bir seçenektir.

Çözüm

Bu makale, Oxygen Builder web sitenize kolayca bir mega menü eklemek için kullanabileceğiniz iki yolu kapsamalıydı. Mega menüler, işlevsellik ekleyebilir ve web sitenize birinci sınıf bir his verebilir. CSS ve varsayılan Oksijen bileşenlerini kullanarak 1 eklemek oldukça kolaydır. Oxygen'e bir megamenu eklemek için üçüncü taraf bir eklenti de kullanabilirsiniz.

Herhangi bir sorunuz varsa, bunları aşağıdaki yorumlar bölümünde bırakın!