Muallifdan: Assalomu alaykum aziz do'stim. Ushbu maqolada biz joomla 3 uchun vertikal menyu qanday yaratilgani haqida gapiramiz. Albatta, mavzu yangi emas va allaqachon saytimizdagi maqolalarda bir necha bor muhokama qilingan va katta ehtimol bilan siz ushbu element qanday amalga oshirilayotganini juda yaxshi bilasiz. Ammo menyu har qanday yaxshi veb-saytning eng muhim bloki bo'lganligi sababli, menimcha, er-xotinni ko'rib chiqish zarar qilmaydi qo'shimcha kengaytmalar, buning yordamida ushbu navigatsiya blokini yaratish juda oson.
Shunday qilib, ushbu maqolada yuqorida aytib o'tilganidek, biz Joomla CMS-da vertikal menyuni tashkil etuvchi ikkita juda qiziqarli modulni ko'rib chiqamiz. Bu shuni anglatadiki, biz ko'rib chiqadigan birinchi modul Simple Responsive Menu.
An'anaga ko'ra, joriy kengaytmaning tavsif sahifasida ishlab chiqaruvchining rasmiy veb-saytiga o'tish uchun "Yuklab olish" tugmasini bosing.
Ushbu maqolani yozish paytida, eng so'nggi joriy versiya– 1.10, mos ravishda biz uni “Hozir yuklab olish” tugmasi yordamida yuklab olamiz. Yuklab olingandan so'ng, modulni odatdagidek o'rnating. Joomla kengaytma menejeridan foydalanish.
E'tibor bering, modul ma'lum bir menyuni ko'rsatadi, ya'ni modulni nashr etishdan oldin uni yaratishingiz kerak. Keyin modul menejeriga o'ting.
Va yangi o'rnatilgan modulning konfiguratsiya sahifasiga o'ting.
"Menyu tanlash" parametrida elementlari modul mazmuni sifatida ko'rsatiladigan menyuni tanlang. Agar menyu ko'p darajali bo'lsa, ya'ni u ota-ona va pastki havolalarni o'z ichiga olsa, u holda "Ichki menyu elementlarini ko'rsatish" parametrida siz "Ha" ni belgilashingiz kerak, bu holda pastki elementlar ekranda ko'rsatiladi. . Shuningdek, "Boshlash darajasi" va "Yakuniy daraja" parametrlaridan foydalanib, siz havolalarning boshlang'ich va yakuniy joylashtirish darajasini, ya'ni ekranda ko'rsatiladigan darajalarni aniqlashingiz mumkin. Va nihoyat, biz modulni ekranda ko'rsatish uchun joyni tanlaymiz, qaysi sahifalarda mavjud bo'lishini ko'rsatamiz va "Nashr qilingan" holatini aniqlaymiz.
Endi natijalarni tekshirish uchun foydalanuvchi qismiga o'tamiz.
Ko'rib turganingizdek, kengaytma juda yaxshi ishlaydi. Shu bilan birga, modulga moslashuvchanlik qo'shildi, ya'ni ma'lum bir ekran o'lchamida modulning mazmuni ochiladigan ro'yxatga yig'iladi va shu bilan foydalanilgan ekran maydonini sezilarli darajada tejaydi.
Javob berish uchun mas'ul bo'lgan parametrlar joriy modul sozlamalari sahifasining "Responsive Options" yorlig'ida joylashgan. Endi Joombig menyu daraxti deb nomlangan keyingi modulga o'tamiz.
Ushbu modul ekranda vertikal menyuni ko'rsatadi, uning ko'rinishi kataloglar va fayllar daraxtiga juda o'xshaydi. operatsion tizim Windows. Odatdagidek, ishlab chiqaruvchining rasmiy veb-saytiga o'tish uchun "Yuklab olish" tugmasini bosing.
Veb-ishlab chiqishdagi zamonaviy tendentsiyalar va yondashuvlar
Veb-sayt yaratishda noldan tez o'sish algoritmini bilib oling
Endi yangi o'rnatilgan modulning konfiguratsiya sahifasiga o'ting.
Konfiguratsiya uchun mavjud parametrlar:
jQuery-ni yoqish/o'chirish - o'zingiznikini ulang jQuery kutubxonasi;
Modul kengligi(%) – modul kengligi foizda;
Marja - tashqi chegaralar;
Menyuni tanlang - modul tomonidan ko'rsatiladigan menyuni tanlang;
Sarlavha katalogini ko'rsatish/yashirish - asosiy katalogning sarlavhasini ko'rsatish yoki yashirish (barcha menyu elementlari ustida ko'rsatiladigan qator)
Sarlavha katalogi - yuqori darajadagi elementning sarlavhasi;
Boshlanish darajasi - Birinchi daraja ko'p darajali menyuni ko'rsatish;
Yakuniy daraja - ko'p darajali menyuni ko'rsatishning yakuniy darajasi;
Pastki menyu elementlarini ko'rsatish - pastki menyu elementlarini ko'rsatish.
Modulni nashr etgandan so'ng, natijalarni tekshirish uchun foydalanuvchi qismiga o'ting.
Umuman olganda, menyu moduli juda oddiy modul bo'lib, uni mustaqil ravishda yaratish mumkin, ammo buning uchun siz Joomla CMS API-ni bilishingiz kerak. Shuning uchun, agar siz yuklangan vazifalarni to'liq hal qiladigan o'zingizning kengaytmalaringizni qanday yaratishni o'rganmoqchi bo'lsangiz, bizning Joomla-Professional kursimiz siz uchun foydali bo'ladi. Joomla uchun kengaytmalar yaratish.
Bu maqolani yakunlaydi. Sizga eng yaxshisi va baxtli kodlash!!!
Veb-ishlab chiqishdagi zamonaviy tendentsiyalar va yondashuvlar
Veb-sayt yaratishda noldan tez o'sish algoritmini bilib oling
Ko'rib chiqish so'nggi, yozish paytida (07/01/2016), DJ-MegaMenu 3.4.1 ruscha versiyasida, Joomla 3.5.1 JM Real Estate Ads 1.0.2 shablonida bo'lib o'tadi. E'tibor bering, DJ-MegaMenu uchun yigirmadan ortiq tayyor, professional veb-sayt shablonlari mavjud. Ulardan ba'zilari haqida maqolada o'qishingiz mumkin. Maqolada “DJ-Katalog bo'yicha video dars. Onlayn do'konni noldan yaratish (3-qism) » sozlash misolini ko'rsatadi yangi versiya DJ-MegaMenyu.
Ushbu menyu modulining bepul versiyasi mavjud - DJ-MegaMenu Light va butunlay o'chirilgan DJ-Menyu versiyasi.
Keling, DJ-MegaMenu ning asosiy xususiyatlarini ko'rib chiqaylik.
DJ-MegaMenu-ning bepul versiyasi mavjud - DJ-MegaMenu Free Edition. Ammo cheklovlar mavjud bepul versiya funksionalligi bo'yicha:
Umuman olganda, DJ-MegaMenu-ni sozlash har qanday boshqa menyuni sozlashga o'xshaydi:
Boshqa barcha tentürler va uslublarni yaratish nozikliklardir. Ushbu maqolada oddiy Joomla menyusini sozlash bo'yicha video darslik mavjud (videoni 24:13 dan tomosha qilishni boshlashingiz kerak).
Yana "nozik" DJ-MegaMenu uch xil joyda joylashgan:
Joomla menyu moduli sozlamalari uchta yorliqga bo'lingan: Modul, CSS3 animatsiyasi va skript variantlari, Mobil menyu sozlamalari. Deyarli barcha variantlar qo'shimcha maslahatlar bilan jihozlangan (rus tilida) yoki nomidan aniq. Faqat eng qiziqarli, mening fikrimcha, parametrlar ko'rib chiqiladi. Bundan tashqari, barcha modullar va menyu elementlari uchun bir xil variantlar ta'sir qilmaydi.
Birinchi yorliqda Modul (quyidagi rasm) Siz ko'rsatmoqchi bo'lgan Joomla menyusining nomini belgilaysiz. Shuningdek, foydalanuvchiga qaysi menyu ko'rsatilishiga qarab menyu elementlarining piktogramma va subtitrlarini ko'rsatish imkoniyatlarini sozlashingiz mumkin. Bundan tashqari, siz ajoyib shriftlarni qo'shishni o'chirib qo'yishingiz/yoqishingiz mumkin. Bu Font Awesome (uslublar to'plami) menyusidagi piktogrammalardan foydalanganda foydalidir. Agar bu toʻplam allaqachon sayt shablonlari yoki boshqa kengaytmalar tomonidan yuklangan boʻlsa, uslubning qayta yuklanishini oldini olish va saytni yuklash tezligini optimallashtirish uchun uni oʻchirib qoʻyishingiz mumkin.
Yorliqda asosan menyu animatsiya effektlari uchun sozlamalar mavjud (quyidagi rasm). Siz shuningdek, pastki menyu turini (daraxt yoki ochiladigan ro'yxat), pastki menyu ochiladigan ro'yxatining ochilish yo'nalishini, pastki menyuni ochadigan amalni (bosish, kursorni o'tkazish) va klaviatura boshqaruvi uchun yaxshilangan menyu mosligini yoqish/o'chirishni belgilashingiz mumkin. (WCAG 2.0 (508-bo'lim)). E'tibor bering, ushbu variantlardan ba'zilari, masalan. Ustun kengligi piksellarda, menyu boshqaruvchisida ularning har birining sozlamalarida muayyan menyu elementlari uchun bekor qilinishi mumkin.
Yorliqda (quyidagi rasm) sozlash imkonini beruvchi variantlar mavjud mobil versiyasi menyu. Bundan tashqari, mobil menyularning 3 ta "turi" dan birini tanlab, siz turli xil sozlamalarga kirishingiz mumkin bo'ladi.
Keling, ba'zilarini ko'rib chiqaylik menyu menejeridagi menyu elementi sozlamalariJoomla(quyidagi rasm).
Agar siz ko'p ustunli pastki menyu yaratayotgan bo'lsangiz, unda yangi ustunni belgilash uchun opsiyani faollashtirishingiz kerak. Yangi ustunni boshlash (uzilish nuqtasi) yangi ustunni boshlamoqchi bo'lgan menyu elementi uchun. Unga joylashtirilgan elementlar ushbu ustunda paydo bo'ladi. Yangi ustunning kengligini piksellarda ham belgilashingiz mumkin (u modul sozlamalarida ko'rsatilgan kenglikni bekor qiladi).
Ushbu DJ-MegaMenu sozlamalarida siz qo'shishingiz mumkin fon tasviri menyu elementi, shuningdek modul qo'shing(pozitsiya yaratish). Buning uchun dalada etarli Modul pozitsiyasi yoki Mobil modulning joylashuvi(modulni qaysi menyuga qo'shmoqchi ekanligingizga qarab) menyuda modullarni ko'rsatmoqchi bo'lgan shablon pozitsiyasining nomini ko'rsating. Siz mavjud pozitsiyani yoki o'zboshimchalikni belgilashingiz mumkin. Agar siz o'zboshimchalik bilan belgilagan bo'lsangiz, menyuda ko'rsatmoqchi bo'lgan modul sozlamalarida ushbu pozitsiyani sozlamada belgilang. Lavozim.
Modul sozlamalarida mobil menyu tugmalari(pastdagi rasm) hech qanday maxsus narsa yo'q. Siz ushbu tugmani bosish orqali qaysi DJ-MegaMenu modulini faollashtirish kerakligini tanlashingiz mumkin va tugma ko'rinishini aniqlash uchun modulning CSS klassi qo'shimchasini o'rnatishingiz mumkin.
Ko'rib turganingizdek, DJ-MegaMenu kengaytmasi bilan Joomla uchun gorizontal mega menyu yaratish juda oddiy. Yana bir bor ta'kidlashim kerakki, u mobil qurilmalarga juda moslashtirilgan va hatto tahrirsiz ham moslashuvchan tarzda sozlangan. manba kodi. Agar siz ushbu kengaytmadan Joomla-Monster.com saytidan bo'lmagan shablonni ishlatadigan saytda foydalansangiz, ushbu gorizontal Joomla menyusini saytning umumiy dizayni bilan uyg'unlashtirish uchun qo'shimcha ravishda CSS uslublarini qo'shishingiz kerak bo'lishi mumkin. Va agar Joomla-Monster.com shablonidan foydalanilgan bo'lsa, u holda variantlar uchun modul sozlamalarida etarli. Mavzu(tab ) Va Mobil menyu mavzusi(tab ) variantni tanlang shablondan bekor qilish.
CMS Joomla 3.x uchun menyu modullarini ko'rib chiqish.
1. Maxi menyusi CK
CMSJoomla 2.5/3.x.
Ta'sirchan dizayn va chiroyli effektlarga ega gorizontal yoki vertikal ochiladigan menyularni yaratish uchun kuchli, SEO optimallashtirilgan modul. Bundan tashqari, bir sahifada ushbu modulning bir nechta nusxasini nashr qilish mumkin. Afsuski, ushbu kengaytmaning bepul versiyasining funksionalligi juda cheklangan.
Modulni o'rnatgandan so'ng, ekranda hujjatlarni yuklab olish uchun havolalar va pullik variantlar paydo bo'ladi: grafik mavzularning kengaytirilgan to'plami, menyuni oson boshqarish uchun plagin, "Virtuemart", "Hikashop", "Joomshopping" va K2 komponentlari uchun yamoqlar, shuningdek, mobil qurilmalarda yaratilgan menyuni to'g'ri ko'rsatish uchun plagin.
Keyinchalik, siz "Modullar menejeri" ga o'tishingiz va undagi "Maxi Menu CK" ni tanlashingiz kerak. Modul boshqaruv panelining "Moduli" yorlig'ida siz nashr qilish uchun menyuni tanlashingiz, noyob modul identifikatorini, asosiy menyu elementini va uning boshlang'ich va yakuniy darajalarini kiritishingiz mumkin, shuningdek, pastki darajalar opsiyasini o'chirib qo'yishingiz mumkin.
Menyuni sozlash ustasidan ham foydalanishingiz mumkin:
Menyu ustasidan foydalanishning qulayligi menyu turlari va ular talab qiladigan variantlar o'rtasida tezda almashishdan iborat, lekin ko'pincha bu faqat qo'shimcha pullik kengaytmalar o'rnatilgan bo'lsa tegishli. "Menyu bandlariga bog'lash" yorlig'ida siz modul ko'rsatiladigan sayt sahifalarini tanlashingiz mumkin; "Effekt parametrlari" yorlig'i JavaScript effektlaridan foydalanishni o'chirish, ularning yuklash turini tanlash va sozlash imkonini beradi. vizual effektlar menyu elementlari va pastki elementlar uchun. Uslublar opsiyasida siz menyu mavzusini (uchtasi sukut bo'yicha mavjud), menyu yo'nalishini tanlashingiz, sezgir menyu dizaynini o'chirib qo'yishingiz va shablon CSS faylini tanlashingiz mumkin.
"Logo parametrlari" bo'limida siz menyuda ko'rsatiladigan logotip faylini tanlashingiz, unga havola qo'shishingiz va uning o'rnini, kengligi, balandligi va chegaralarini belgilashingiz mumkin. Shablondagi menyu bandini tanlab, holatini "Nashr qilingan" ga o'zgartirgandan so'ng, saytda menyu paydo bo'ladi.
Saytda ishlaydigan kengaytma quyidagicha ko'rinadi:
Ushbu menyu (pullik yamoqni o'rnatgandan so'ng) "Joomshopping", "Virtuemart" yoki "Hikashop" onlayn-do'konining asosiy menyusi sifatida optimal tarzda ishlatiladi, chunki u sizga mahsulot toifalari ro'yxatini avtomatik ravishda ko'rsatishga imkon beradi.
2. ARI Ext menyusi
Kengaytma to'liq mos keladiCMSJoomla 1.5-1.7/2.5/3.x.
Gorizontal va vertikal yo'nalishni qo'llab-quvvatlaydigan moslashtirilgan menyu moduli, ikkita o'tish effekti.
Kengaytmani o'rnatish uchun siz "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 orqali ko'rsatiladigan menyuni, menyu yo'nalishini, boshlang'ich va yakuniy ierarxiya darajasini tanlashingiz, shuningdek, faqat faol menyu kichik bandlarini ko'rsatish va joriy menyu bandini ajratib ko'rsatish kabi parametrlarni sozlashingiz mumkin. Orasida tizim sozlamalari ExtJS kutubxonasini yuklash, uning yuklash usulini tanlash va noyob identifikator yaratish imkoniyati mavjud. Bundan tashqari, menyu elementlari va pastki elementlarning uslub parametrlarini sozlashingiz mumkin: fon rangi, matn, shrift o'lchami, hizalama va boshqalar. Murakkab modul sozlamalari juda standart bo'lib, keshlash parametrlari, kesh davomiyligi, modul HTML yorlig'i, yuklash hajmi, HTML sarlavha yorlig'i va CSS sarlavhasi sinfini o'z ichiga oladi. Modulga joy belgilab, modulni saytda e'lon qilgandan so'ng, quyidagi menyu paydo bo'ladi:
3. Accordeon menyusi CK
Kengaytma to'liq mos keladiCMSJoomla 2.5/3.x.
JoomlaCK studiyasidan yana bir menyu. kiritish imkonini beradi chiroyli effektlar Pastki menyuni ochganda, sahifadagi modulni qayta ishlating. Modulning o'ziga xos xususiyati unga boshqa modullarni kiritish imkoniyatidir. Shuningdek, modulga qo'shimcha ravishda Hickashop va Virtuemart uchun pullik yamalar mavjud.
Kengaytmani o'rnatishning standart protsedurasidan so'ng, ekranda modulning muvaffaqiyatli o'rnatilishi va u uchun hujjatlarni yuklab olish havolasi haqida xabar paydo bo'ladi, shuningdek, menyu elementlaridan biri sifatida istalgan modulni kiritish uchun havolani taqdim etadi.
Modul boshqaruv paneliga o'tish orqali siz modulda ko'rsatish uchun menyuni, asosiy menyu elementini, boshlang'ich va tugatish darajalarini tanlashingiz, shuningdek, tasvirlar uchun qo'shimchalar va havolalarni tekislash turini o'rnatishingiz mumkin. "Effektlar" yorlig'ida siz menyu elementi ochiladigan hodisani, sichqonchani tasvir ustiga olib borganingizda havola ko'rsatilishini, o'tish turini, faol pastki menyu uchun effektlardan foydalanish zarurligini tanlashingiz mumkin; Sukut bo'yicha faol bo'lgan menyu elementining identifikatorini ham belgilashingiz mumkin. "Uslublar" yorlig'ida siz menyu uchun dizayn mavzusini tanlashingiz, menyu yig'ilganda va kengaytirilganda ko'rsatiladigan rasmlari bo'lgan papkalarni belgilashingiz, shuningdek ular uchun tekislash o'rnini belgilashingiz mumkin. "Menyu uslublari" yorlig'ida menyu ko'rinishi uchun ko'plab sozlamalar mavjud: chekkalar, fon, menyu elementi burchaklarini yaxlitlash, soyalar va chegaralar. “Birinchi darajadagi havola uslublari”, “Ikkinchi darajali havola uslublari” va “Boshqa darajadagi havola uslublari” yorliqlarida menyu bandlarida koʻrsatilgan havolalar uchun shrift, matn va fon rangini oʻzgartirishingiz mumkin. "Uchinchi tomon kengaytmalari opsiyalari" 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 ishlashi uchun siz modulni menyu elementlariga bog'lashingiz, uning o'rnini belgilashingiz va uni nashr qilishingiz kerak. Quyida modulning saytda qanday ishlashiga misol keltirilgan.
4. Bootstrap uchun JB ochiladigan menyu
Kengaytma to'liq mos keladiCMSJoomla 2.5/3.x.
Twitter’ning Bootstrap va JBootstrap dasturlari bilan ishlaydigan menyu moduli o‘rnatilgan Joomla menyu moduliga asoslangan.Modulni o‘rnatish standart hisoblanadi.Modul sozlamalarida siz faqat tizim menyusidan birini, boshlang‘ich va yakuniy menyuni tanlashingiz kerak bo‘ladi. darajasi va menyuning pastki bandlarini ko'rsatish uchun moslashtirilgan variant ham mavjud. Shundan so'ng siz ushbu modulga pozitsiyani belgilab, uni nashr qilganingizdan so'ng, saytda quyidagi ko'rinishdagi menyu paydo bo'ladi:
5. DJ menyusi
Kengaytma to'liq mos keladiCMSJoomla 2.5/3.x.
Mootools asosida ochiladigan roʻyxat va animatsion effektlar bilan menyu. Modul standart sifatida o'rnatiladi. Kengaytma sozlamalarining "Modul" yorlig'ida siz modul ko'rsatadigan menyuni tanlashingiz, shuningdek uning oxirgi darajalarini aniqlashingiz va agar kerak bo'lsa, menyuni kichik ekranlarda ko'rsatishni yoqishingiz va uning kengligini o'rnatishingiz kerak. bu holat. "CSS3 Animatsiyalari va skript xususiyatlari" yorlig'i menyuga kirish va chiqishda animatsiya effektlarini, shuningdek, animatsiya tezligini sozlash, pastki menyuni yopishda kechikish vaqtini, sarlavhaning CSS sinfini, uning HTML yorlig'i va Bootstrap hajmini sozlash imkonini beradi. .
Quyida ushbu modul yordamida yaratilgan menyu misoli keltirilgan.
CMS Joomla 3.x bilan ishlaydigan saytda menyular yaratish bo'yicha sharhda ko'rib chiqilgan barcha modullar sizga pastki darajalar bilan menyu yaratish imkonini beradi. Ko'rib chiqilayotgan modullar ko'pincha ma'lum animatsiya effektlari va mobil qurilmalarda namoyish qilish qobiliyati bilan farqlanadi. Shuning uchun, mobil foydalanuvchilarga mo'ljallangan saytlar uchun (va ularning soni ko'payib bormoqda) "DJ-Menyu" moduliga ustunlik berishga arziydi. "Accordeon Menu CK" moduli yaxshi, chunki u boshqa modulning mazmunini kiritish imkonini beradi; "Bootstrap uchun JB DropDown Menu" moduli ko'rib chiqilayotgan kengaytmalarning eng sodda va "engil"i bo'lib, masalan, standart Joomla menyu moduli bilan yaxshi bog'langan ko'rinadi. Maxi Menu CK modulining funksionalligi ta'sirchan, ammo bepul versiyada u sezilarli darajada cheklanganligi sababli, undan foydalanish uchun moliyaviy sarmoya talab etiladi.
Muallifdan: Assalomu alaykum, aziz o'quvchilar. Menyu - bu Internetdagi hech bir veb-saytsiz bajara olmaydigan element bu blok navigatsiyani sezilarli darajada soddalashtiradi va saytning foydalanuvchi qismining asosiy sahifalariga kirishni ta'minlaydi. Bundan tashqari, agar sayt juda murakkab bo'lsa va juda ko'p sahifalarni o'z ichiga olsa, menyuga havolalar soni ham ko'p bo'ladi, bu esa saqlashni anglatadi. bo'sh joy, menyu ko'p darajali yaratilgan. Shuning uchun, ushbu maqolada biz joomla 3 da ochiladigan menyuni qanday yaratish haqida gapiramiz.
Aslida, ko'p darajali menyuning funksionalligi, xuddi materiallar menejerining ko'p darajali toifalari kabi Joomla-ning asosiy versiyasiga o'rnatilgan. Ammo ochiladigan menyuni ko'rsatishda kichik muammo bor, ya'ni turli shablonlarda bir xil ko'p darajali menyu boshqacha ko'rsatiladi. Masalan, standart CMS Joomla shablonida - Photostar, ko'p darajali ochiladigan menyu juda yaxshi ko'rinadi va mutlaqo foydalanish. standart funksionallik.
Shu bilan birga, boshqa standart Beez3 shabloni, umuman olganda, mening fikrimcha, to'g'ri ko'rsatilmaydi bu menyu.
Bundan tashqari, pastki elementlar faqat foydalanuvchi asosiy elementni bosganda paydo bo'ladi. Bundan tashqari, Joomla-da ochiladigan menyu maxsus kengaytmalar yordamida amalga oshirilishi mumkin, ular menyu menejeri ma'lumotlariga asoslanib, ko'p darajali menyu havolalarini to'g'ri ko'rsatadi.
Shunday qilib, birinchi navbatda, kelajakdagi menyuning havola tuzilishini aniqlaymiz va keyin uni ekranda ko'rsatish haqida gaplashamiz. Shunday qilib, menyu menejeriga o'ting va yangi menyu yarating.
Keyingi sahifada biz menyu sarlavhasini, uning tizim nomini, qisqa Tasvir va "Saqlash" tugmasini bosing.
Bunday holda, asosiy menyu havolalarini yaratish uchun "Ota element" maydonida "Ildiz menyu elementi" qiymatini tanlashingiz kerak. Barcha asosiy elementlar yaratilgandan so'ng, biz asosiy elementlarni yaratishni boshlaymiz.
E'tibor bering, "Ota element" maydonida bolalar havolasini yaratishda avval yaratilgan asosiy menyu elementini tanlashingiz kerak. Shunday qilib, bola elementlar menyuning ochiladigan qismini tashkil qiladi, albatta bu imkoniyat shablon tomonidan qo'llab-quvvatlanadi. Barcha kerakli havolalarni qo'shgandan so'ng, menyu menejerida quyidagi tuzilmani olamiz.
Shunday qilib, CMS Joomla uchun ochiladigan menyu deyarli tayyor, qolgan narsa uni shablonning kerakli holatida ko'rsatadigan modul yaratishdir. Bu shuni anglatadiki, biz "Menyu menejeri" ga o'tamiz va yangi menyu modulini yaratamiz.
Veb-ishlab chiqishdagi zamonaviy tendentsiyalar va yondashuvlar
Veb-sayt yaratishda noldan tez o'sish algoritmini bilib oling
Modulni o'rnatishda biz uning sarlavhasini ko'rsatamiz, shablondagi displey o'rnini va u mavjud bo'lgan sahifalarni tanlang va "Menyu tanlash" maydonida ko'rsatilgan menyuni tanlashni unutmang.
Modulni saqlaganingizdan so'ng, tekshirish uchun foydalanuvchi qismiga o'ting.
Ko'rib turganingizdek, Photostar shablonida menyu mukammal ko'rsatilgan, ammo boshqa shablon uchun siz joomla 3 da ochiladigan menyuni qanday qilishni so'rashingiz mumkin. Javob juda oddiy - uchinchi tomon kengaytmasidan foydalaning. Va ushbu maqolada biz ARI Ext Menu deb nomlangan modulni ko'rib chiqamiz.
"Yuklab olish" tugmasini bosish orqali biz ishlab chiquvchining veb-saytiga yo'naltirilamiz, u erda modulni yuklab olish uchun havola taqdim etiladi.
Yuklab olingandan so'ng kengaytmani o'rnating standart tarzda va uni faollashtirish uchun menyu menejeriga o'ting.
Modul juda funktsional va juda ko'p sonli modullarni o'z ichiga oladi turli xil sozlamalar, Men hozir to'xtalmayman, ayniqsa ularning deyarli barchasi mas'uldir tashqi ko'rinish va oddiy sinovni talab qiladi. Asosiysi, siz sarlavhani belgilashingiz, shablonda ko'rsatish pozitsiyasini tanlashingiz, holatni "Nashr qilingan" ga o'zgartirishingiz va "Menyu nomi" maydonida modulda ko'rsatiladigan menyuni tanlashingiz kerak.
Aslida, saqlashdan keyin biz quyidagi natijani ko'ramiz.
Ya'ni, modul o'z vazifasini muvaffaqiyatli bajaradi.
Endi siz Joomla-da qanday ochiladigan menyu qilishni bilasiz. Agar siz kod darajasida modullar tuzilishini batafsil o'rganmoqchi bo'lsangiz, bizning yangi kursimizni foydali deb topasiz.
Bu maqolani yakunlaydi! Sizga eng yaxshisi va baxtli kodlash!!!
Veb-ishlab chiqishdagi zamonaviy tendentsiyalar va yondashuvlar
Veb-sayt yaratishda noldan tez o'sish algoritmini bilib oling
Menyu har qanday Joomla veb-saytining muhim tarkibiy qismidir. Sayt navigatsiyasini yaratish Internetda veb-resursni nashr etishdan oldin birinchi qadamlardan biridir. Menyusiz loyihangiz tashrif buyuruvchilar yoki qidiruv tizimlari tomonidan hurmat qilinmaydi.
Navigatsiyaning etishmasligi faqat bitta sahifali veb-saytlar uchun qabul qilinadi. Agar sizda uchta yoki undan ortiq bo'lim bo'lsa, ularni menyuda ko'rsatishingiz kerak.
Ushbu maqolada biz turli formatdagi (ko'p darajali, vertikal, gorizontal va boshqalar) menyularni qanday yaratishni ko'rib chiqamiz. Bundan tashqari, biz element yaratish xususiyatlarini tahlil qilamiz, shuningdek, qanday turdagi menyu komponentlari mavjudligini va sinf qo'shimchasi nima ekanligini bilib olasiz. Bundan tashqari, sizga tezda menyu yaratish imkonini beruvchi 4 ta kengaytmaning kichik tanlovi taqdim etiladi.
https://www.youtube.com/watch?v=u19ebn-5W40
Menyu yaratish Joomla dvigateli uchun pirojnoe bo'lagidir. Ushbu CMS tizimida o'z navigatsiyangizni yaratish juda oson, chunki u asosan yangi boshlanuvchilar uchun mo'ljallangan. Siz faqat ism va matnni kiritishingiz kerak bo'ladi yaratilgan menyu u saytda paydo bo'lishi uchun.
Menyu yaratishni boshlash uchun avval Joomla administrator maydoniga o'ting. Yaxshisi, navigatsiyangiz nimadan iborat bo'lishini oldindan o'ylab ko'ring. Bundan tashqari, qaysi tur sizning maqsadlaringiz uchun ko'proq mos kelishini aniqlang: ko'p darajali, vertikal va hokazo. Hamma narsani o'ylab ko'rganingizdan so'ng, boshqaruv paneliga o'ting va keyin "Menyu" yorlig'ini oching. Keyinchalik, siz "Menyu menejeri" bandiga o'tishingiz va ochiladigan ro'yxatdagi "Menyu yaratish" tugmasini bosishingiz kerak. Shundan so'ng, navigatsiyani haqiqiy yaratish boshlanadi - buning uchun asosiy parametrlarni belgilashingiz kerak bo'ladi. Asosiy talablar menyuning sarlavhasi va turini ko'rsatishdir. Iltimos, navigatsiya turi sizning qulayligingiz ramzi ekanligini unutmang.
https://www.youtube.com/watch?v=34CARMpcNHM
Endi "Saqlash va yopish" tugmasini bosing. Menyuni yaratish bu erda tugamaydi, chunki unda bitta element yo'q. Elementni yaratish uchun yaratilgan navigatsiya menyusini boshqarishga o'tishingiz kerak. Ochilgan yorliqda siz "Menyu elementlari" bo'limini ko'rasiz. Ushbu yorliqga o'ting va Joomla saytida navigatsiya uchun komponentlar yarating. Menyudagi kabi element nomini ko'rsatishingiz kerak bo'ladi. Bundan tashqari, siz element turini ko'rsatishingiz kerak bo'ladi. Bu safar turi muhim bo'ladi, chunki u elementning ko'rinishiga ta'sir qiladi. Ko'pincha ular "Materiallar" turini o'z ichiga oladi.
Lekin menyu yaratish ham shu bilan tugamaydi. Siz hali ham uni ma'lum bir formatda (ko'p darajali, gorizontal yoki vertikal) qilishingiz kerak. Buni amalga oshirish uchun siz ushbu elementni joylashtirish uslubini belgilaydigan to'g'ri pozitsiyani va sinf qo'shimchasini ko'rsatishingiz kerak. Sinf qo'shimchasini belgilashingiz uchun siz Bootstrap ishlatadigan to'g'ri shablondan foydalanishingiz kerak. Quyida sanab o'tilgan har bir sinf qo'shimchasini saytingizda faollashtirib bo'lmaydi, ammo bu erda eng mashhur menyu uslublari ro'yxati keltirilgan:
Ari Ext Menu - bu Joomla'da animatsiya effekti bilan vertikal yoki gorizontal menyu yaratadigan modul. Ari Ext kengaytmasi standart tarzda o'rnatiladi. Animatsiya effektini o'rnatish uchun Ari Ext sozlamalarida "yo'qolib ketish" yoki "slayd" qo'shish uchun O'tish turi qatorini o'zgartiring. Modul sizning xohishingizga ko'ra CSS faylini tahrirlash orqali sozlanishi mumkin. Ari Ext sizga ko'p darajali menyular yaratish imkonini beradi. Ari Ext-ning yagona kamchiliklari - bu rus tilidagi versiyaning yo'qligi, shuning uchun siz kengaytma sozlamalarini o'zingiz aniqlashingiz kerak bo'ladi. Aks holda, Ari Ext ajoyib ish qiladi!
SJ Flat - bu oddiy va qulay modul bo'lib, sizga chiroyli va funktsional menyular yaratish imkonini beradi. SJ Flatning asosiy yo'nalishi ko'p darajali menyudir. SJ Flat moduli sizga Joomla'da turli xil menyu elementlari uchun xohlagancha ko'p kichik toifalarni yaratishga imkon beradi. Bundan tashqari, SJ Flat vertikal va gorizontal tartiblar uchun qalqib chiquvchi menyular bilan ajoyib ishlaydi. SJ ning yana bir afzalligi uning mobil qurilmalarga avtomatik moslashuvidir. Saytni yoqsangiz, gorizontal menyu vertikalga aylanadi mobil qurilma past aniqlik bilan. Va SJ Flatning eng muhim afzalligi shundaki, modulni bepul yuklab olish mumkin!
Vertikal menyu modulining nomi o'zi uchun gapiradi - bu kengaytma vertikal navigatsiya menyusini yaratish uchun zarur. Vertikal menyu modulining asosiy xususiyati, oddiy o'rnatishdan tashqari va oson sozlash, bu SEOga mos koddir. Ushbu kengaytma menyusi saytingizni targ'ib qilishda yordam berishi uchun optimallashtirilgan. Vertikal modulda shrift turidan tortib ko'rsatilgan menyuning rang sxemasigacha turli dizayn variantlarini tanlashingiz mumkin.
https://www.youtube.com/watch?v=frwWrSzeO5s
Mega menyu boshqa navigatsiya menyusi modullari orasida haqiqiy hit hisoblanadi. Ushbu kengaytma yordamida istalgan formatdagi menyu yaratishingiz mumkin. Mega Menu moduli elementlarga nafaqat matn ma'lumotlarini, balki rasmlar, videolar, animatsiyalar va boshqa fayllarni ham kiritish imkonini beradi. Mega yordamida siz har bir menyu bandini alohida sozlashingiz mumkin, shunda navigatsiyangiz silliq, puxta o‘ylangan dizaynga ega bo‘ladi. Mega gorizontal va vertikal menyular bilan ishlaydi. Mega Joomla-ning 3-versiyasi bilan eng yaxshi ishlaydi. Mega moduli ingliz tilida ishlaydi.
