Joomla-da vertikal menyu yaratish uchun dars. Joomla-da menyu qanday tuziladi, Joomla-da menyu yaratishning uchta usuli

Salom, do'stlar! Zaur Magomedov aloqada. Ushbu xabarda sizga Joomla 2.5 - 3.0 saytidagi sayt uchun chiroyli vertikal akkordeon menyusini taqdim etmoqchiman. Ushbu menyu juda sodda va men ko'pincha e'tibor beradigan katta kodni kiritishni talab qilmaydi. So'zda aytilganidek - "Yaxshisi kam - ko'p".

Biz avvalgi xabarlarda gorizontal menyu yaratish va joomla 2.5 uchun gorizontal ko'p darajali menyu yaratishni ko'rib chiqdik. Endi biz vertikalga etib keldik.

Birinchidan, demoga qarang, hammasi qanday ko'rinishini, agar xohlasangiz, paketni manba fayllari bilan yuklab oling.

Ushbu menyuni Internetdan topdim va uni Joomla sms-dagi sayt uchun moslashtirishga qaror qildim, chunki Menga ushbu menyu tashqi ko'rinishida ham, ulanish qulayligida ham juda yoqdi. Menyuning o'zi va CSS uslublarini biroz o'zgartirib, men quyidagi natijani oldim.

Joomla 3.x.x-dagi menyularni ulash

Avvalo, arxivni kompyuteringizdagi ma'lum bir papkaga oching. Keyingi ishimiz - rasmlar papkasidagi rasmlarni shabloningizdagi rasmlar papkasiga nusxalash. Odatda ko'plab shablonlarda bu rasmlar papkasidir, agar sizda u boshqacha nomlangan bo'lsa, masalan, img, u holda siz fayllar faylidagi yo'llarni o'zgartirishingiz kerak - vmenu.css. Shuningdek, menyu skriptlaridan birini ulashimiz kerak. Shabloningizning ildizida "js" papkasini yaratishni va unga skript fayllarini qo'yishni taklif qilaman - menu.js yoki menu-collapsed.js. Nima uchun ikkita fayl? Haqiqat shuki, agar siz sezgan bo'lsangiz, demo saytida ushbu menyuni namoyish qilish uchun ikkita variant mavjud. Ularning bir-biridan qanday farq qilishini diqqat bilan ko'rishingiz mumkin. Sevimli menu.js yoki menu-collapsed.js skriptini ulang. Variant 1 menyu-collapsed.js skriptidir va 2-variant menu.js. Buning uchun index.php shablonining boshida quyidagi satrlarni kiriting:

$ doc = JFactory :: getDocument (); // parametrlarni olish
$ doc-> addStyleSheet (JUri :: base (). ’/ templates /’.$ this-> andoza.’ / css / vmenu.css ’); // uslublar jadvalini kiritish
$ doc-> addScript (JUri :: base (). ’/ templates /’.$ this-> andoza.’ / js / menu-collapsed.js ’); // menyu skriptini ulang, bu holda u 1-variant
?>

Bizga jQuery kutubxonasi ham kerak, lekin joomla3-ga u sukut bo'yicha kiritilgan, chunki ramkadan foydalaniladi.

Shunday qilib, CSS fayli quyidagi kodni o'z ichiga oladi:

/********************************
Akkordeonning vertikal ochiladigan menyusi
************************************************************/
ul.vmenu (

margin: 0;
to'ldirish: 0;
ro'yxat uslubi: yo'q;
}
ul.vmenu li (
margin: 0 0 2px;
}
ul.vmenu li a (

chegara: 1px qattiq # D5D5D5;
-moz-border-radiusi: 3px;
- chegara-radiusi: 3px;
-webkit-border-radiusi: 3px;
-ms-border-radius: 3px;
chegara radiusi: 3px;
rang: # 515151;
displey: blok;
to'ldirish: 5px 8px;
matnni bezatish: yo'q;
}
ul.vmenu li> a: hover, ul.vmenu li.active> a, ul.vmenu li>
ul.vmenu li.parent> a: after (

displey: blok;
tarkib: "";
suzuvchi: o'ng;
hoshiya: 8px 5px 0 0;
balandligi: 3 piksel;
kengligi: 6px;
}
/ * Ochiladigan narsalar * /
ul.vmenu li ul (
shrift og'irligi: normal;
hoshiya: 10px 0 10px 15px;
ro'yxat uslubi: yo'q;
}
ul.vmenu li ul li (
fon: yo'q;
margin: 0 0 5px
}
ul.vmenu li ul li a (

chegara: o'rtacha yo'q;
to'ldirish: 0 0 0 15px;
}
ul.vmenu li ul li a: hover (rang: # 29719E; matnni bezatish: tagiga chizish)
ul.vmenu li ul li.active a (rang: # 29719E; shrift og'irligi: qalin)

/*********************
Akkordeonning vertikal ochiladigan menyusi - 2-variant
************************************************************************/
ul.vmenu2 (
shrift: qalin 12px Arial, Helvetica, sans-serif;
ro'yxat uslubi: hech kim yo'q;
margin: 0;
to'ldirish: 0;
ro'yxat uslubi: yo'q;
}
ul.vmenu2 li (
margin: 0 0 2px;
}
ul.vmenu2 li a (
fon: url ("../ images / vmenu-li-bg.jpg") chap pastki takrorlash-x;
chegara: 1px qattiq # D5D5D5;
-moz-border-radiusi: 3px;
- chegara-radiusi: 3px;
-webkit-border-radiusi: 3px;
-ms-border-radius: 3px;
chegara radiusi: 3px;
rang: # 515151;
displey: blok;
to'ldirish: 5px 8px;
matnni bezatish: yo'q;
}
ul.vmenu2 li> a: hover, ul.vmenu2 li.active> a, ul.vmenu2 li> a: focus (background-color: transparent; color: # 0088CC)
ul.vmenu2 li.parent> a: after (
background: url ("../ images / arrow-dropdown.png") takrorlanmaydi;
displey: blok;
tarkib: "";
suzuvchi: o'ng;
hoshiya: 8px 5px 0 0;
balandligi: 3 piksel;
kengligi: 6px;
}
/ * Ochiladigan narsalar * /
ul.vmenu2 li ul (
shrift og'irligi: normal;
hoshiya: 10px 0 10px 15px;
ro'yxat uslubi: yo'q;
}
ul.vmenu2 li ul li (
fon: yo'q;
margin: 0 0 5px
}
ul.vmenu2 li ul li a (
background: url ("../ images / vmenu-arrow.png") takrorlanmasin 5px markazi shaffof! muhim;
chegara: o'rtacha yo'q;
to'ldirish: 0 0 0 15px;
}
ul.vmenu2 li ul li a: hover (rang: # 29719E; matnni bezatish: tagiga chizish)
ul.vmenu2 li ul li.active a (rang: # 29719E; shrift og'irligi: qalin)

IN ushbu fayl ikkala variant uchun ham uslublarni o'z ichiga oladi va siz istamagan menyu parametrlari uchun uslublarni o'chirib tashlashingiz mumkin.

Endi bizda yaratilgan barcha narsalar mavjud bo'lib, biz shablonning u yoki bu modul holatida menyumizni namoyish qiladigan modulni yaratishimiz mumkin. Men chap ustunni tanladim. Menyu menejeriga o'ting va havolani bosing "uchun modul qo'shish ushbu turdagi menyu "bizning yaratilgan menyuga qarama-qarshi. Bundan tashqari menyu modulini quyidagicha yaratishingiz mumkin - modul menejeriga o'ting: Kengaytmalar -> Modul menejeri -> Yaratish -> Menyu (modul turini tanlang).

"Kengaytirilgan sozlamalar" yorlig'iga o'ting. Bu erda biz SPACE-ga kiramiz va menyu sinfi qo'shimchasini kiritamiz - vmenu... Bu nima uchun? Axir saytda bir nechta menyu bo'lishi mumkin va ularning uslublari bir-biriga mos kelmasligi uchun biz raqamlanmagan menyu ro'yxatiga muqobil sinfni kiritamiz. Agar siz menyuni namoyish qilishning ikkinchi variantini yoqtirgan bo'lsangiz, unda biz qo'shimcha sifatida ham kiramiz - vmenu2.

Hammasi, sozlamalardan so'ng biz modulni saqlaymiz. Agar siz hamma narsani to'g'ri bajargan bo'lsangiz, menyusiga o'xshash menyu.

Yana bir bor eslatib qo'yay! Demo saytida ikkita menyu variantlari mavjud va ehtimol siz ulardan birini tanlaysiz. Bunday holda, ikkala skript faylini qo'shishning hojati yo'q, faqat bittasi etarli.

Menu-collapsed.js fayli. - bu bizning variantimiz 1 - Akkordeon menyusi - variant 1
Menyu.js fayli - bu bizning variantimiz 2 - Menyu akkordeon - variant 2
1-variant uchun menyu sinf qo'shimchasi (bo'sh joy bilan ajratilgan) - vmenu
2-variant uchun menyu sinf qo'shimchasi (bo'sh joy bilan ajratilgan) - vmenu2

Shunga asoslanib, kerakli faylni ulang. Bundan tashqari, CSS faylida qo'shimcha kilobaytlarni qayta yuklamaslik uchun biz kerak bo'lmagan parametr uchun uslublarni olib tashlashingiz mumkin.

Joomla 2.5.x da menyular ulanmoqda

Joomla 2.5-da menyuni ulash joomla 3-dan farq qilmaydi, faqat qo'shimcha jQuery kutubxonasini ulashimiz kerak. Buning uchun yuqoridagi kodga quyidagi qatorni qo'shing:

$ doc->
?>

Biz shunga o'xshash narsani olamiz:

$ doc = JFactory :: getDocument (); // parametrlarni olish
$ doc-> addScript (‘http://code.jquery.com/jquery-latest.min.js’); // jQuery kutubxonasining so'nggi versiyasini o'z ichiga oladi
$ doc-> addScript (JUri :: base (). ’/ templates /’.$ this-> andoza.’ / js / menu-collapsed.js ’); // menyu skriptini ulang, bu holda u 1-variant
?>

Va yana bir narsa. Joomla 2.5-da menyu turi yo'q System Links -> Sarlavha, faqat matnni ajratuvchi turi - Separator mavjud, ammo bu turdagi element biz uchun ishlamaydi, chunki menyu elementining sarlavhasi havola bilan hoshiyalanmaydi. Bunday holda, siz "External URl" turini tanlashingiz va URL sifatida stub - # kiritishingiz kerak. Qolganlarning hammasi bir xil.

Men aytmoqchi bo'lgan narsa shu. Agar biror narsa ishlamasa (ehtimol matnda biror joyda xato qilgan bo'lsam), sharhlaringizda savollar bering. Barchaga xayr, keyingi xabarlarda ko'rishguncha!

Vertikal menyu 4.0.270 ning ajoyib va ko'p funktsional vertikal menyu modulining yangi versiyasini taqdim etamiz. Bu Joomla menyusini o'zi ko'rsatish yoki menyular va boshqa mashhur qo'shimchalar toifalarini namoyish qilish uchun juda yaxshi va ko'p qirrali echimdir. Modul to'liq Seo optimallashtirilgan va sozlanishi oson bo'lgan ma'muriy boshqaruv paneliga ega bo'lib, unda rang sxemasi va mavzularni sozlash, tipografiyani, ko'rsatilgan menyu manbalarini va boshqa ko'p narsalarni sozlashingiz mumkin.

AP Accordion Menu v3.4 - Joomla uchun akkordeon menyusi

AP3 akkordeon menyusi v3.4 sodda va osonlikcha sozlanadigan vertikal akkordeon moduli bilan tanishish. Ushbu Joomla kengaytmasi menyuning istalgan sonli sub-elementlarini yaratishga imkon beradi va menyuni faollashtirish, belgi sinflari, sarlavhalar va rasmlar uchun subtitrlar qo'shish uchun chertish yoki bosish funktsiyalarini qo'llab-quvvatlaydi. Siz cheksiz ko'p rang kombinatsiyalarini sozlashingiz yoki 3 ta tayyorlangan va o'rnatilgan mavzulardan foydalanishingiz mumkin. Modul "layout" va "settings" xususiylashtirish parametrlaridan foydalanadi.

Ajax Scroll v1.6 - Joomla uchun o'tish

Quix Pagebuilder Pro professional va ulardan biri eng yaxshi dizaynerlar Joomla 3. uchun sahifalar Ushbu kengaytma tahrirlashga hojat qoldirmasdan zamonaviy saytlarni amalga oshirishga imkon beradi CSS kodi va kodlash. Siz shunchaki tayyor mos sxemani tanlashingiz va Drag & Drop interfeysi yordamida qurilishni boshlashingiz kerak. Funktsionallikdan siz yaratilgan sahifalarni to'liq SEO optimallashtirishini, kengaytma va ishlab chiquvchilar uchun qulayligini, 30 dan ortiq elementlarning mavjudligini ta'kidlashingiz mumkin. tezkor yaratish saytlar, Google shriftlarini qo'llab-quvvatlash, o'z media menejerining mavjudligi, fotosuratlarning katta to'plami va boshqa funktsiyalar.

Offlajn Vertical Menu v3.1.201

Offlajn Vertical Menu v3.1.201- eng funktsional va ko'p qirrali narsalardan biri Joomla modullari har qanday turdagi vertikal menyuni tezda tuzish va loyihalash uchun mo'ljallangan. Kengaytmani har qanday shablon bilan ishlatish mumkin. Akkordeon menyusi, ochiladigan menyu, daraxt menyusi va DropMenu dasturini amalga oshirish mumkin. Bundan tashqari, yon panellarni ham qilishingiz mumkin. To'liq moslashtiriladigan o'tish animatsiyalari, qo'shimcha menyu yaratish, element filtrini ko'rsatish, maxsus logotiplarni ko'rsatish, 220 dan ortiq piktogramma kiritish, boshqa komponentlarni qo'llab-quvvatlash va boshqa ko'p narsalar diqqatga sazovordir.

SwMenuPro 10 menyusi komponentasi

swMenuPro v10.7 - bu eng qudratlilarning yangi versiyasi Joomla kengaytmalari deyarli har qanday tuzilish va menyu turini yaratish uchun mo'ljallangan. Ushbu komponent yordamida tezda to'rt turdagi ochiladigan yoki ochiladigan menyularni, uch turdagi akkordeon turidagi menyularni tayyorlashingiz mumkin (siz birlashgan, dinamik yoki ko'p darajali menyu qilishingiz mumkin). Bundan tashqari, ko'p ustunli yoki daraxtga o'xshash menyuni amalga oshirishingiz mumkin. IN yangi versiya ishlab chiquvchilar uslublarni boshqa saytlarga o'tkazish, rasmlarni nuqtalarga ulash, gradyanlarni, fonlarni, soyalarni, burchaklarni va shriftlarni tahrirlash qobiliyatini qo'shdilar.

CMS Joomla 3.x uchun menyu modullariga umumiy nuqtai.

1. Maxi menyusi CK

CMSJoomla 2.5 / 3.x.

Javob beruvchi dizayni va chiroyli effektlari bilan gorizontal yoki vertikal ochiladigan menyularni yaratish uchun kuchli SEO optimallashtirilgan moduli. Bundan tashqari, bitta sahifada bir nechta nusxani nashr etish mumkin. ushbu modul... Afsuski, funksionallik bepul versiya ushbu kengaytma juda cheklangan.

Modulni o'rnatgandan so'ng, ekranda unga hujjatlarni yuklab olish uchun havolalar va pulli variantlar ko'rsatiladi: kengaytirilgan grafik mavzular to'plami, menyuni boshqarish uchun qulay plagin, "Virtuemart", "Hikashop", "Joomshopping" komponentlari uchun yamaqlar va K2, shuningdek menyuni to'g'ri namoyish qilish uchun plagin mobil qurilmalar.

Keyin "Modul menejeri" ga o'tishingiz va undagi "Maxi Menu CK" -ni tanlashingiz kerak. Modulni boshqarish panelidagi Modul yorlig'ida siz nashr etish uchun menyuni tanlashingiz, noyob modul identifikatorini, asosiy menyu bandini va uning boshlang'ich va oxirgi darajalarini kiritishingiz mumkin, shuningdek pastki satr parametrini o'chirib qo'yishingiz mumkin.

Shu bilan bir qatorda, menyuni sozlash ustasidan foydalanishingiz mumkin:

Menyu sehrgaridan foydalanish qulayligi menyu turlari va ularga kerak bo'lgan variantlar o'rtasida tez almashinishdan iborat, ammo bu qo'shimcha pullik kengaytmalar o'rnatilganda juda muhimdir. "Menyu elementlari bilan bog'lash" yorlig'ida siz modul ko'rsatiladigan sayt sahifalarini tanlashingiz mumkin; "Effect Options" yorlig'i javascript effektlaridan foydalanishni o'chirib qo'yish, ularning yuklash turini tanlash va sozlash imkonini beradi vizual effektlar menyu elementlari va pastki elementlari uchun. "Uslublar opsiyasi" da siz menyu mavzusini (uchta sukut bo'yicha mavjud), menyu yo'nalishini tanlashingiz, javob beradigan menyu dizaynini o'chirib qo'yishingiz va CSS shablon faylini tanlashingiz mumkin.

"Logo variantlari" bo'limida siz menyuda ko'rsatiladigan logotip faylini tanlashingiz, unga havola qo'shishingiz va uning pozitsiyasini, kengligi, balandligi va kirishini belgilashingiz mumkin. Shablonda menyu bandini tanlab, holatini "Nashr etilgan" holatiga o'zgartirgandan so'ng, saytda menyu paydo bo'ladi.

Saytda ishlaydigan kengaytma quyidagicha ko'rinadi:

Ushbu menyu (pulli patch o'rnatilgandan so'ng) eng yaxshi Joomshopping, Virtuemart yoki Hikashop-dagi onlayn-do'konning asosiy menyusi sifatida ishlatiladi, chunki u mahsulot toifalari ro'yxatini avtomatik ravishda namoyish qilish imkonini beradi.

2. ARI qo'shimcha menyusi

Kengaytma to'liq mos keladiCMSJoomla 1.5-1.7 / 2.5 / 3.x.

Gorizontal va vertikal yo'nalishni qo'llab-quvvatlovchi moslashtirilgan menyu moduli, ikkita o'tish effekti.

Kengaytmani o'rnatish uchun "Kengaytma menejeri" ga o'tishingiz kerak, dialog oynasi orqali yuklab olingan modul faylini tanlang va "Yuklab olish va o'rnatish" tugmasini bosing. Modul sozlamalarida siz ushbu modul tomonidan ko'rsatiladigan menyuni, menyu yo'nalishini, ierarxiyaning boshlang'ich va yakuniy darajasini tanlashingiz mumkin, shuningdek faqat faol menyu sub-elementlarini ko'rsatish, ajratib ko'rsatish kabi parametrlarni sozlashingiz mumkin. joriy menyu elementi. Ular orasida tizim sozlamalari ExtJS kutubxonasini yuklash, uni yuklash usulini tanlash va noyob identifikatorni yaratish opsiyasi mavjud. Shuningdek, menyu elementlari va pastki elementlarning uslub parametrlarini sozlashingiz mumkin: fon rangi, matn, shrift hajmi, hizalama va boshqalar. Kengaytirilgan modul sozlamalari juda standart bo'lib, keshlash imkoniyatlari, keshlash vaqti, HTML moduli yorlig'i, Bootstrap hajmi, HTML sarlavhasi yorlig'i va CSS sarlavhasi sinfini o'z ichiga oladi. Modulga pozitsiya tayinlangandan va modulni saytda e'lon qilgandan so'ng, quyidagi shakldagi menyu paydo bo'ladi:

3. Accordeon Menyu CK

Kengaytma to'liq mos keladiCMSJoomla 2.5 / 3.x.

JoomlaCK studiyasining yana bir menyusi. Ichki menyu ochilganda, modulni sahifada qayta ishlatganda chiroyli effektlarni qo'shishga imkon beradi. Modulning o'ziga xos xususiyati - unga boshqa modullarni kiritish qobiliyati. Shuningdek, moduldan tashqari, Hickashop va Virtuemart uchun pullik yamalar mavjud.

Kengaytmani o'rnatishning standart protsedurasidan so'ng ekranda modulning muvaffaqiyatli o'rnatilishi va unga tegishli hujjatlarni yuklab olish uchun havola, shuningdek menyu elementlaridan biri sifatida istalgan modulni qo'shish uchun havola shakli haqida xabar paydo bo'ladi. .

Modulni boshqarish paneliga o'tishda siz modulda ko'rsatiladigan menyuni, asosiy menyu punktini, boshlang'ich va oxirgi darajalarni tanlashingiz, shuningdek qo'shimchalar va rasmlar uchun havolani tekislash turini o'rnatishingiz mumkin. "Effektlar" yorlig'ida menyu elementi ochilgan hodisani, sichqoncha kursorini rasm ustiga qo'yganingizda havola ko'rsatiladimi, o'tishning turi, faol pastki menyu uchun effektlardan foydalanish zarurligini tanlashingiz mumkin; standart menyu elementining identifikatorini ham o'rnatishingiz mumkin. "Uslublar" yorlig'ida menyu uchun mavzuni tanlashingiz, menyu yiqilganda va kengaytirilganda ko'rsatiladigan rasmlari bo'lgan papkalarni belgilashingiz, shuningdek ular uchun hizalanish holatini belgilashingiz mumkin. "Menyu uslublari" yorlig'ida ko'plab sozlash parametrlari mavjud tashqi ko'rinish menyular: hoshiyalar, fon, menyu elementlarini burchakli yaxlitlash, soyalar va chegaralar. Birinchi darajadagi bog'lanish uslublari, Ikkinchi darajadagi bog'lanish uslublari va Boshqa darajadagi bog'lanish uslublari yorliqlarida siz menyu elementlarida ko'rsatilgan havolalar uchun shrift, matn rangi va fon rangini o'zgartirishingiz mumkin. "Uchinchi tomon kengaytmalari parametrlari" yorlig'i "Hikashop" va "Virtuemart" komponentlari bilan moslik sozlamalari uchun mo'ljallangan va tegishli yamoqlarni yuklab olish va o'rnatishni talab qiladi. Kengaytmaning bepul versiyasida mobil variantlarni sozlash ham mavjud emas.

Muvaffaqiyatli ishlash uchun siz modulni menyu elementlari bilan bog'lashingiz, uning o'rnini ko'rsatishingiz va nashr qilishingiz kerak. Quyida modulning saytda qanday ishlashiga misol keltirilgan.

4. Bootstrap uchun JB DropDown menyusi

Kengaytma to'liq mos keladiCMSJoomla 2.5 / 3.x.

Twitter-ning Bootstrap va JBootstrap bilan ishlaydigan menyu moduli o'rnatilgan Joomla menyu moduliga asoslangan.Modulning o'rnatilishi standartdir.Modul sozlamalarida siz faqat tizim menyularidan birini, boshlang'ich va tugatish satrlarini tanlashingiz kerak. , va menyuning pastki elementlarini ko'rsatish uchun sozlanishi variant mavjud. Ushbu modulga uning o'rnini belgilash va nashr etish paytida saytda quyidagi turdagi menyu paydo bo'ladi:

5. DJ-menyu

Kengaytma to'liq mos keladiCMSJoomla 2.5 / 3.x.

Mootools-ga asoslangan animatsion effektlar bilan ochiladigan menyu. Modul standart ravishda o'rnatiladi. Kengaytma sozlamalarining "Modul" yorlig'ida siz modul ko'rsatadigan menyuni tanlashingiz kerak, shuningdek uning darajalarining oxirgi qismini belgilashingiz kerak va agar kerak bo'lsa, menyuni kichik ekranlarda namoyish qilishni yoqing va bu holda uning kengligini belgilang. . "CSS3 animatsiyalari va skript xususiyatlari" yorlig'i menyuga kirish va chiqishda animatsiya effektlarini hamda animatsiya tezligini sozlash, pastki menyu yopilganda kechikish vaqtini, sarlavhaning CSS klassi, uning HTML yorlig'ini sozlash imkonini beradi. va Bootstrap hajmi.

Quyida ushbu modul yordamida yaratilgan menyuga misol keltirilgan.

CMS Joomla 3.x saytida menyu yaratish uchun ko'rib chiqishda ko'rib chiqilgan barcha modullar pastki sathlar bilan menyu yaratishga imkon beradi. Ko'pincha ko'rib chiqilgan modullar ma'lum animatsiya effektlari mavjudligi va mobil qurilmalarda namoyish qilish imkoniyati bilan ajralib turadi. Shuning uchun, yo'naltirilgan saytlar uchun mobil aloqa foydalanuvchilari(va ularning soni tobora ko'payib bormoqda), siz "DJ-Menu" moduliga ustunlik berishingiz kerak. "Accordeon Menu CK" moduli yaxshi, chunki u boshqa modul tarkibini o'ziga kiritishga imkon beradi; Bootstrap moduli uchun JB DropDown menyusi ko'rib chiqilgan kengaytmalar orasida eng sodda va eng yengil bo'lib, masalan, standart Joomla menyu moduli bilan bog'langanda yaxshi ko'rinadi. "Maxi Menu CK" moduli juda ta'sirli, ammo bepul versiyada u ancha cheklanganligi sababli, undan foydalanish uchun moliyaviy mablag'lar talab qilinadi.

Salom o'rtoqlar! Ushbu maqolada biz avvalgi postda boshlagan ishimizni yakunlaymiz, ya'ni materiallarni saytga namoyish etish imkoniyatini yaratamiz. Bugun biz Joomla 3.6 da menyu punktlarini yaratamiz. Bu har qanday Internet-resursning eng muhim tarkibiy qismi bo'lgan menyu elementlari, chunki ular saytning asosiy navigatsiyasida muhim rol o'ynaydi.

Ajam tajribasiz sayt quruvchilar uzoq vaqt davomida materialni yaratish, toifalarni yaratish va menyuni yaratish o'rtasidagi ko'rinadigan munosabatlarni anglay olmaydilar. Ammo vaqt o'tishi bilan siz buning nima uchun ekanligini va u bilan qanday ishlashni tushunasiz. Yuqorida aytib o'tganimdek, CMS Joomla 3.6 da yaratilgan material toifaga bog'langan bo'lishi kerak. Ammo bu hammasi emas, maqola sayt sahifalarida ko'rsatilishi uchun menyu yaratishingiz kerak.

Ishlab chiquvchilar menyu elementlarini namoyish qilishning juda xilma-xilligini ta'minladilar. Mavjud bo'lgan Joomla asosiy menyusiga elementlar qo'shishni boshlaymiz.

Menyuning asosiy elementini yaratish

1. Yuqoridagi Joomla ma'muriy panelida menyu / Asosiy menyu / Yaratish menyusi bo'limini topamiz.

2. Keyingi sahifada "Menyu sarlavhasi" ni yozing. "Taxalluslar" maydonini bo'sh qoldiring. Buning sababi shundaki, menyu nomi yaratilgandan so'ng tizim unda kerakli barcha narsalarni avtomatik ravishda ro'yxatdan o'tkazadi. Bu siz sarlavha yozayotgan materiallar va toifalarga ham tegishli.

3. Menyu elementi turi- bu muhim qism, materialning chiqishi uchun javobgardir. Tanlash uchun bosing.

Ochilgan oynada biz "Materiallar" ni topamiz, bu erda biz taqdim etilgan variantlardan birini tanlashimiz kerak. O'zimning saytimda "Toifadagi materiallar ro'yxati" ning 99 foizidan foydalanaman.

4. Yuqoridagi menyu turiga qaror qilib, tanlaganingizdan so'ng, " Toifani tanlash". Odatiy bo'lib, tizim Uncategorised-ni namoyish etadi. Bu erda menyuga bog'langan toifani tanlashingiz kerak. Kelajakda majburiylikni o'zgartirish mumkin. Shunday qilib, agar xohlagan narsani emas, balki xato bilan bog'lab qo'ysangiz, uni har doim Joomla menyusiga kirib tuzatishingiz mumkin.

5. Oynaning o'ng qismida ekran bilan bog'liq sozlamalar mavjud. Holat - "Nashr etilgan" -ni tanlang. Asosiy sahifa - Menimcha hamma narsa aniq. Agar siz uni tanlasangiz, toifadagi barcha tarkib asosiy sahifada ko'rsatiladi. Bundan tashqari, "Ota-ona" ni o'rnatishingiz mumkin. Odatiy bo'lib, "Ildiz menyusi". Ushbu bo'lim muhim rol o'ynaydi, chunki u satrda tanlangan asosiy menyuga pastki menyu yaratishga imkon beradi. Ammo bizda hozirgacha bitta menyu mavjud bo'lgani uchun, bog'lash uchun alohida narsa yo'q.

6. Natijada, biz tomonidan yaratilgan menyu elementi ekranning yuqori chap qismidagi tegishli tugmachalardan birini bosish orqali "Saqlash" bo'lishi kerak.

Ko'rsatiladigan bitta material bilan menyu bandini yarating

Agar bitta maqola menyuda ko'rsatilishini istasangiz, menyu elementlari turiga qaytishingiz kerak / Materiallar / Material. Va "Materialni tanlash" ustunida tegishli materialni tanlang. Bundan tashqari, hamma narsa yuqoridagi usul bilan bir xil.

Endi siz borishingiz mumkin uy sahifasi saytida joylashtiring va yangi Joomla menyu elementi va unda joylashgan tarkib mavjudligiga va ishlashiga ishonch hosil qiling.

Umid qilamanki, men sizga yordam bera oldim. Agar sizda biron bir savol bo'lsa, ularni sharhlarda so'rang.

E'tiboringiz uchun tashakkur va tez orada Stimylrosta sahifalarida ko'rishamiz.

Matnda grammatik xato topdingizmi? Iltimos, bu haqda administratorga xabar bering: matnni tanlang va tezkor tugmalar birikmasini bosing Ctrl + Enter

Ushbu CMS uchun mavjud katta miqdorda bepul kengaytmalar. Bugun men siz uchun eng yaxshi Joomla menyu kengaytmalarini tayyorladim.

Ba'zi kengaytmalarni ma'lum platforma versiyalari qo'llab-quvvatlamasligi mumkin. Shuning uchun, kengaytmani o'rnatishdan oldin, qaysi birini aniqlab olishingiz kerak Joomla versiyasi Siz foydalanmoqdasiz.

Maxi menyusi CK

Bu bir nechta ustunli ochiladigan mega-menyu. Siz uning ichiga modullarni yuklashingiz mumkin. iPhone, iPad, Android mos... Joomshopping, Virtuemart, Hikashop bilan mos AdsManager:

SJ Flat Menu

Bu saytdan foydalanish va navigatsiyani yaxshilash uchun oddiy, ammo kuchli modul! Bu sizga ko'p darajali menyularni namoyish etishga imkon beradi. Uning yordamida ochiladigan, akkordeon menyusi, gorizontal yoki vertikal menyu o'ngga yoki chapga kengayadigan elementlar bilan. Joomla 3 uchun ushbu menyu moduli bilan yaratilgan menyu saytga kiruvchilarga ko'p vaqt sarf qilmasdan kerakli tarkibni topishda yordam beradi:

Yuklab olish / Qo'shimcha ma'lumotlar