გადახედეთ CMS Joomla 3.x-ის მენიუს მოდულებს.

1. Maxi მენიუ CK

CMSჯომლა 2.5/3.x.

მძლავრი SEO ოპტიმიზაციის მოდული ჰორიზონტალური ან ვერტიკალური მენიუების შესაქმნელად ადაპტური დიზაინით და ლამაზი ეფექტებით. გარდა ამისა, შესაძლებელია ამ მოდულის რამდენიმე ასლის ერთ გვერდზე გამოქვეყნება. სამწუხაროდ, ამ გაფართოების უფასო ვერსიის ფუნქციონირებაც კი შეზღუდულია.

მოდულის ინსტალაციის შემდეგ, ეკრანზე გამოჩნდება შეტყობინება დოკუმენტაციის ჩამოტვირთვისა და ფასიანი პარამეტრების შესახებ: გრაფიკული თემების გაფართოებული პაკეტი, მენიუს მარტივი შექმნის მოდული, პატჩები Virtuemart, Hikashop, Joomshopping და K2 კომპონენტებისთვის, ასევე მოდული. შექმნილი მენიუს ეფექტური ჩვენება მობილურ მოწყობილობებზე.

შემდეგ თქვენ უნდა გადახვიდეთ მოდულის მენეჯერთან და აირჩიოთ ახალი Maxi მენიუ CK. მოდულის მართვის პანელის "მოდული" ჩანართზე შეგიძლიათ აირჩიოთ მენიუ გამოსაქვეყნებლად, შეიყვანოთ უნიკალური მოდულის ID, მენიუს ძირითადი ელემენტი, ეს არის პირველი და ბოლო დონე და ასევე შეგიძლიათ ჩართოთ მხარდაჭერის ვარიანტი.

გარდა ამისა, თქვენ შეგიძლიათ სწრაფად დააყენოთ მენიუ მასტერთან:

მენიუს ოსტატის სიძლიერე მდგომარეობს მენიუს ტიპებსა და მათ საჭირო ვარიანტებს შორის სწრაფ შერევაში, და ეს განსაკუთრებით მნიშვნელოვანია, თუ დამატებით ფასიანი გაფართოებები არ არის დაინსტალირებული. "მენიუ ელემენტებთან დაკავშირება" ჩანართზე შეგიძლიათ აირჩიოთ საიტის გვერდები, რომლებზეც მოდული იქნება ნაჩვენები; ჩანართი „Effect Options“ გაძლევთ საშუალებას ჩართოთ JavaScript-ის სხვადასხვა ეფექტები, აირჩიოთ მათი ანიმაციის ტიპი და დააკონფიგურიროთ ვიზუალური ეფექტები მენიუს ელემენტებისა და ქვეპუნქტებისთვის. "Styles Option"-ში შეგიძლიათ აირჩიოთ მენიუს თემა (არის სამი ვარიანტი), მენიუს ორიენტაცია, ჩართოთ საპასუხო მენიუს დიზაინი და შეარჩიოთ CSS ფაილი შაბლონისთვის.

"ლოგოს პარამეტრები" განყოფილებაში შეგიძლიათ აირჩიოთ ლოგო ფაილი, რომელიც გამოჩნდება მენიუში, დაამატეთ ახალი ჩანაწერი და დააყენოთ მისი პოზიცია, სიგანე, სიმაღლე და ჩაღრმავება. შაბლონიდან მენიუს ელემენტის შერჩევისა და „გამოქვეყნებული“-ზე შეცვლის შემდეგ, მენიუ გამოჩნდება საიტზე.

გაფართოება, რომელიც ხდება საიტზე, როგორც ჩანს, მოდის:

ეს მენიუ (ფასიანი პაჩის დაყენების შემდეგ) ოპტიმალურად გამოიყენება, როგორც მთავარი მენიუ ონლაინ მაღაზიისთვის Joomshopping-ზე, Virtuemart-ზე ან Hikashop-ზე, რადგან ის საშუალებას გაძლევთ ავტომატურად აჩვენოთ პროდუქტის კატეგორიების სია.

2. ARI Ext მენიუ

გაფართოება სრულყოფილად მოვაCMSჯომლა 1.5-1.7/2.5/3.x.

პარამეტრების მენიუს მოდული, რომელიც მხარს უჭერს ჰორიზონტალურ და ვერტიკალურ ორიენტაციას, ორი გადასვლის ეფექტს.

გაფართოების ინსტალაციისთვის, თქვენ უნდა გადახვიდეთ "გაფართოების მენეჯერში", აირჩიეთ მოდულის ფაილი დანამატის დიალოგში და დააჭირეთ ღილაკს "Enter and Install". როდესაც მოდული არის კონფიგურირებული, შეგიძლიათ აირჩიოთ მენიუ, რომელიც ნაჩვენებია დამატებითი მოდულისთვის, მენიუს ორიენტაცია, იერარქიის დასაწყისი და დასასრული, ასევე დაარეგულიროთ პარამეტრები, როგორიცაა მენიუს ყველაზე აქტიური ქვეპუნქტების ჩვენება. მენიუს ზუსტი ელემენტი. სისტემის პარამეტრებს შორის არის ExtJS ბიბლიოთეკის გამოყენების ვარიანტი, უნიკალური იდენტიფიკატორის გენერირების მეთოდის არჩევა. თქვენ ასევე შეგიძლიათ დაარეგულიროთ მენიუს ელემენტების და ქვეპუნქტების სტილის პარამეტრები: ფონის ფერი, ტექსტი, შრიფტის ზომა, გადამოწმება და ა.შ. მოდულის პერსონალიზაციის სტანდარტული გაფართოებები მოიცავს ქეშირების პარამეტრებს, ქეშირების ტერმინს, მოდულის HTML ტეგს, Bootstrap ზომას, სათაურის HTML ტეგს და სათაურის CSS კლასს. მოდულის პოზიციის დაყენების და მოდულის საიტზე გამოქვეყნების შემდეგ მენიუ გამოჩნდება შემდეგნაირად:

3. აკორდეონის მენიუ CK

გაფართოება სრულყოფილად მოვაCMSჯომლა 2.5/3.x.

კიდევ ერთი მენიუ JoomlaCK სტუდიიდან. საშუალებას გაძლევთ ჩადოთ დამატებითი ეფექტები, როდესაც ქვემენიუ ღიაა და მარტივად შეხვიდეთ გვერდზე მოდულზე. მოდულის განსაკუთრებული მახასიათებელია სხვა მოდულებში ჩასმის შესაძლებლობა. მოდულის გარდა, არის ფასიანი პატჩები Hickashop-ისა და Virtuemart-ისთვის.

გაფართოების ინსტალაციის სტანდარტული პროცედურის შემდეგ, ეკრანზე გამოჩნდება შეტყობინება მოდულის წარმატებული ინსტალაციის შესახებ და მასზე ადრე დოკუმენტაციის მოპოვების მოთხოვნა, ასევე შეტყობინება მენიუს ერთ-ერთ ელემენტად ნებისმიერი მოდულის ჩასმის შესახებ.

მოდულის მიერ ჩვენების პანელზე გადასვლის შემდეგ, შეგიძლიათ აირჩიოთ მენიუ მოდულში გამოსახვისთვის, მენიუს ძირითადი ელემენტი, ბოლო და ბოლო რიგები, ასევე დააყენოთ გამოსახულების სუფიქსები და ჩვენების ტიპი. "ეფექტების" ჩანართზე შეგიძლიათ აირჩიოთ ეტაპი, რომლისთვისაც მენიუს ელემენტი გამოჩნდება და შეტყობინება გამოჩნდება, როდესაც მაუსის კურსორს გადაახვევთ სურათზე, გადასვლის ტიპი, აქტიური ქვემენიუს ეფექტების არჩევის აუცილებლობა. ; თქვენ ასევე შეგიძლიათ დააყენოთ ID მენიუს ელემენტზე, რომელიც აქტიურია აქციებისთვის. "სტილების" ჩანართზე შეგიძლიათ აირჩიოთ მენიუს დიზაინის თემა, მიუთითოთ საქაღალდეები სურათებით, რომლებიც გამოჩნდება მენიუს განათების დროს და მენიუს განათების დროს, ასევე მიუთითეთ გასწორების პოზიცია მათთვის. "მენიუ სტილის" ჩანართი საშუალებას გაძლევთ დააყენოთ რამდენიმე პარამეტრი მენიუს გარეგნობისთვის: მინდვრები, ფონი, მენიუს ელემენტების დამრგვალება, ჩრდილები და მინდვრები. ჩანართებზე „პირველი დონის ბმულის სტილები“, „მეორე დონის ბმულის სტილები“ ​​და „სხვა დონის ბმულის სტილები“ ​​შეგიძლიათ შეცვალოთ შრიფტი, ტექსტის ფერი და ფონი ტექსტისთვის, რომელიც გამოჩნდება მენიუს ელემენტებში. ჩანართი „მესამე მხარის გაფართოებების პარამეტრები“ განკუთვნილია „Hikashop“ და „Virtuemart“ კომპონენტებთან სირთულის კორექტირებისთვის და ხაზს უსვამს შესაბამისი პაჩების დაყენების მნიშვნელობას. მობილური ოფციების პერსონალიზაცია ასევე არ არის ხელმისაწვდომი გაფართოების საფულის გარეშე ვერსიისთვის.

წარმატებული მუშაობისთვის, თქვენ უნდა დააკავშიროთ მოდული მენიუს ელემენტებთან, მიუთითოთ მისი პოზიცია და გამოაქვეყნოთ იგი. ქვემოთ მოცემულია რობოტის მოდულის კონდახი საიტზე.

4. JB ჩამოსაშლელი მენიუ Bootstrap-ისთვის

გაფართოება სრულყოფილად მოვაCMSჯომლა 2.5/3.x.

მენიუს მოდული, რომელიც მუშაობს Twitter-ის Bootstrap-თან და JBootstrap-თან, რომელიც ეფუძნება ჩაშენებულ Joomla-ს მენიუს მოდულს. ასევე მენიუს ელემენტების ჩვენების შესაძლებლობა, თუ ამ მოდულს მიანიჭებთ პოზიციას და გამოაქვეყნებთ მას, მენიუ გამოჩნდება ვებსაიტზე:

5. დიჯეის მენიუ

გაფართოება სრულყოფილად მოვაCMSჯომლა 2.5/3.x.

მენიუ ჩამოსაშლელი და ანიმაციური ეფექტების სიით, რომლებიც უზრუნველყოფილია Mootools-ით. მოდულის ინსტალაცია ხდება სტანდარტული პროცედურის შესაბამისად. "მოდული" ჩანართზე, თქვენ უნდა აირჩიოთ მენიუ, რომელიც ნაჩვენებია მოდულზე, ასევე აირჩიეთ დარჩენილი თქვენი სიიდან, თუ საჭიროა, დახურეთ ნაჩვენები მენიუ პატარა ეკრანებზე და დააყენეთ მისი სიგანე და I' მ ავად. CSS3 ანიმაციების და სკრიპტის მახასიათებლების ჩანართი საშუალებას გაძლევთ დაარეგულიროთ ანიმაციური ეფექტები მენიუში შესვლისა და გასვლისას, ასევე ანიმაციის სიჩქარე, დააყენოთ დაყოვნების დრო ქვემენიუს დახურვისას, სათაურის CSS კლასი, HTML ტეგი და ჩატვირთვის ზომა.

ქვემოთ მოცემულია დამატებითი მოდულისთვის შექმნილი მენიუს კონდახი.

ყველაფერი განხილული მიმოხილვის მოდულში ვებსაიტის შესაქმნელად CMS Joomla 3.x მენიუში საშუალებას გაძლევთ შექმნათ მენიუ ქვეგვერდებით. გამოკვლეული მოდულები განსაკუთრებით მგრძნობიარეა ამ და სხვა ანიმაციური ეფექტების არსებობისა და მობილურ მოწყობილობებზე ჩვენების შესაძლებლობის მიმართ. ამიტომ მობილურის მომხმარებლებზე ორიენტირებული საიტებისთვის (და სულ უფრო მეტია) პრიორიტეტი უნდა მიენიჭოს DJ-Menu მოდულს. "Accordeon Menu CK" მოდული შესანიშნავია, რადგან მისი ჩასმა შესაძლებელია სხვა მოდულის ნაცვლად; JB ჩამოსაშლელი მენიუ Bootstrap მოდულისთვის არის უმარტივესი და მსუბუქი გაფართოებებიდან, რომლებიც ჩვენ განვიხილეთ და ცუდად არ გამოიყურება, როდესაც დაწყვილდება, მაგალითად, Joomla მენიუს მოდულთან. "Maxi Menu CK" მოდულის ფუნქციონალობა შთამბეჭდავია, მაგრამ catless ვერსიის შემთხვევაში, ის მთლიანად გარშემორტყმულია საჭირო ფინანსური ინვესტიციების დაჩქარების მიზნით.

მენიუს შექმნა Joomla 3-ში

ამ გაკვეთილზე ჩვენ განვიხილავთ თქვენს ვებსაიტზე მენიუს შექმნის პროცესს ბანერის ქვეშ CMS Joomla 3. ჯომლას ქვეშ არსებულ ვებსაიტებზე შეგიძლიათ შექმნათ ნებისმიერი სახის მენიუ. ჩვენ განვიხილავთ თქვენი ვებსაიტის მენიუს 3 ძირითად ტიპს

- ჯომლა 3

- ჯომლა 3

- აქტიური მენიუ ჯომლა 3

საწყისი მენიუს შექმნაჯომლა 3

მთავარი მენიუს ქვეშ ჩვენ პატივს ვცემთ სტანდარტულ მენიუს, რომელიც ნაჩვენებია თქვენი საიტის მარჯვენა ან მარცხენა მხარეს და შეიცავს რამდენიმე ელემენტს. მაგალითად, ჩვენს ვებსაიტზე შეგიძლიათ შეხვიდეთ ორიგინალურ მენიუში, როგორც მარჯვენა, ასევე მარცხნივ.

ამ გზით მენიუს შექმნა მარტივია. თქვენ ჯერ უნდა იცოდეთ პოზიცია, რომელზეც მენიუს ელემენტი გაფართოვდება. თქვენი საიტის პოზიციის გადასახედად, თქვენ უნდა დაამატოთ მნიშვნელობა “? tp =1" და გადადით მითითებულ მისამართზე. Მაგალითად,საიტი. ru/? tp=1. შედეგი სავარაუდოდ აჩვენებს ყველა პოზიციას, რომელიც არის დაინსტალირებული შაბლონში თქვენს საიტზე

თუ პოზიციები არ არის ნაჩვენები, მაშინ, ბოლოს და ბოლოს, თქვენ მოგიწევთ მათი ამოღება ორიგინალიდან. მათ მოსაშორებლად გადადით განყოფილებაში სისტემა – ფონის დაყენება – შაბლონის მენეჯერი.

მე განყოფილებაში მოდულის პოზიციების მიმოხილვადააყენეთ მნიშვნელობები - გასუფთავებული.

პატარას შეუძლია დაინახოს, რომ ძირითადი ვერტიკალური მენიუს შესაქმნელად, შეგიძლიათ აირჩიოთ პოზიციები 7, 4 და 5. სხვადასხვა შაბლონებში, პოზიციების რიცხვები და სახელები შეიძლება განსხვავდებოდეს პატარაზე ნაჩვენებისგან.

მაგალითად, ჩვენ გვინდა შევქმნათ მენიუ და დავაყენოთ იგი მე-5 პოზიციაზე. ახლა მოდით გავარკვიოთ წერტილი-პუნქტი როგორ გავაკეთოთ ეს.

1) კობისთვის გადადით განყოფილებაში მენიუ – მენიუს მენეჯერი

2) აქ არის ჩვენთვის წერტილი

3) შემდეგ გადადით მენიუს პარამეტრების განყოფილებაში.

თქვენ უნდა შეავსოთ შემდეგი ველები:

სათაური- თქვენი მენიუს სახელი. შეგიძლიათ შეიყვანოთ „ცოცხალი მენიუ“ ან დაარქვით კონკრეტული სახელი „თევზაობის სტატისტიკა“

მენიუს ტიპი- obov'yazkova სფეროში, რომელიც აბსოლუტურად არ არის საჭირო. აქ შეგიძლიათ დაწეროთ ყველაფერი. დარწმუნდით, რომ დააკოპირეთ ტექსტი სათაურის განყოფილებიდან.

აღწერა- შეგიძლიათ დაწეროთ რამდენიმე ფრაზა თქვენი მენიუს შესახებ. ველი არ არის საჭირო და არ შეიძლება მისი დავიწყება.

4) ახლა თქვენ უნდა შეიყვანოთ პოზიცია, რათა გააფართოვოთ ეს მენიუ. ჩვენ შევქმენით მენიუ სახელის "123" შეყვანით. ახლა ისინი განყოფილების გარდა გაიყვანეს მენიუ – მენიუს მენეჯერი.

5) ამოტვიფრულია ღილაკზე „დაამატე მოდული ამ ტიპის მენიუსთვის“

აქ თქვენ უნდა შეიყვანოთ:

მენიუს სათაური - შეიყვანეთ თქვენი მენიუს სახელი.

სათაურის ჩვენება – დააყენეთ SHOW როგორც გსურთ, რათა სათაური გამოჩნდეს საიტზე.

Წისქვილზე - დააინსტალირეთ PUBLISHED

POSITION განყოფილებაში თქვენ ხართ პასუხისმგებელი პოზიციის მითითებაზე, სადაც მენიუ გაფართოვდება

მაგალითად, საიტზე არის შაბლონი - Lightbreeze-blue, რაც ნიშნავს, რომ თქვენ ირჩევთ მას და მიუთითებთ პოზიციას, სადაც მენიუ გაფართოვდება!

თუ მენიუ არ გამოჩნდება საიტზე, თქვენ ვერ შექმნით დოკს, თუ გსურთ 1 ელემენტი. მენიუს ელემენტის შესაქმნელად, თქვენ უნდა აირჩიოთ შექმნილი მენიუ MENU განყოფილებიდან და შეარჩიოთ განყოფილება ფანჯრიდან.

ამის შემდეგ ჩვენ მას მენიუს ელემენტის გვერდზე დავდებთ.

აქ შეიყვანეთ მენიუს სათაური და აირჩიეთ

Joomla თავის მომხმარებლებს უჩვენებს მენიუს მოდულების მრავალფეროვნებას. ყველა ეს მოდული იქნება განხილული მომდევნო გაკვეთილზე. ჩვენ შევეცდებით შევქმნათ მენიუს ელემენტი, რომელიც აჩვენებს იმავე მასალას. ვისთვისაც არჩეულია მნიშვნელობა მასალები – მასალა.

შედეგად, თქვენ შეიძლება წინ წახვიდეთ

მოგეხსენებათ, მენიუს შექმნა Joomla-ზე მარტივია და დიდ დროს არ მიიღებს.

ზედა მენიუს შექმნა Joomla 3-ში

მდიდარ კორისტუვაჩივ-ფოჩატკივცითა შორის CMS Joomla 3 თქვენს ვებსაიტზე არის პრობლემები ზედა და ჰორიზონტალურ მენიუებთან დაკავშირებით. მიუხედავად იმისა, რომ მას დასაკეცი არაფერი აქვს. მოდით უფრო ახლოს მივხედოთ ასეთი მენიუს შექმნის პროცესს. ეს პროცესი ოდნავ განსხვავდება Joomla-ზე დაწყების მენიუს შექმნისგან.

1) გადადით საიტის განყოფილებაში მენიუ – მენიუს მენეჯერი

2) დააჭირეთ მენიუს შესაქმნელად და ახალი მენიუს შესაქმნელად, მას უწოდეთ TOP MENU

3) ახლა ჩვენ გვაქვს შესაძლებლობა მიუთითოთ ჩვენი მენიუს გაფართოების ადგილი საიტის ზედა ნაწილში. რისთვისაც ჩვენ კვლავ ვუყურებთ აშკარა პოზიციებს, ძიების თანმიმდევრობის შეყვანის შემდეგსაიტი. ru/? tp=1 (დესაიტი. ru - თქვენი საიტის სახელი).

ფაქტობრივად, ჩვენი საიტის ზედა ნაწილს აქვს მხოლოდ 2 პოზიცია - პოზიცია 2 და პოზიცია 1.

ახლა გადავიდეთ განყოფილებაზე მენიუ – მენიუს მენეჯერიდა ღილაკზე ამოტვიფრული

ისევე, როგორც მთავარი მენიუსთვის, ჩვენ ვწერთ სათაურს. და პოზიციის განყოფილებაში აირჩიეთ პოზიცია 1 ან 2.

ახლა, მენიუს ელემენტების შექმნის შემდეგ, თქვენი ზედა მენიუ გამოიყურება ისე, როგორც ჩვენს ვებსაიტზე.

შექმენით მენიუ, რომელიც გამოჩნდებაჯომლა 3

ასევე, მინდა ვიცოდე მენიუს შესახებ, რომელიც გამოჩნდებაჯომლა 3. ყოყმანი ადვილია. დასაწყისისთვის, თქვენ უნდა შექმნათ თავად მენიუ და მენიუს ელემენტები, რომლებიც უნდა აირჩიოთ.

ამ მიზნით ვქმნით მთავარ მენიუს, რომელიც ე.წ "მასალების ჯგუფი"და მენიუს ორი ქვეპუნქტი „პუნქტი 1“ და „პუნქტი 2“. მენიუს ქვეპუნქტების მთავართან დასაკავშირებლად, როდესაც ქვეპუნქტები იქმნება BATKIV ველში, მიუთითეთ მენიუს მთავარი ელემენტი ჩვენს ჩამოსაშლელ ველში „მასალების ჯგუფი“. შედეგად, თქვენ გექნებათ იგივე გარეგნობა, როგორც ნაჩვენებია ქვემოთ მოცემულ სურათზე.

ამის შემდეგ გადადით მთავარი მენიუს პარამეტრებზე "მასალების ჯგუფი" და დააყენეთ მნიშვნელობა SO განყოფილებაში.

შედეგად, ჩვენ ვეღარ შევდივართ მენიუში ხელით.

ვისნოვოკი

რომლის გაკვეთილზე ჩვენ განვიხილეთ ძირითადი კვების სარგებელი მენიუს მენიუ Joomla 3-ზე . თუ თქვენ გაქვთ კვების პრობლემა, შეგიძლიათ ჰკითხოთ მათ და დაამატოთ ნებისმიერი კომენტარი ამ სტატიაზე!

JED ქულა:სათაური – 28, ფუნქციონალობა – 50, მხარდაჭერა – 23, დოკუმენტაცია – 28.

BM Cool მენიუ- ჩემი ერთ - ერთი ფავორიტი უფასო და უცეცხლო მოდულები CMS Joomla 3-ისთვის . მომწონს მისი სიმარტივე და ლაკონურობა, ადაპტირება (რაც იშვიათად გვხვდება კატის გარეშე) და ხელით მარტივად მორგების შესაძლებლობა. წმინდა ვიზუალური თვალსაზრისით, ამ გაფართოებას არანაირი გავლენა არ მოუხდენია, მაგრამ CSS ფაილის სათანადო მოდიფიკაციით, არანაირი პრობლემა არ ყოფილა. მე ვფიქრობ, რომ Joomla JED კატალოგში მოდულის დაბალი რეიტინგი აიხსნება ხელით რეგულირების საჭიროებით. ეს არ არის ისეთი რთული, როგორც ჟღერს. უფრო მეტიც, მე შევინახე CSS ფაილის მორგების დეტალები ჩემთვის და თქვენთვის ცალკე ფაილში.

ეს მოდული იდეალურია მათთვის, ვისაც სჭირდება მარტივი ადაპტირებადი ჰორიზონტალური და სრულიად უფასო მენიუ მათ საიტზე Joomla 3-ის გამოყენებით. მაშინვე ვიტყვი, რომ ეს არის მხარს უჭერს მდიდარ მენიუს, მაგრამ განსაკუთრებით ზოგიერთ საიტზე მაქვს სიმღერებთან დაკავშირებული პრობლემები. მე მათ ჯერ არ მინახავს, ​​რადგან ვიცი სხვა ვარიანტები; მე ასევე პატივს ვცემ, რომ არის კონფლიქტი jQuery ბიბლიოთეკებს შორის - უმეტესწილად.(ქვემოთ განვმარტავთ, როგორ განვმარტე ისინი. ეს არ არის jQuery მარჯვნივ). ერთი დონის მენიუსთვის ოპტიმალურია უფრო დაბალი მოდული. მე ვიკორსტა იოგო ჩემს უმეტეს საიტებზე.

BM Cool Menu მოდულის დემო

მოდულის დემო ვერსია წარმოდგენილია ამ საიტის სათაურში. ეს დუბლირებულია ქვედაბოლოში. როგორ მუშაობს ეს მენიუ მდიდარი სტრუქტურით, შეგიძლიათ ნახოთ აქ.

უძვირფასესი ადაპტაციური მენიუს მოდულის BM Cool Menu-ის რეგულირება

ამ უფასო და უსაფრთხო მოდულის დაყენება Joomla 3-ზე ადაპტაციური მენიუს შესაქმნელად (თუმცა, კარგად შემუშავებული როგორც კომპიუტერებზე, ასევე მობილურ მოწყობილობებზე) მოიცავს შემდეგ ელემენტებს:

• ქვემენიუ ნივთების ჩვენება- აჩვენე ქვეპუნქტები No.
• ტექსტის ფერი- ტექსტის ფერი.
• გადაიტანეთ ტექსტის ფერი- ტექსტის ფერი მაუსის დაჭერის დროს.
• მენიუს ფონი- ფონის ფერის მენიუ.
• ფონის სურათი- სურათი, როგორც ფონი (მორგებული css ფორმატში)
• საზღვრის ჩვენება- აჩვენე ჩარჩო No.
• საზღვრის რადიუსი- ჩარჩოს კიდეების დამრგვალების რადიუსი.
• საზღვრის ფერი- ჩარჩოს ფერი.
• აქტიური ფონი- აქტიური მენიუს ელემენტის ფერი.
• ჩატვირთეთ jQuery- დააკავშირეთ jQuery ბიბლიოთეკა.

ღერძი, დამშვიდდი და ყველაფერი დალაგებულია. დაასრულეთ იგი მარტივად და ლაკონურად. განსაკუთრებით ნაკლებად ძვირადღირებული მოდულები უფრო სულისშემძვრელი, ნაკლებად შრომატევადი და მოქნილი, უამრავი ვარიანტით, რომლებსაც ცხოვრებაში არასდროს ვიყენებ.

BM Coll მენიუს სტილის ხელით რეგულირება

ახლა მე ვიტყვი რამდენიმე სიტყვას Joomla 3 BM Cool Menu-ზე ადაპტური მენიუს შესაქმნელად მოდულის ხელით მორგების შესახებ. მე მაქვს პრობლემა, როდესაც ვირჩევ მომრგვალებულ კიდეებს (საზღვრის რადიუსი) და ჩარჩოს (საზღვრის ფერი) დამატებას. კომპიუტერის ადმინისტრაციულ პანელში კონფიგურირებულ მოდულში შესაბამისი ცვლილებების შეტანის შემდეგ განათებულ რეჟიმში (მთელ გვერდზე), მენიუში ნაჩვენებია ყველა ცვლილება პირდაპირ მობილურ მოწყობილობებზე და განათებულ ფანჯარაში შენარჩუნებულია ჩარჩოც და დამრგვალებაც. მანამდე, სქელი გარეგნობის მოდული უცვლელად მაღლა ასწია და თავისით ფარავდა სხვა მოდულის ნაწილს, რომელიც უფრო მაღალი იყო. მენიუს ჩვენების მორგება მინდოდა ისე, რომ მისი ყველა ელემენტი გასწორებულიყო ცენტრში. მაგალითად, მარჯვნივ, 4:3 კომპიუტერის ეკრანზე ყველაფერი სრულიად თანაბარი და წესიერი ჩანდა, მაგრამ მენიუს 16:9 ღერძი დაჭერილი იყო მარცხნივ და არ ჩანდა მარჯვნივ. გარდა ამისა, ყველაფერზე ადრე გადავწყვიტე ავირჩიო ღია ფერი, რომელიც გამოყოფს მენიუს ელემენტებს.

გამოსავალი იპოვეს მოდულის css ფაილში გარკვეული სტრიქონების შეცვლით ან კომენტარით, რაც წესრიგშია: /modules/mod_bm_cool_menu/assets/css/style.css. მე შევინახე ძველი ფაილი ყველა ინციდენტის შესახებ, მათ ქვეშ დაუკავებელი ხედიდან ძველი სტილის.css. ახალში კი ცვლილებები შევიტანე.

მენიუს განლაგება ცენტრში

Კლასში .bm-cool-menuგამოვცვალე float:მარცხნივ; on inline:ბლოკი;(სტრიქონი 29) და ამით სრულდება 37-ე რიგი .bm-cool-menu ა. ასევე რიგის დამატება მე-10 კლასში .bm-cool-menu: text-align:center;

მე ვირჩევ თეთრ ხაზს მენიუს ელემენტებს შორის

ვისთვისაც კომენტარს გავაკეთებ 30-ე რიგზე. მათთვის, ვისაც დაავიწყდა ან არასოდეს იცოდა როგორ გაეგრძელებინა: /*საზღვარი-მარჯვნივ: მყარი თხელი #fcfcfc;*/

მენიუს ჩვენების დამატებითი მორგება მობილურ ტელეფონებზე

დარწმუნდით, რომ მენიუ არ მოიცავს მოდულს (ან ლოგოს), რომელიც საუკეთესოდ არის ნაპოვნი კლასში .bm-cool-menu-trigger(მწკრივი 167 და ქვემოთ) მე დავამატე წვდომა მხეცზე: margin-top:10px;

იმისათვის, რომ მენიუს ჩარჩო და მომრგვალებული კუთხეები არ გამოჩნდეს მობილურ ვერსიაში, მე დავაკომენტარე 173 რიგები, ასევე 175-დან 180-მდე.

მოდულით შევცვალე ფაილის style.css არქივის შუაში პირდაპირი მითითებისთვის. ვინ ჰქვია mystyle.css. თუ არ გჭირდებათ ხელით სტილის შეცვლა, შეგიძლიათ შეცვალოთ იგი უბრალოდ შეცვლით სტილი.css.

ხმამაღლა გეტყვით, რომ ჩემს მიერ განხორციელებული ცვლილებები იგივე მენიუს აღარ ღირს. თუმცა, ძნელია მსგავსი ცვლილებების შეტანა ჩანთების სტრუქტურისთვის.

მენიუს სახელის შეცვლა მობილური ვერსიაში

და ერთი ძალიან პატარა, თითქმის აუცილებელი დეტალი აკლდა. შეცვალეთ სიტყვა მენიუ, იწერება ლათინურად მობილური ვერსიის გვერდების ნახვისას ან როდესაც გვერდები იმალება ბრაუზერში მცირე ბოლოში. თქვენ შეიძლება ვივარაუდოთ, რომ თქვენ უნდა შეცვალოთ ფაილში მისი შეყვანის საჭიროება, მაგრამ არა. ჩნდება მოთხოვნა, რომ დააყენოთ თქვენი მენიუს სათაური ფაილში გზაზე: /modules/mod_bm_cool_menu/tmpl/default.php(მწკრივი 14).

Სულ ეს არის.

გოლოვნე, ეტყობა, საშველად მოვედი. გულწრფელად ვიცი, რომ მე ვიყავი ყველაზე მნიშვნელოვანი ამ მოდულისთვის და, მაინტერესებს ჩემი შეფასებები, თავიდანვე სკეპტიკურად ვიყავი განწყობილი ამის მიმართ. თუ თქვენ სცადეთ სხვა ვარიანტები და მიხვდით, რომ ოფიციალურ კატალოგში ძალიან ცოტა უფასო და უსაფრთხო ადაპტაციური მენიუა, მე დავუბრუნდები ამ პუნქტს და დავიწყებ მის კორექტირებას. მე ვამბობ, რომ ჩემი საიტების უმეტესობაში ვიკორისტი ვარ.

მთავარი პრობლემა BM Cool მენიუს არ მუშაობს პრობლემა ხორხთან და მდიდარი მენიუს ჩვენება BM Cool Menu Position-1-ში განსხვავებულად ჩანს, ვიდრე Joomla Protostar-ის სტანდარტულ შაბლონში. ამ მოდულის ნებისმიერ პოზიციაზე გადაკეთების შემდეგ (მაგალითად, ბანერი), დივა ჩნდება და იწყებს მუშაობას.

ვინაიდან თქვენ აუცილებლად გჭირდებათ მენიუს გაფართოება Position-1-ში, მოგიწევთ ინდექსის ფაილის ოდნავ მორგება Protostar შაბლონზე (index.php შაბლონის ძირში - / templates / protostar / index.php). მარჯვნივ არის ის, რომ ამ პოზიციის დასრულების შემდეგ, გადაიტანეთ კონტეინერის ნავი Joomla 3 ნავიგატორის მენიუს პირველი კლასიდან. მას შემდეგ, რაც ვნახეთ ეს „შეფუთვა“ და შევცვალეთ სტილი „არცერთიდან“ „xhtml“-ზე, ჩვენ ვხსნით პოზიციას 1, რომელშიც BM Cool მენიუს მოდულში შეგიძლიათ განაგრძოთ მუშაობა საჭიროებისამებრ.

ჩვენ ვიცით ეს ფრაგმენტი:

nav class="navigation" role="navigation">

ჩვენ ვშლით 1 და 3 სტრიქონებს და ასევე ვცვლით "none"-ს "xhtml"-ით მეორე რიგში. ღერძი და ყველაფერი გადაწყვეტილია.

გამოქვეყნებულია BT Content Slider-ის მიერ – მოდული სლაიდერის ხედში ახალი ელემენტების დასამატებლად

BM Cool Menu მოდულის ოფიციალური დემო ვერსია

BM Cool მენიუს მოდულის მხარე Joomla-ს გაფართოების ოფიციალურ კატალოგში

BM Cool Menu მოდულის ოფიციალური ვებგვერდი

რაც შეიძლება სწრაფად ჩართეთ BM Cool მენიუს მოდული

ამ გაკვეთილზე, რომელიც ეძღვნება Joomla-ს მოდულებს, მე გაჩვენებთ მშვენიერ მოდულს საიტის გვერდებზე მენიუების საჩვენებლად.

სად დაწოლა?

"მენიუ" მოდულის დირექტორია მდებარეობს საიტის root საქაღალდის /modules/mod_menu დირექტორიაში. კატალოგს აქვს სტანდარტული ფაილები სისტემის მოდულებისთვის:

• tmpl დირექტორია;
• ფაილები helper.php;
• mod_menu.php;
• mod_menu.xml.

Რა გჭირდება?

მენიუს მოდული Joomla-ს საიტზე საჭიროა მოდულების პოზიციის საჩვენებლად ნებისმიერ ადრე შექმნილ მენიუში საიტზე.

ეს მოდული არ უჭერს მხარს ჩამოსაშლელი მენიუს სტილს და აჩვენებს მენიუს ელემენტებს სიის ხედში. ეს ნიშნავს, რომ როდესაც მოდული მოთავსებულია მთავარი მენიუს შაბლონის პოზიციაზე, ის არ აჩვენებს მენიუს, რომელიც გამოჩნდება, არამედ აჩვენებს მენიუს ელემენტებს, როგორც სიას.

შეგახსენებთ, რომ საიტისთვის მენიუს შესაქმნელად საჭიროა შეკვეთის შაბლონის მორგება, რაც მთავარია თქვენ მიერ არჩეული მენიუ.

როგორ შევქმნათ იგი?

მენიუს მოდულის შესაქმნელად, თქვენ უნდა გქონდეთ რწმუნებათა სიგელები. ამ მოდულის შექმნა შესაძლებელია მხოლოდ სუპერადმინისტრატორის მიერ.

• ადმინისტრაციული პანელის მთავარი მენიუდან გადადით მოდულების ჩანართზე;
• ჩანართის ინსტრუმენტთა ზოლს აქვს ამოტვიფრული ღილაკი „Create“;
• მოდულის ტიპების სიიდან აირჩიეთ მენიუს ტიპი;
• მოდით ხელახლა დავაყენოთ მენიუს მოდული 4 ჩანართზე. გადავარჩინოთ;
• შეიქმნა მთელი მენიუ, ქეშის გასუფთავების შემდეგ, საიტი გამოჩნდება საიტზე.

Joomla მენიუს მოდულის დაყენება

გაოცდით 4 ჩანართი მენიუს მოდულის მორგებისთვის.

ჩანართი 1 - მოდული

მთავარი ჩანართი არის კორექტირება. Აქ

გავიხსენოთ მოდულის სახელი;

თუ გსურთ დაამატოთ მოდულის სახელი, დაუყონებლივ დაამატეთ იგი მარჯვენა კონტროლერში „სათაურის ჩვენება“;

ველებში თქვენ უნდა დააკონფიგურიროთ: აირჩიეთ თავად მენიუ, რისი ჩვენება გსურთ (1), აირჩიეთ მენიუს ძირითადი ელემენტი (2), აირჩიეთ მენიუს პირველი (3) და საბოლოო ელემენტი (4) და აირჩიეთ ჩვენება. მენიუს ქვეპუნქტების (5).

კორექტირება (2) საშუალებას გაძლევთ გადაიტანოთ მენიუ ძირითად მენიუს შორის დასაკეცი საიტის სტრუქტურით. თუ მენიუს კონკრეტულ პუნქტს აირჩევთ რეკომენდაციებისთვის, მაშინ საბაზო მენიუში შეირჩევა უახლოესი აქტიური მენიუს ელემენტი.

მენიუს წინა (3) და ბოლო (4) ელემენტის ჩასმა საშუალებას გაძლევთ შეამციროთ გრძელი მენიუები და შექმნათ საიტის უფრო რთული სტრუქტურა. მენიუს ქვეპუნქტები (5) აჩვენებს მსგავს პარამეტრებს.

ჩანართის მარჯვენა მხარეს სათაურის (6), პოზიციის (8) და შაბლონის პოზიციის (7) ჩვენება სავალდებულოა. ხილის კიდევ ერთი კორექტირება.

class="eliadunit">

დააწკაპუნეთ „შეკვეთის“ ველებზე, აქ შეგიძლიათ შექმნათ მოდული ამ პოზიციის მოდულებში. ეს შეიძლება გაკეთდეს მოდულების ცხრილში მოდულის გადათრევით.

"შენიშვნა" შექმნილია საიტის ადმინისტრატორებისთვის და ჩანს მოდულების ცხრილში.

"გამოქვეყნების დაწყება" საშუალებას გაძლევთ დაგეგმოთ მოდულის გამოშვება თარიღის მიხედვით.

ჩანართი 2 - Snap

აქ თქვენ უნდა აირჩიოთ საიტის რომელ გვერდებზე გამოჩნდება ეს მოდული. გეგმების უკან არის სახელმძღვანელო "ყველა მხრიდან".

ჩვენების გვერდების არჩევანი მოქმედებს მენიუს ელემენტების ქვეშ ფილტრიდან "ყველასთვის ...", "ყოველ დღე", "მხოლოდ მითითებულებზე", "ყველა მიზნისთვის".

მაგალითად, გსურთ აჩვენოთ დასაკეცი მოდული მხოლოდ მთავარ გვერდზე. ამისათვის ფილტრიდან აირჩიეთ „მხოლოდ სიაში“ და იხილეთ მენიუს სიაში, მთავარი გვერდის მენიუს გარდა (შერჩეული მასალები).

ჩანართი 3 - დამატებითი პარამეტრები

აქ შეგიძლიათ დააყენოთ მოდულის უნიკალური გარეგანი სახე, რადგან თქვენს შაბლონს აქვს მოდულის დამატებითი სტილები ან თქვენ თავად შექმენით ასეთი სტილები მოდულებისთვის.

ამის გაკეთება შეგიძლიათ შემთხვევით. აქ შეიყვანეთ თქვენი „სუფიქსი მენიუს კლასში“ და „სუფიქსი მოდულის CSS კლასში“ და შემდეგ დაამატეთ თქვენი საკუთარი CSS წესი ამ მოდულს.

სხვა მოდულების გარდა, ცვლილებებია ჩამოსაშლელი მენიუს Java Script სტილში (Account Position).

ჩანართი 4 - უფლებები

თქვენ მოგიწევთ ხელახლა მიმართოთ სადაზღვევო დაფარვისთვის ბევრ კომერციულ საიტებზე ერთზე მეტი ადმინისტრატორით.

ყველა ველის შევსების შემდეგ, თქვენ უნდა შეინახოთ მენიუს მოდული Joomla-ს საიტზე და ქეშის გასუფთავების შემდეგ, ნახოთ საიტზე.

ვისნოვოკი

ამ გაკვეთილზე ჩვენ გადავხედეთ მენიუს მოდულს Joomla-ს ვებსაიტზე. ძალიან კარგია საიტისთვის სრულფასოვანი ქვედა კოლონტიტულის შესაქმნელად დამატებითი მენიუებით ტექნიკური და საინფორმაციო ნავიგაციისთვის.

ჯომლაში მენიუს შექმნა თქვენს საიტზე ნავიგაციის ერთ-ერთი ყველაზე მნიშვნელოვანი ელემენტია. მენიუ საშუალებას გაძლევთ მარტივად მოძებნოთ საჭირო მასალა გვერდებზე, რაც საშუალებას გაძლევთ სწრაფად გადაიტანოთ სექციებსა და კატეგორიებს შორის.

მენიუს შექმნა ჯომლაში

ადმინისტრაციულ პანელში თქვენ იპოვით მენიუს მენეჯერის მენიუს თქვენი მოხერხებულობისთვის, თქვენ გაქვთ წვდომა მთავარ მენიუში, რომელსაც აქვს პუნქტი, რომელიც ჩამოშლილია - მენიუს ელემენტის შექმნა, აირჩიეთ მთავარი მენიუ.

მე გაჩვენებთ ჯომლაში მენიუს შექმნის სამ გზას.

პირველი მეთოდი - კატეგორიის ბლოგი

ჩვენ შეგვიძლია შევქმნათ მენიუს პირველი ელემენტი – Cars, მენიუს ელემენტის ტიპში ვირჩევთ ბლოგის კატეგორიას, ვირჩევთ კატეგორიას – მანქანები, მთელი ფანჯარა – მამა, რაც ნიშნავს, რომ ტექსტი გამოჩნდება იმავე ჩანართში, მენიუ – მთავარი მენიუ დარბაზი Shimo yak. , მამის ელემენტი – Root მენიუს ელემენტი ასე რომ, ისევე როგორც პირველი ელემენტი, ის ყოველთვის იქნება მეორე მხარეს. Stan - გამოქვეყნდა, რათა მენიუს ელემენტი გამოჩნდეს საიტზე.

ყველა მოქმედება განმეორდება მანქანებიდან მოტოციკლებამდე და ველოსიპედამდე და ჩვენ შევქმენით მენიუს ელემენტები ყველა კატეგორიისთვის.

მოდულების სიაში დააწკაპუნეთ მოდულის სახელზე მთავარი მენიუ (ზედა მენიუ) ცვლილებების შესატანად,

და თავად: მენიუს მოდულის პოზიცია, მენიუს ქვეპუნქტების ჩვენება - ასე რომ,

მოდით გადავიდეთ ჩვენს ვებსაიტზე და შევამჩნიოთ, რომ ჩვენი შაბლონის თავზე მენიუ გამოჩნდა.

მას შემდეგ რაც შევქმენით მენიუს ტიპი - ბლოგის კატეგორია, შემდეგ გვერდზე მენიუს პუნქტზე დაწკაპუნებისას გამოჩნდება ქვეკატეგორიის ყველა სტატისტიკა: მოტოციკლები,

ველოსიპედები

მე მანქანები.

კიდევ ერთი მეთოდი - მყარი მასალა

შეცვალეთ მენიუს პუნქტი Motorcycles, შეცვალეთ სახელი ჯავაზე, გაასუფთავეთ მეტსახელი "mototsikly", წინააღმდეგ შემთხვევაში შეგიძლიათ სიკვდილით მიიყვანოთ იგი,

მენიუს ელემენტის ტიპი არის ჩასმა მასალა, ხოლო თავად მასალა არის არჩევადი Java.

ჩვენ იგივე პროცედურას მივყვებით მენიუს სხვა ელემენტებისთვის,

მოდი შევიდეთ საიტზე და ვნახოთ,

მეთოდი მესამე - ჩამოსაშლელი მენიუ

მე შემიძლია კვლავ შევქმნა მენიუს ელემენტი Motorcycles, მენიუს ტიპი – სისტემის პარამეტრები – სათაური,

მენიუს ელემენტის მეტსახელის (ალიასის) გასუფთავება,

გადავარჩინოთ. ჩვენ ვხსნით მასალას Java და ჩანართში, რომელიც გამოჩნდება, არჩეულია Father's ელემენტი - მოტოციკლები.

ახლა მენიუს პუნქტი Java არის შვილობილი საქონელი Fatherland Motorcycles.

იგივე ვნახოთ ჰარლის შემთხვევაშიც, რომელმაც მამის პუნქტში მიუთითა მოტოციკლები და ქულებს, ველოსიპედები და მანქანები მიბმულია ანალოგიურ წოდებაზე სხვა სტატისტიკასთან.

შევიდეთ საიტზე და ვნახოთ,

ასე რომ, ჩვენი მენიუ გახდა მენიუს მსგავსი პირველი მეთოდით, გარდა იმისა, რომ თქვენ გადაიტანეთ კურსორი მენიუს სახელზე,

შემდეგ დაინახავთ ჩამოსაშლელ - ქვეპუნქტებს, რომლებიც მიგვიყვანს სტატიებამდე.

თავად ამ შაბლონზე, გახსნის მენიუ ჩნდება, როდესაც კურსორს ატარებთ მენიუს სათაურზე,

თქვენ ასევე შეგიძლიათ დააწკაპუნოთ ამ სახელზე სხვა შესვლის წერტილების გამოსავლენად. ისე, ქვემენიუ ელემენტებზე დაწკაპუნებით გაიხსნება მასალა საიტზე, როგორც ყველა სხვა მეთოდი.

ჯომლაში მენიუს შექმნის ძირითადი მეთოდებიდან რომელი გსურთ აირჩიოთ? მინდა აღვნიშნო, რომ ერთ მენიუში შეგიძლიათ აირჩიოთ ყველა მეთოდი ერთდროულად, მაგრამ არ მოგერიდოთ, პირველი მეთოდი მარტივია, თუ კატეგორიაში ბევრი მასალაა და თქვენს საიტზე, გადადით განყოფილებაში სხვა სიტყვები, რა დავწეროთ. კიდევ ერთი მეთოდი შეიძლება შეიცვალოს მასალისთვის პოსტების შექმნით, რომლის ტექსტი გაიგზავნება ერთი განყოფილების მასალებისთვის, მესამე მეთოდი საშუალებას გაძლევთ სწრაფად დაათვალიეროთ მენიუში განყოფილების სტატიების სია, ჩემი აზრით, ეს არის საუკეთესო ვარიანტი. თქვენ ასევე შეგიძლიათ გამოიყენოთ მენიუ, რათა შექმნათ პოსტი საიტის რუკაზე, რეგისტრაციის ფორმა, დაამატოთ პოსტი გარე რესურსზე... და ბევრი სხვა, მაგრამ სხვა ვარიანტებზე სხვა დროს ვისაუბრებთ.

ეს ვიდეო გვიჩვენებს, თუ როგორ შევქმნათ მენიუ Joomla-ში:

ჩვენ გირჩევთ უყუროთ ვიდეოს სრული ეკრანის რეჟიმში; 1080 HD, არ დაგავიწყდეს გამოიწერეთ YouTube არხიიქ ნახავთ უამრავ შესანიშნავ ვიდეოს, რომელთა ნახვაც შეგიძლიათ ხშირად. კარგად დავაკვირდები!