Joomla'da menü nasıl yapılır, Joomla'da menü oluşturmanın üç yolu. Joomla'da menü nasıl yapılır, Joomla 2.5'te Joomla Yatay menüsünde menü oluşturmanın üç yolu

Joomla 3'ün yönetimini tanımaya devam ediyoruz. Bu yazıda Joomla sistem menüsünün olasılığı hakkında detaylı bilgi sahibi olacağız. Belki de site menüsünün ne olduğunu söylemeye gerek yoktur. Bir Joomla sitesinde menünün sağa dikey olarak ve/veya sitenin başlık alanına yatay olarak yerleştirilebileceğini söylemek yeterli.

Joomla menüleri hakkında genel bilgilerden, herhangi bir site menüsüne eklenmeyen kategori malzemelerinin sitede görünmeyeceğini belirtmekte fayda var.

Joomla 3 Menüleri ve Menü Öğeleri

Joomla site menüleri, site menüsünü yönetmek için belirlenmiş izinlere sahip site yöneticisi veya site kullanıcıları tarafından oluşturulur. Menüyü yönetme hakları, Bileşenler sekmesi → Menü Yöneticisi → Haklar'da ayarlanır.

Joomla menüsünün kendisi bilgilendirici değil, sitenin bir sistem birimidir. Bilgilendirici menü öğelerinin daha sonra oluşturulması için bir menü oluşturulur.

Not: Joomla sitesinde, istediğiniz sayıda menü ve herhangi bir yuvalama derinliği ile istediğiniz sayıda menü öğesi oluşturabilirsiniz. Menünün iç içe yerleştirilmesi, türe göre bir ağaçtır: menü öğeleri-menü öğelerinin alt öğeleri-menü öğelerinin alt öğelerinin alt öğeleri, vb.

Joomla site menüsü nasıl oluşturulur

Bir site menüsü oluşturmak için sekmeyi açın: Menü → Menü yöneticisi → Yatay bir çubuktan menü oluştur veya Yapı → Menü yöneticisi → Sitenin yönetim bölümü için dikey bir menü oluştur.

Menüye bir ad verin, menünün sistem adını (menü tipi) girdiğinizden emin olun. Menü türü, menünün amacını açıkça belirten herhangi bir Latince kelime olabilir. Örneğin, ana menü, ana menü, üst menü, alt menü.

Öğeler nasıl oluşturulur (menü alt öğeleri)

Menü öğeleri sekmede oluşturulur: Menü → Menü adı → Menü öğesi oluştur.

Menü öğesi türleri

Bahsettiğim gibi, Joomla 3 menü öğeleri bilgilendirici site birimleridir. Menü öğelerini kullanarak sitede çeşitli bilgiler içeren sayfalar açabilirsiniz. Bu bilgiler farklı olabilir ve bilgilerin türüne göre farklı türde menüler oluşturulur. Menü öğesi türlerine bir göz atalım:

Menü öğesi türü

1. Kişiler (4 tip);

2. Haber beslemeleri (3 tür);

3. Malzemeler (7 çeşit), yani

• Arşiv malzemeleri;
• Seçilen malzemeler;
• Malzeme;
• Blog kategorileri;
• Malzeme oluşturun;
• Sitenin tüm kategorilerinin listesi;
• Bir kategorinin malzeme listesi.

4.Ayarlar yöneticisi;

5. Kullanıcı yöneticisi (7 tür);

6.Etiketler (3 tip);

7. Sarıcı;

9.Sistem (4 tip);

10.Akıllı arama.

Gördüğünüz gibi, birçok menü öğesi türü vardır ve onların yardımıyla çok iyi site gezintisi düzenleyebilirsiniz.

Yeterince teori, hadi uygulamaya başlayalım ve iki veya üç menü öğesi içeren bir menü oluşturalım.

Joomla web sitesi menüsü oluşturmaya bir örnek

"Menü1" adında bir menü oluşturalım. Sistem adı "menü-1" olacaktır.

Sekmeye gidiyoruz: Menü → Menü oluştur.

Menü oluşturma sayfasında, "Menü1" adını ve "menü-1" sistem adını belirtin.

"Oluştur" düğmesine basıyoruz.

Her şey! Menü oluşturuldu.

Menünün sistem adı ne anlama geliyor?

Size menünün sistem adının ne için olduğunu göstereyim. Sitenin veritabanını yöneten phpmyadmin'e gidin.

• Bir tablo arıyoruz: prefix_menu_types.
• SQL sorgusuna karşılık gelen onu açıyoruz (isme tıklayın):
• `prefix_menu_types` DAN * SEÇİN
• Ve oluşturulan menülerin sistem adını (menü tipi) görüyoruz.

Çıktı: Joomla veritabanının menu_types tablosunun alanlarında benzersiz değerler oluşturmak için menünün sistem adı gereklidir.

Joomla menüsünü oluşturduğumuza göre, sıra menü öğelerini oluşturmaya geldi.

Joomla Menü Öğeleri Oluşturun

Menü sekmesinde → Menü öğeleri → Menü oluştur'da bir menü öğesi oluşturun.

sınıf = "eliadunit">

Menü öğesine bir ad verin.

Menü öğesinin türünü seçiyoruz. Bu menü türü olsun: Blog kategorisi.

Hedef pencereyi belirtin: Gezinme öğelerine sahip yeni bir pencere.

Sağ tarafta menümüzün adını ve bu menü öğesinin (2,3) ana öğesini belirtiyoruz.

Diğer sekmelerde, menü öğesi için diğer ayarları yapın:

Blog düzeni seçenekleri (3) - blog şablonu. Sütun sayısını belirleyebilirsiniz.

Ekran (4) - ayrı bir malzemeyi görüntülemek için şablon;

Entegrasyon ayarları (5) - bu menü öğesi için RSS beslemelerinin oluşturulmasını etkinleştirin.

Sayfa parametreleri (7). Burada tarayıcıda görünecek alternatif bir başlık ayarlayabilirsiniz. Ayrıca bir "Sayfa Başlığı" da ekleyebilirsiniz. Bu menü öğesinin tüm sayfalarının başında etiketlerde görünecektir.

blog kategorisinin tüm sayfalarıyla eşleşen.

Meta veriler (8). Bu blog için meta verileri, yani açıklama ve anahtar kelimeleri doldurmanız gerekiyor. Açıklama benzersiz olmalı ve 165 karakterden uzun olmamalıdır. Anahtar kelimeler isteğe bağlıdır.

Menü öğesinin tüm ayarlarını kontrol ettikten sonra "Oluştur" veya "Oluştur kapat" seçeneğine tıklayın.

Her şey! Menü öğesi oluşturulur. Menüyü siteye yerleştirmek için kalır.

Joomla sitesine menü nasıl yerleştirilir

Siteye iki menü yerleştirelim. Tüm menü ağacını gösteren yatay ve dikey açılır menü.

Açılır yatay menü Joomla nasıl yerleştirilir

Açılır yatay Joomla menüsünü "menü" adı verilen özel bir şablon modülüne yerleştirin. Alt menü, üst menü gibi menüyü yerleştirmek için şablonda ek alanlar oluşturulabilir.

Bir menü modülü oluşturmak için sekmeye gidin: Modül yöneticisi → Menü oluştur. "Menü" modülünün türünü seçiyoruz.

Menü modülü ayarları

"Menü öğelerine bağlanma" sekmesinde, bu modülün sitenin hangi sayfalarında menü ile gösterileceğini belirtiyoruz.

CMS Joomla 3.x için menü modüllerine genel bakış.

1. Maksi Menü CK

İYSJoomla 2.5 / 3.x.

Duyarlı tasarım ve güzel efektlerle yatay veya dikey açılır menüler oluşturmak için güçlü SEO optimizasyonlu modül. Ayrıca, bu modülün birkaç örneğini bir sayfada yayınlamak mümkündür. Ne yazık ki, bu uzantının ücretsiz sürümünün işlevselliği çok sınırlıdır.

Modülü kurduktan sonra, ekranda bununla ilgili belgeleri indirmek için bağlantılar ve ücretli seçenekler görüntülenir: genişletilmiş bir grafik temaları paketi, kolay menü yönetimi için bir eklenti, "Virtuemart", "Hikashop", "Joomshopping" bileşenleri için yamalar ve K2, ayrıca mobil cihazlarda oluşturulan menüyü doğru görüntülemek için bir eklenti.

Ardından, "Modül Yöneticisi" ne gitmeniz ve içindeki "Maxi Menü CK" öğesini seçmeniz gerekir. Modül kontrol panelinin Modül sekmesinde, yayınlamak için bir menü seçebilir, benzersiz bir modül kimliği, temel bir menü öğesi ve başlangıç ​​ve bitiş düzeylerini girebilir ve ayrıca alt düzey seçeneğini kapatabilirsiniz.

Alternatif olarak Menü Özelleştirme Sihirbazını da kullanabilirsiniz:

Menü sihirbazını kullanmanın rahatlığı, menü türleri ve ihtiyaç duydukları seçenekler arasında hızlı bir şekilde geçiş yapmaktan ibarettir, ancak çoğunlukla yalnızca ek ücretli uzantıların kurulu olması durumunda geçerlidir. "Menü öğelerine bağlanma" sekmesinde, modülün görüntüleneceği site sayfalarını seçebilirsiniz; "Efekt Seçenekleri" sekmesi, javascript efektlerinin kullanımını devre dışı bırakmanıza, yükleme türlerini seçmenize ve menü öğeleri ve alt öğeler için görsel efektleri yapılandırmanıza olanak tanır. "Tarzlar Seçeneği"nde bir menü teması (varsayılan olarak üç tane mevcuttur), menü yönlendirmesi seçebilir, duyarlı menü tasarımını devre dışı bırakabilir ve bir CSS şablon dosyası seçebilirsiniz.

"Logo seçenekleri" bölümünde, menüde görüntülenecek bir logo dosyası seçebilir, ona bir bağlantı ekleyebilir ve konumunu, genişliğini, yüksekliğini ve girintilerini tanımlayabilirsiniz. Şablonda bir menü öğesi seçip durumu "Yayınlandı" olarak değiştirdikten sonra, sitede menü belirir.

Sitede çalışan uzantı şöyle görünür:

Bu menü (ücretli bir yama yükledikten sonra), ürün kategorilerinin bir listesini otomatik olarak görüntülemenize izin verdiği için Joomshopping, Virtuemart veya Hikashop'taki bir çevrimiçi mağazanın ana menüsü olarak en iyi şekilde kullanılır.

2. ARI Ek Menü

Uzantı ile tamamen uyumludurİYSJoomla 1.5-1.7 / 2.5 / 3.x.

Yatay ve dikey yönlendirmeyi destekleyen özelleştirilebilir menü modülü, iki geçiş efekti.

Bir uzantı yüklemek için "Uzantı Yöneticisi" ne gitmeniz, iletişim kutusundan indirilen modül dosyasını seçmeniz ve "İndir ve Yükle" düğmesine tıklamanız gerekir. Modülün ayarlarında, bu modül tarafından görüntülenecek menüyü, menünün yönünü, hiyerarşinin ilk ve son seviyelerini seçebilir ve ayrıca sadece aktif menü alt öğelerini gösterme, vurgulama gibi parametreleri yapılandırabilirsiniz. geçerli menü öğesi. Sistem ayarları, ExtJS kitaplığını yükleme, onu yükleme yöntemini seçme ve benzersiz bir tanımlayıcı oluşturma seçeneğini içerir. Menü öğelerinin ve alt öğelerin stil parametrelerini de özelleştirebilirsiniz: arka plan rengi, metin, yazı tipi boyutu, hizalama ve daha fazlası. Gelişmiş modül ayarları oldukça standarttır ve önbelleğe alma seçeneklerini, önbelleğe alma süresini, HTML modül etiketini, Önyükleme boyutunu, HTML başlık etiketini ve CSS başlık sınıfını içerir. Modüle bir pozisyon atadıktan ve modülü sitede yayınladıktan sonra aşağıdaki formda bir menü belirir:

3. Akordeon Menü CK

Uzantı ile tamamen uyumludurİYSJoomla 2.5 / 3.x.

JoomlaCK stüdyosundan başka bir menü. Bir alt menüyü açtığınızda güzel efektler eklemenizi sağlar, sayfada modülü yeniden kullanın. Modülün bir özelliği, içine başka modüller ekleme yeteneğidir. Ayrıca modüle ek olarak Hickashop ve Virtuemart için ücretli yamalar da bulunmaktadır.

Uzantıyı yüklemek için standart prosedürden sonra, ekranda modülün başarılı kurulumu hakkında bir mesaj ve bunun için belgeleri indirmek için bir bağlantı ve ayrıca herhangi bir modülü menü öğelerinden biri olarak eklemek için bir bağlantı şekli görünür. .

Modül kontrol paneline giderek, modülde görüntülenecek menüyü, temel menü öğesini, başlangıç ​​ve bitiş seviyelerini seçebilir ve ayrıca görüntüler için son ekleri ve bağlantı hizalama türünü ayarlayabilirsiniz. "Efektler" sekmesinde, menü öğesinin açılacağı olayı, fare imlecini görüntünün üzerine getirdiğinizde bağlantının gösterilip gösterilmeyeceğini, geçiş türünü, etkin alt menü için efekt kullanma ihtiyacını seçebilirsiniz; varsayılan olarak etkin olan menü öğesinin kimliğini de ayarlayabilirsiniz. "Tarzlar" sekmesinde, menü için bir tema seçebilir, menü daraltıldığında ve genişletildiğinde görüntülenecek resimlerin bulunduğu klasörleri belirleyebilir ve ayrıca onlar için bir hizalama konumu belirleyebilirsiniz. "Menü stilleri" sekmesi, menünün görünümü için birçok özelleştirilebilir parametre içerir: kenar boşlukları, arka plan, menü öğelerinin köşelerinin yuvarlatılması, gölgeler ve kenarlıklar. Birinci düzey bağlantı stilleri, İkinci düzey bağlantı stilleri ve Diğer düzey bağlantı stilleri sekmelerinde, menü öğelerinde görüntülenen bağlantıların yazı tipini, metin rengini ve arka plan rengini değiştirebilirsiniz. "Üçüncü taraf uzantı Seçenekleri" sekmesi, "Hikashop" ve "Virtuemart" bileşenleriyle uyumluluk ayarları için tasarlanmıştır ve uygun yamaların indirilip yüklenmesini gerektirir. Uzantının ücretsiz sürümünde mobil seçenekleri özelleştirme de mevcut değildir.

Başarılı çalışma için modülü menü öğelerine bağlamanız, konumunu belirtmeniz ve yayınlamanız gerekir. Aşağıda, modülün sitede nasıl çalıştığına dair bir örnek verilmiştir.

4. Bootstrap için JB Açılır Menü

Uzantı ile tamamen uyumludurİYSJoomla 2.5 / 3.x.

Twitter'ın Bootstrap ve JBootstrap ile çalışan menü modülü, yerleşik Joomla menü modülüne dayanmaktadır.Modülün kurulumu standarttır.Modül ayarlarında, sistem menülerinden, başlangıç ​​ve bitiş düzeylerinden sadece birini seçmeniz yeterlidir. ve ayrıca menü alt öğelerini göstermek için yapılandırılabilir bir seçenek vardır.Bu modüle konumunu atayıp yayınladığınızda, sitede aşağıdaki türde bir menü görünecektir:

5. DJ-Menüsü

Uzantı ile tamamen uyumludurİYSJoomla 2.5 / 3.x.

Hareketli efektlerle Mootools tabanlı açılır menü. Modül standart olarak kurulur. Uzantı ayarlarının "Modül" sekmesinde, modülün görüntüleyeceği menüyü seçmeli, son seviyelerini tanımlamalı ve gerekirse küçük ekranlarda menü gösterimini etkinleştirmeli ve bu durumda genişliğini ayarlamalısınız. . "CSS3 Animasyonları ve komut dosyası özellikleri" sekmesi, menüye girerken ve çıkarken animasyon efektlerini ve ayrıca animasyon hızını ayarlamanıza, alt menü kapatıldığında gecikme süresini, başlığın CSS sınıfını, HTML etiketini ayarlamanıza olanak tanır. ve Bootstrap boyutu.

Aşağıda bu modül kullanılarak oluşturulan bir menü örneği bulunmaktadır.

CMS Joomla 3.x çalıştıran bir sitede menü oluşturmak için incelemede ele alınan tüm modüller, alt düzeylere sahip bir menü oluşturmanıza olanak tanır. Çoğunlukla dikkate alınan modüller, belirli animasyon efektlerinin varlığında ve mobil cihazlarda görüntülenme yeteneğinde farklılık gösterir. Bu nedenle, mobil kullanıcılara yönelik siteler için (ve daha fazlası var), "DJ-Menu" modülünü tercih etmelisiniz. "Accordeon Menu CK" modülü iyidir çünkü başka bir modülün içeriğini kendi içine yerleştirmenize izin verir; Bootstrap modülü için JB DropDown Menüsü, incelenen uzantıların en basit ve en hafifidir ve örneğin varsayılan Joomla menü modülü ile eşleştirildiğinde iyi görünecektir. "Maxi Menu CK" modülünün işlevselliği etkileyici, ancak ücretsiz sürümde önemli ölçüde sınırlı olduğundan, onu kullanmak için finansal yatırımlar gerekiyor.

Menü, herhangi bir Joomla sitesi için olmazsa olmazdır. Bir site gezintisi oluşturmak, İnternet'te bir web kaynağı yayınlamadan önceki ilk adımlardan biridir. Bir menü olmadan, projenize ziyaretçiler veya arama motorları tarafından saygı gösterilmeyecektir.

Gezinme eksikliğine yalnızca tek sayfalık sayfalar için izin verilir. Üç veya daha fazla bölümünüz varsa, bunları menüde işaretlemeniz gerekir.

Bu yazıda, çeşitli formatlardaki (çok düzeyli, dikey, yatay vb.) menünün nasıl oluşturulduğunu analiz edeceğiz. Ayrıca item oluşturmanın özelliklerini inceleyeceğiz ve ayrıca menü bileşenlerinin ne tür olduğunu ve sınıf ekinin ne olduğunu öğreneceksiniz. Ek olarak, hızlı bir şekilde bir menü oluşturmanıza olanak sağlayacak 4 uzantıdan oluşan küçük bir seçim sunulacaktır.
https://www.youtube.com/watch?v=u19ebn-5W40

Joomla menüleri manuel olarak nasıl oluşturulur

Menü oluşturma, Joomla motoru için çocuk oyuncağıdır. Bu CMS sisteminde kendi navigasyonunuzu yapmak çok kolaydır, çünkü çoğunlukla yeni başlayanlar için tasarlanmıştır. Sitede görünmesi için yalnızca adı ve oluşturulan menünün türünü kaydetmeniz gerekir.

Menü oluşturmaya başlamak için önce Joomla yönetici alanınıza gidin. Daha da iyisi, navigasyonunuzun noktaya kadar nelerden oluşacağını önceden düşünün. Ayrıca hangi türün amaçlarınız için daha uygun olduğuna karar verin: katmanlı, dikey vb. Üzerinde düşündükten sonra yönetici paneline gidin ve ardından "Menü" sekmesini açın. Ardından, "Menü Yöneticisi" öğesine gitmeniz ve açılır listedeki "Menü Oluştur" düğmesini tıklamanız gerekir. Bundan sonra, navigasyonun doğrudan oluşturulması başlayacak - bunun için temel parametreleri belirtmeniz gerekecek. Ana gereksinimler, menünün başlığını ve türünü kaydetmektir. Navigasyon türünün size kolaylık sağlamak için bir kısa ad olduğunu lütfen unutmayın.
https://www.youtube.com/watch?v=34CARMpcNHM
Şimdi "Kaydet ve Kapat" ı tıklayın. Bu, tek bir öğeye sahip olmadığı için menünün oluşturulmasını tamamlamaz. Bir öğe oluşturmak için oluşturulan gezinme menüsünün yönetimine gitmeniz gerekir. Açılan sekmede "Menü Öğeleri" bölümünü göreceksiniz. Bu sekmeye gidin ve Joomla siteniz için gezinme bileşenlerini oluşturun. Öğenin adını menüde olduğu gibi belirtmeniz gerekecektir. Ek olarak, öğenin türünü belirtmeniz gerekecektir. Bu sefer, öğenin görünümünü etkileyeceği için tür önemli olacaktır. Çoğu zaman, "Malzemeler" türü dahil edilir.

Ancak menünün oluşturulması da burada bitmeyecek. Yine de belirli bir format (katmanlı, yatay veya dikey) yapmanız gerekiyor. Bunu yapmak için, bu elemanın yerleşim stilini belirleyen doğru konumu ve sınıf sonekini yazmalısınız. Sınıf sonekini belirleyebilmeniz için Bootstrap'in kullandığı doğru şablonu kullanmanız gerekir. Aşağıdaki her sınıf son eki sitenizde etkinleştirilemez, ancak en popüler menü stillerinin bir listesi aşağıdadır:

1. nav nav-pills, gezinme için varsayılan hapları oluşturan yatay bir menü için bir sınıf son ekidir.
2. nav nav-tabs, sekmeli bir gezinme oluşturan yatay bir menü için bir sınıf son ekidir.
3. nav nav-pills nav-yığılmış - yalnızca dikey gezinme için birinci sınıf son ekine benzer.
4. nav nav-tabs nav-yığılmış - "sekmeli" dikey menü.
5. nav nav-list - genişletilmiş liste dikey menüleri için sınıf son eki.

Ari Dahili Menü Modülü

Ari Ext Menu - Joomla'da animasyon efektli dikey veya yatay menü oluşturacak bir modül. Ari Ext uzantısı standart şekilde kurulur. Animasyon efektini ayarlamak için Ari Ext ayarlarında Geçiş türü satırını "solma" veya "slayt" ekleyecek şekilde değiştirin. Modül, CSS dosyasını düzenleyerek beğeninize göre özelleştirilebilir. Ari Ext, çok düzeyli menüler oluşturmanıza olanak tanır. Ari Ext'in tek dezavantajı, Rusça bir sürümünün olmamasıdır, bu nedenle uzantı ayarlarını kendiniz bulmanız gerekecektir. Aksi takdirde, Ari Ext harika gidiyor!

Joomla için SJ Flat modülü

SJ Flat, güzel ve işlevsel menüler oluşturmanıza olanak tanıyan basit ve kullanışlı bir modüldür. SJ Flat'in ana yönü katmanlı bir menüdür. SJ Flat modülü, Joomla'daki çeşitli menü öğeleri için istediğiniz kadar alt kategori oluşturmanıza olanak tanır. Ayrıca SJ Flat, hem dikey hem de yatay düzenler için açılır menülerle harika çalışır. SJ'nin bir diğer avantajı da mobil cihazlara otomatik adaptasyonudur. Site düşük çözünürlüklü bir mobil cihaz üzerinden açıldığında yatay bir menü dikey bir menüye dönüşecektir. Ve SJ Flat'in en önemli avantajı, modülün ücretsiz olarak indirilebilmesidir!

Dikey Menü Modülü

Dikey Menü modülünün adı kendisi için konuşur - bu uzantı dikey bir gezinme menüsü oluşturmak için gereklidir. Dikey Menü modülünün kolay kurulum ve kolay özelleştirme dışında ana özelliği SEO dostu koddur. Bu uzantı, menünün sitenizi tanıtmanıza yardımcı olması için optimize edilmiştir. Dikey modülünde yazı tipi türünden görüntülenen menünün renk şemasına kadar farklı tasarım seçeneklerini seçebilirsiniz.
https://www.youtube.com/watch?v=frwWrSzeO5s

Mega menü modülü

Mega Menü, diğer navigasyon menü modülleri arasında gerçek bir hit. Bu uzantıyı kullanarak herhangi bir biçimde bir menü oluşturabilirsiniz. Mega Menü modülü, öğelere yalnızca metin bilgilerini değil, aynı zamanda resim, video, animasyon ve diğer dosyaları da eklemenizi sağlar. Mega ile, navigasyonunuzun akıcı ve düşünceli bir tasarıma sahip olması için her menü öğesini ayrı ayrı özelleştirebilirsiniz. Mega hem yatay hem de dikey menülerle çalışır. Mega, Joomla'nın 3. sürümüyle en iyi şekilde çalışır. Mega modülü İngilizce olarak çalışır.

CMS Joomla 3.x için menü modüllerine genel bakış.

1. Maksi Menü CK

İYSJoomla 2.5 / 3.x.

Duyarlı tasarım ve güzel efektlerle yatay veya dikey açılır menüler oluşturmak için güçlü SEO optimizasyonlu modül. Ayrıca, bu modülün birkaç örneğini bir sayfada yayınlamak mümkündür. Ne yazık ki, bu uzantının ücretsiz sürümünün işlevselliği çok sınırlıdır.

Modülü kurduktan sonra, ekranda bununla ilgili belgeleri indirmek için bağlantılar ve ücretli seçenekler görüntülenir: genişletilmiş bir grafik temaları paketi, kolay menü yönetimi için bir eklenti, "Virtuemart", "Hikashop", "Joomshopping" bileşenleri için yamalar ve K2, ayrıca mobil cihazlarda oluşturulan menüyü doğru görüntülemek için bir eklenti.

Ardından, "Modül Yöneticisi" ne gitmeniz ve içindeki "Maxi Menü CK" öğesini seçmeniz gerekir. Modül kontrol panelinin Modül sekmesinde, yayınlamak için bir menü seçebilir, benzersiz bir modül kimliği, temel bir menü öğesi ve başlangıç ​​ve bitiş düzeylerini girebilir ve ayrıca alt düzey seçeneğini kapatabilirsiniz.

Alternatif olarak Menü Özelleştirme Sihirbazını da kullanabilirsiniz:

Menü sihirbazını kullanmanın rahatlığı, menü türleri ve ihtiyaç duydukları seçenekler arasında hızlı bir şekilde geçiş yapmaktan ibarettir, ancak çoğunlukla yalnızca ek ücretli uzantıların kurulu olması durumunda geçerlidir. "Menü öğelerine bağlanma" sekmesinde, modülün görüntüleneceği site sayfalarını seçebilirsiniz; "Efekt Seçenekleri" sekmesi, javascript efektlerinin kullanımını devre dışı bırakmanıza, yükleme türlerini seçmenize ve menü öğeleri ve alt öğeler için görsel efektleri yapılandırmanıza olanak tanır. "Tarzlar Seçeneği"nde bir menü teması (varsayılan olarak üç tane mevcuttur), menü yönlendirmesi seçebilir, duyarlı menü tasarımını devre dışı bırakabilir ve bir CSS şablon dosyası seçebilirsiniz.

"Logo seçenekleri" bölümünde, menüde görüntülenecek bir logo dosyası seçebilir, ona bir bağlantı ekleyebilir ve konumunu, genişliğini, yüksekliğini ve girintilerini tanımlayabilirsiniz. Şablonda bir menü öğesi seçip durumu "Yayınlandı" olarak değiştirdikten sonra, sitede menü belirir.

Sitede çalışan uzantı şöyle görünür:

Bu menü (ücretli bir yama yükledikten sonra), ürün kategorilerinin bir listesini otomatik olarak görüntülemenize izin verdiği için Joomshopping, Virtuemart veya Hikashop'taki bir çevrimiçi mağazanın ana menüsü olarak en iyi şekilde kullanılır.

2. ARI Ek Menü

Uzantı ile tamamen uyumludurİYSJoomla 1.5-1.7 / 2.5 / 3.x.

Yatay ve dikey yönlendirmeyi destekleyen özelleştirilebilir menü modülü, iki geçiş efekti.

Bir uzantı yüklemek için "Uzantı Yöneticisi" ne gitmeniz, iletişim kutusundan indirilen modül dosyasını seçmeniz ve "İndir ve Yükle" düğmesine tıklamanız gerekir. Modülün ayarlarında, bu modül tarafından görüntülenecek menüyü, menünün yönünü, hiyerarşinin ilk ve son seviyelerini seçebilir ve ayrıca sadece aktif menü alt öğelerini gösterme, vurgulama gibi parametreleri yapılandırabilirsiniz. geçerli menü öğesi. Sistem ayarları, ExtJS kitaplığını yükleme, onu yükleme yöntemini seçme ve benzersiz bir tanımlayıcı oluşturma seçeneğini içerir. Menü öğelerinin ve alt öğelerin stil parametrelerini de özelleştirebilirsiniz: arka plan rengi, metin, yazı tipi boyutu, hizalama ve daha fazlası. Gelişmiş modül ayarları oldukça standarttır ve önbelleğe alma seçeneklerini, önbelleğe alma süresini, HTML modül etiketini, Önyükleme boyutunu, HTML başlık etiketini ve CSS başlık sınıfını içerir. Modüle bir pozisyon atadıktan ve modülü sitede yayınladıktan sonra aşağıdaki formda bir menü belirir:

3. Akordeon Menü CK

Uzantı ile tamamen uyumludurİYSJoomla 2.5 / 3.x.

JoomlaCK stüdyosundan başka bir menü. Bir alt menüyü açtığınızda güzel efektler eklemenizi sağlar, sayfada modülü yeniden kullanın. Modülün bir özelliği, içine başka modüller ekleme yeteneğidir. Ayrıca modüle ek olarak Hickashop ve Virtuemart için ücretli yamalar da bulunmaktadır.

Uzantıyı yüklemek için standart prosedürden sonra, ekranda modülün başarılı kurulumu hakkında bir mesaj ve bunun için belgeleri indirmek için bir bağlantı ve ayrıca herhangi bir modülü menü öğelerinden biri olarak eklemek için bir bağlantı şekli görünür. .

Modül kontrol paneline giderek, modülde görüntülenecek menüyü, temel menü öğesini, başlangıç ​​ve bitiş seviyelerini seçebilir ve ayrıca görüntüler için son ekleri ve bağlantı hizalama türünü ayarlayabilirsiniz. "Efektler" sekmesinde, menü öğesinin açılacağı olayı, fare imlecini görüntünün üzerine getirdiğinizde bağlantının gösterilip gösterilmeyeceğini, geçiş türünü, etkin alt menü için efekt kullanma ihtiyacını seçebilirsiniz; varsayılan olarak etkin olan menü öğesinin kimliğini de ayarlayabilirsiniz. "Tarzlar" sekmesinde, menü için bir tema seçebilir, menü daraltıldığında ve genişletildiğinde görüntülenecek resimlerin bulunduğu klasörleri belirleyebilir ve ayrıca onlar için bir hizalama konumu belirleyebilirsiniz. "Menü stilleri" sekmesi, menünün görünümü için birçok özelleştirilebilir parametre içerir: kenar boşlukları, arka plan, menü öğelerinin köşelerinin yuvarlatılması, gölgeler ve kenarlıklar. Birinci düzey bağlantı stilleri, İkinci düzey bağlantı stilleri ve Diğer düzey bağlantı stilleri sekmelerinde, menü öğelerinde görüntülenen bağlantıların yazı tipini, metin rengini ve arka plan rengini değiştirebilirsiniz. "Üçüncü taraf uzantı Seçenekleri" sekmesi, "Hikashop" ve "Virtuemart" bileşenleriyle uyumluluk ayarları için tasarlanmıştır ve uygun yamaların indirilip yüklenmesini gerektirir. Uzantının ücretsiz sürümünde mobil seçenekleri özelleştirme de mevcut değildir.

Başarılı çalışma için modülü menü öğelerine bağlamanız, konumunu belirtmeniz ve yayınlamanız gerekir. Aşağıda, modülün sitede nasıl çalıştığına dair bir örnek verilmiştir.

4. Bootstrap için JB Açılır Menü

Uzantı ile tamamen uyumludurİYSJoomla 2.5 / 3.x.

Twitter'ın Bootstrap ve JBootstrap ile çalışan menü modülü, yerleşik Joomla menü modülüne dayanmaktadır.Modülün kurulumu standarttır.Modül ayarlarında, sistem menülerinden, başlangıç ​​ve bitiş düzeylerinden sadece birini seçmeniz yeterlidir. ve ayrıca menü alt öğelerini göstermek için yapılandırılabilir bir seçenek vardır.Bu modüle konumunu atayıp yayınladığınızda, sitede aşağıdaki türde bir menü görünecektir:

5. DJ-Menüsü

Uzantı ile tamamen uyumludurİYSJoomla 2.5 / 3.x.

Hareketli efektlerle Mootools tabanlı açılır menü. Modül standart olarak kurulur. Uzantı ayarlarının "Modül" sekmesinde, modülün görüntüleyeceği menüyü seçmeli, son seviyelerini tanımlamalı ve gerekirse küçük ekranlarda menü gösterimini etkinleştirmeli ve bu durumda genişliğini ayarlamalısınız. . "CSS3 Animasyonları ve komut dosyası özellikleri" sekmesi, menüye girerken ve çıkarken animasyon efektlerini ve ayrıca animasyon hızını ayarlamanıza, alt menü kapatıldığında gecikme süresini, başlığın CSS sınıfını, HTML etiketini ayarlamanıza olanak tanır. ve Bootstrap boyutu.

Aşağıda bu modül kullanılarak oluşturulan bir menü örneği bulunmaktadır.

CMS Joomla 3.x çalıştıran bir sitede menü oluşturmak için incelemede ele alınan tüm modüller, alt düzeylere sahip bir menü oluşturmanıza olanak tanır. Çoğunlukla dikkate alınan modüller, belirli animasyon efektlerinin varlığında ve mobil cihazlarda görüntülenme yeteneğinde farklılık gösterir. Bu nedenle, mobil kullanıcılara yönelik siteler için (ve daha fazlası var), "DJ-Menu" modülünü tercih etmelisiniz. "Accordeon Menu CK" modülü iyidir çünkü başka bir modülün içeriğini kendi içine yerleştirmenize izin verir; Bootstrap modülü için JB DropDown Menüsü, incelenen uzantıların en basit ve en hafifidir ve örneğin varsayılan Joomla menü modülü ile eşleştirildiğinde iyi görünecektir. "Maxi Menu CK" modülünün işlevselliği etkileyici, ancak ücretsiz sürümde önemli ölçüde sınırlı olduğundan, onu kullanmak için finansal yatırımlar gerekiyor.

Yazardan: Sizleri selamlıyorum sevgili okuyucular. Menü, mevcut sayfaları gösterdiği ve gezinmeyi kolaylaştırdığı için herhangi bir iyi web sitesinin önemli bir unsurudur. Bu nedenle, bu derste joomla 3 için bir menü modülünün ne olduğundan ve nasıl oluşturulacağından bahsedeceğiz.

Menüyü bilmeyenler için bu, sitenin mevcut sayfalarına bağlantılar gösteren ayrı bir öğedir (blok). CMS Joomla'da menülerle çalışmak için özel bir yönetici vardır - menüleri ve öğelerini oluşturmak ve düzenlemek için tasarlanmış "Menü Yöneticisi".

Böylece, bu yöneticiyi kullanarak siteniz için gerekli menüleri oluşturabilir ve ayrıca her birine ayrı öğeler bağlayabilirsiniz - sayfalara bağlantılar. Yeni bir menü oluşturmak için "Oluştur" düğmesine tıklamanız gerekir.

Açılan sayfada formun üç alanını doldurmanız ve "Kaydet" butonuna tıklamanız gerekmektedir. Alanların kısa açıklaması:

Başlık - menü yöneticisinde görüntülenecek oluşturulan menünün adı.

Menü türü - sistem adı, Latin alfabesinin harfleri kullanılarak belirtilmesi gereken benzersiz tanımlayıcısı. Kiril dilinde bir terim eklerseniz, CMS Joomla, harf çevirisini kullanarak eklenen her Kiril karakterini İngiliz alfabesinin karşılık gelen karakteriyle değiştirir.

Açıklama - menünün kısa bir açıklaması.

Yeni bir menü oluşturduktan sonra öğeleri eklemeniz gerekir. Bunu yapmak için, "Menü Yöneticisi"nde, bağlantı olarak görüntülenen başlığına tıklayın ve sonraki sayfada "Oluştur" düğmesine tıklayın.

Gördüğünüz gibi, ayrı bir menü öğesi oluşturmak için sayfaya yönlendiriliyorsunuz.

Web geliştirmede modern eğilimler ve yaklaşımlar

Site oluşturmada hızlı büyüme algoritmasını sıfırdan öğrenin

Bir menü öğesi oluşturmak için, başlığını “Menü Başlığı” alanına eklemeniz ve bağlanacağı sayfayı seçtiğinizden emin olmanız veya başka bir deyişle “Menü Öğesi Türü” nden menü türünü seçmeniz gerekir. " parametre. "Seç" düğmesine tıkladıktan sonra, ilgilendiğiniz Joomla bileşenlerinden birinin "Görünümünü" seçebileceğiniz bir açılır blok görüntülenecektir. Ayrıca her bir “Görünüm” sitenin ayrı bir sayfasının görüntülenmesinden sorumludur.

Ayrıca yeni bir öğe ekleme sayfasında, ayrı sekmelerde listelenen çeşitli ayarlar mevcuttur. Her menü türü, türü seçtikten sonra, yani sayfa yenilendiğinde görüntülenecek belirli ek ayarlarla karakterize edilir. Ayarları tanımlayıp gerekli verileri ekledikten sonra yeni bir öğe oluşturmak için “Kaydet” düğmesine tıklayın.

Ancak dikkat edin, yeni bir menü oluşturup ona tek tek öğeler ekleyerek sitenin işleyişindeki değişiklikleri göremezsiniz, yani kullanıcı kısmında, siz özel bir modül oluşturana kadar yeni menü görüntülenmeyecektir. CMS Joomla'da, sitenizin sayfalarında belirli bir menüyü aktif şablonun belirli bir konumunda görüntülemek için menü modülü gereklidir.

Bu nedenle, "Modül Yöneticisi" ne gidin ve "Oluştur" düğmesine tıklayın.

Bu durumda oluşturulacak modülü seçmek için bir ara sayfaya yönlendirileceksiniz. Yani oluşturmadan önce sistemde kurulu olanlardan hangi modülü oluşturmak istediğinizi seçmelisiniz.

Bu yazıda menüden bahsettiğimiz için Joomla Menu 3 modülü ile ilgilendiğimiz anlamına geliyor, bu yüzden başlığına tıklıyoruz.

Modül oluşturma sayfasında, başlığını belirtin, aynı addaki alanda ve “Modül” sekmesinde içerik olarak hangi menünün görüntüleneceğini seçin. Ardından, şablondaki modülün görüntüleme konumunu seçin ve “Menü öğelerine bağlanma” sekmesinde bu modülün hangi sayfalarda kullanılabileceğini belirtin. Bu aslında yeni bir menü modülünün oluşturulmasını tamamlar, ancak "Ek parametreler" sekmesinin, gelecekteki modülün görünümü için ayarlar içerdiğini unutmayın, örneğin: menü sınıfı son eki, alternatif düzen, HTML modülü etiketi, HTML başlık etiketi , modül stili vb. Buna göre, gelecekteki modülün görünümünü şekillendirmek için onlara ihtiyacınız olabilir. Gerekli tüm düzenlemeleri tamamladıktan sonra, "Kaydet" düğmesine tıklayın ve böylece modülü veritabanına ekleyin, bu, sitede şimdi kullanıcı bölümünde görüntülenecek yeni bir menü oluşturduğunuz anlamına gelir.