Max Mega Menu-ն WordPress-ի մենյուի բազմաֆունկցիոնալ հավելված է: WP Mega Menu Plugin. Ֆունկցիոնալություն, տեղադրում, անհատականացում Լիովին արձագանքող և շարժական մենյու

Մեգա Հիմնական մենյուսա հավելում է արագ ստեղծումմենյու wordpress-ի համար. Այն ունի հատուկ առանձնահատկություններ, որոնք հեշտացնում են դրա օգտագործումը:

Կպչուն և բացվող ընտրացանկեր, պատկերակներ, պատկերանշան և որոնում:
Տարբեր գույներ. Ավելին, դուք կարող եք փոխել ցանկի ցանկացած տարբերակի գույնը: Բացի գույներից, օգտագործվում են նաև գրադիենտներ, ֆոնային նկարներև պատկերներ։
Բովանդակությունն ունի մինչև 10 տատանումներ։ Դուք կարող եք նաև բովանդակություն տեղադրել բացվող ընտրացանկում: Այն կարող է պարունակել ամեն ինչ՝ հղումներից մինչև պատկերներ և կարճ կոդեր:
Կայքի մենյուում կարող են օգտագործվել մինչև 1600 սրբապատկերներ: Այս սրբապատկերներն ունեն վեկտորային գրաֆիկահետևաբար, դրանք մեծ ծավալներ և թույլտվություններ չեն պահանջում: Սա թույլ կտա դրանք օգտագործել նույնիսկ բջջային հեռախոսով:
Տառատեսակները նույնպես ունեն իրենց բազմազանությունը: Այն կարող է օգտագործել 600 google տառատեսակներ, որոնք հեշտությամբ կարելի է կարգավորել plugin-ի կարգավորումներում:

Plug-in-ը տեղադրվում է սովորական եղանակով, ինչպես բոլոր ծրագրերը, և դժվարություններ չկան: Այն ակտիվացնելուց հետո դուք պետք է գնաք հիմնական մենյու: Այս մենյուի էջում, ձախ կողմում, կտեսնեք չորս տարբերակ: Սա հիմնական տարբերակն է ընդհանուր կարգավորումներով, այնուհետև էջի տեսքը կարգավորելու տարբերակը, որը կոչվում է skins, որը փոխում է գույնը, տառատեսակը և այլն: Նաև վերջին երկու տարբերակներն են կապը աջակցության հետ և հատուկ կարգավորումներմասնագետների համար։

Ընդհանուր տարբերակներումտարբերակների տակ կա երեք տարբերակ՝ առաջնային, շարժական_մենյու, երկրորդական: Հիմնական բաժինը օգտագործվում է հիմնական ցանկի բոլոր արժեքները կարգավորելու համար: Օրինակ, այնտեղ կարող եք սահմանել բարձրությունը, սրբապատկերների հակաալիզացումը, հարմարեցնել լոգոյի պատկերը: Բջջային և երկրորդական սարքերում այս կարգավորումները վերարտադրվում են առանձին:

Skins-ի կարգավորումներումԿան նաև պարամետրերի երեք տատանումներ. առաջնային, լրացուցիչ, ստորագիր... Առաջին տարբերակում մենք կարող ենք հարմարեցնել հիմնական կոնտեյների ֆոնը և ընտրել հորիզոնական, ուղղահայաց և շառավղային տեսարաններ: Հետո առաջին պարբերության տառատեսակը և այլն։

Հատուկ պարամետրերում դուք կարող եք սահմանել պատասխան շարժական սարքեր... Այնուհետև կարող եք սահմանել էկրանի լուծաչափը և ոճը:

Վերջին տարբերակը կայքի կառուցվածքի հարմարեցումն է: Այստեղ դուք ընտրում եք, թե որ տարբերակը միացնել և որն անջատել:

Այսպիսով, սա մենյուի հիանալի հավելված է, որը կարող է վերափոխել ձեր թեման: Նրա օգնությամբ դուք հեշտությամբ կարող եք լրացնել այն սրբապատկերներով, նկարներով և այլ տարրերով: Հիմնական բանը նրա որակն է, որ այն ունի հեշտ ֆունկցիոնալություն: Ի տարբերություն մյուսների Մեգա Հիմնական մենյուի հավելումներաննշան ազդեցություն ունի կայքի վրա:

Որքան հասկանում եմ, WordPress-ում մեգա մենյու տերմինը նշանակում է գերֆունկցիոնալ հսկայական բլոկ՝ բազմաթիվ տարբեր տարրերով՝ ցուցակներ, նկարներ, տեքստեր, սլայդերներ և այլն: Դուք հավանաբար հանդիպել եք նման մարդկանց: Մի օր ես կհրապարակեմ ամբողջական հավաքածու այս թեմայով, բայց այսօր մենք կխոսենք շատ կոնկրետ լուծման մասին՝ Max Mega Menu plugin-ի մասին: Ես ընտրեցի այն, քանի որ ես արդեն փորձարկել եմ այն աշխատանքի մեջ, այն հաճախ հայտնվում է ցուցակներում, գումարած կա ամենախելացի և անընդհատ զարգացող անվճար (Lite) տարբերակներից մեկը:

WordPress-ում Max Mega Menu-ը տեղադրելուց անմիջապես հետո ձեր ստանդարտ նավարկությունը վերածվում է ավելի հզոր և ֆունկցիոնալ մեխանիզմի՝ տարբեր տեսակի վիդջեթներ, հարմար խմբագրիչ և մի փունջ ավելացնելու ունակությամբ: լրացուցիչ պարամետրեր... Ներբեռնեք հավելվածը այստեղից կամ որոնեք այն WP-ի ադմինիստրատորի վահանակի միջոցով:

Վրա այս պահինհամակարգի նվազագույն պահանջվող տարբերակը 3.8 է, այն աշխատում է մինչև վերջին տարբերակը՝ այժմ 4.8.3: Մոտ 100 հազար ներբեռնում կա։ Ինձ դուր է գալիս, որ վերջին 2 ամիսների ընթացքում 89-ից շտկվել են գրեթե 70 տարբեր սխալներ, ինչը ցույց է տալիս, որ մշակողները շատ ակտիվ են:

Max Mega Menu-ի հիմնական գործառույթներն ու առանձնահատկությունները

Աջակցվում են մի քանի տեղաբաշխումներ, որոնցից յուրաքանչյուրի համար կարող եք ընտրել ձեր սեփական պարամետրերը.
Պարզ աշխատանք նավարկության տարրերի հետ Քաշեք և բաց թողեք:
Ավելացնելով.
Թեմաների համար հարմար խմբագիր կա։
Ցանկացած վիդջեթների ավելացում՝ նկարներ, տեքստեր, ցուցակներ և այլն:
Գործարկման պայման. սավառնելիս սեղմեք:
Ենթամենյուի ելքային էֆեկտներ՝ ելք, մարել/դուրս գալ և այլն:
Տարբեր լրացուցիչ ընտրանքներ, ինչպիսիք են տեքստը / հղումները թաքցնելը կամ անջատելը բջջային տարբերակ... Վերջին կետը կօգնի պարզեցնել առանձին մեկի ստեղծումը:
Հավասարեցում մենյուի տարրերի համար:

Հասկանալու համար, թե որքան զով և հարմար է այս ամենը, խորհուրդ եմ տալիս պարզապես դիտել հետևյալ տեսանյութը.

Բացի այդ, մշակողները կարող են պարծենալ իրենց լուծումը ստեղծելու շատ ճիշտ և ճիշտ մոտեցմամբ։ WordPress Max Mega Menu-ն իսկապես բարձրորակ արտադրանք է, ահա մի քանի ապացույց.

ամբողջ դիզայնը դրված է մեկի միջոցով CSS ֆայլորտեղ «հայտնի» կարևոր գույքն ընդհանրապես չի օգտագործվում.
Retina աջակցություն, արձագանքողություն, գործարկում սմարթֆոնների և պլանշետների վրա (փորձարկված գրեթե բոլոր առկա աշխատասեղանի և բջջային բրաուզերներում);
մաքուր կոդը, JS սկրիպտները, երբ gzipped-ը կպահանջվի 2 Կբ-ից պակաս;
աջակցություն տարբեր ֆիլտրերի / կեռիկների համար;
մանրամասն փաստաթղթեր + ի տարբերություն շատ այլ հավելումների, աջակցության ֆորումը բավականին աշխույժ է:

Max Mega Menu-ի կարգավորում և աշխատանք

Տեղադրվելուց անմիջապես հետո ադմինիստրատորի վահանակում կհայտնվի համանուն բաժինը։ «Ընդհանուր կարգավորումներում» կարող եք կսմթել մի քանի տարբերակներ՝ կապված ենթամենյուների, շարժական սարքերի և այլնի վարքագծի հետ: «Թեմաները» շատ ավելի հետաքրքիր տեսք ունեն։

Միանգամից կան 6 ներդիր տարբեր չիպերով.

Հիմնական - ընտրեք սլաքների տեսակը, ստվերները, գծի բարձրությունը և այլն:
Մենյու բար - հիմնական բլոկի ձևավորում՝ նախապատմություն, նահանջ, տառատեսակ, սավառնում:
Մեգա մենյու - Մեգա մենյուի ոճեր և կարգավորումներ:
Բացվող - ոճերի նմանատիպ հավաքածու:
Բջջային ընտրացանկ - էկրանի չափը գործարկելու համար և բջջային մենյուի այլ տարբերակներ:
Պատվերով դիզայն - ավելացրեք ձեր սեփականը CSS ոճեր.

Հիմնական պարամետրերը սահմանելուց հետո անցեք ադմինիստրատորի վահանակի WP բաժին « Արտաքին տեսք«-» Մենյու»:

Դուք պետք է ընտրեք այն ընտրացանկը, որի հետ ցանկանում եք աշխատել, այնուհետև դրա կարգավորումներում նշեք «Միացված» կետի դիմաց: Դուք կարող եք ակտիվացնել Max Mega Menu-ը WordPress-ում միայն այն դեպքում, երբ ընտրացանկը կաղապարում ունի ցուցադրման նշված տարածք (վերնագիր, ստորագիր, կողագոտ և այլն): Կան նաև էֆեկտների և հրահրող իրադարձությունների պարամետրեր:

Մոդուլի խմբագրիչը բացելու համար կուրսորը սահեցրեք հիերարխիայի տարրերից մեկի վրա և սեղմեք «Mega menu» կոճակը, որը հայտնվում է: Բացվող պատուհանում կցուցադրվի համապատասխան գործիքը, որը դուք հավանաբար տեսել եք վերը նշված հավելվածի տեսանյութի ներկայացման մեջ:

Այստեղ դուք կարող եք, առաջին հերթին, որոշել սյունակների քանակը, ինչպես նաև ավելացնել ցանկացած վիջեթ: Բացի այդ, թույլատրվում է յուրաքանչյուր տարրի չափափոխում: Վիջեթների ընտրությունը թույլատրվում է միայն նավիգացիայի առաջին (հիմնական) մակարդակում: Եթե սեղմում եք «Մեգա մենյու» կոճակը այլ տարրերի դիմաց, ապա միայն սրբապատկերներ և տարբեր հատկություններ սահմանելու համար.

Տեքստը/հղումները թաքցնելը, աշխատասեղանի/բջջայինի վրա հարթեցնելն ու անջատելը շատ է օգտակար հավաքածուգործառույթները։ Ցանկի յուրաքանչյուր տարրում թույլատրվում է սահմանել նմանատիպ տարբերակներ: Հիշեք, որ պահպանեք ձեր փոփոխությունները:

Max Mega Menu Pro և եզրակացություններ

Ընդհանուր առմամբ, այս մշակումն ունի առանձին կայք, բացի պահեստից: Այն պարունակում է մոդուլի բոլոր հնարավորությունների նկարագրությունները, տրամադրում է փաստաթղթեր և դրա փոքր ցուցադրություն, ինչպես նաև հղում դեպի տեխնիկական աջակցություն և ներբեռնումներ: Max Mega Menu Pro-ի առաջադեմ տարբերակի արժեքը, սկզբունքորեն, այնքան էլ բարձր չէ՝ 1/5/99 կայքերի համար այն ձեզ կարժենա համապատասխանաբար $23 / $ 35 / $ 99: Սա ներառում է թարմացում և աջակցություն ամբողջ տարվա ընթացքում: Եթե դուք ծրագրավորող եք, ապա վերցնելով Pro Business License և տեղադրելով plugin-ը 5 կայքերում, դուք կստանաք լուծման ընդհանուր արժեքը = 7 դոլար:

Ինչ է ներառված Max Mega Menu Pro-ում.

Ինտեգրում Google տառատեսակներ, կարգավորումներում FontAwesome և մաքսային պատկերակների առկայությունը։
Աջակցություն ուղղահայաց և մենյուի ակորդեոնի տեսակի համար:
Ընդհանուր պատկերանշան նավիգացիայի + որոնման բլոկում:
Առանձին առարկաների ոճեր.
WooCommerce և EDD աջակցություն:
Կարգավորելի:
Որոնում, պատկերակներ / լոգոներ և HTML շարժական տարրերի համար:
Ավտոմատ թարմացում և առաջնահերթ աջակցություն:

Սովորական դասական կայքերի համար՝ սովորական անվճար տարբերակ Max Mega Menu WordPress-ում, որը շատ լավ է ֆունկցիոնալությամբ: Տարբեր կարգավորումներկան բազմաթիվ. Ինձ դուր եկավ նաև, որ մշակողները աջակցում են իրենց սերունդներին, համեմատաբար արագ շտկում են ընթացիկ սխալները և հոգում կոդի մաքրության/ճիշտության մասին։ Որոշ ժամանակ կպահանջվի ծանոթանալու համար, բայց արժե այն: Որպեսզի ավելի հեշտ լինի հասկանալ, թե ինչպես է աշխատում plugin-ը, դիտեք տեսանյութը և կարդացեք փաստաթղթերը:

WordPress-ում ո՞ր Mega Menu մոդուլներն եք օգտագործում և ինչու: Աշխատե՞լ եք այս լուծման հետ, ի՞նչ կարող եք ավելացնել դրան։

8 րոպե կարդալու համար. Հրատարակված է 01.11.2016թ

ՀեյՄենք շարունակում ենք առանձնացնել WordPress կայքի ամենահետաքրքիր և ամենաօգտակար հավելվածները: Այսօր դուք կիմանաք սուպեր օգտակար հավելվածի մասին, որը թույլ կտա ստեղծել հորիզոնական բացվող մենյու: Բացվող ընտրացանկում կարող եք տեղադրել ցանկացած վիջեթ, տեքստ, խմբագրիչ, լուսանկար, տեսանյութ, ձև, html կոդը:

Դուք կկարողանաք ամբողջությամբ հարմարեցնել մենյուի տեսքը և հարմարեցնել բացվող ընտրացանկը: Հորիզոնական բացվող ցանկում կարող եք ավելացնել մինչև 8 ութ սյունակ: Դուք կարող եք անջատել բացվող ընտրացանկը շարժական սարքեր... Շատ ճկուն փլագին, դուք կարող եք ստեղծել Super menu!

Դուք կարող եք տեղադրել Super Plugin-ը անմիջապես ձեր WordPress-ի ադմինիստրատորի վահանակից: Գնացեք էջ՝ Plugins - Ավելացնել նոր, մուտքագրեք plugin-ի անունը որոնման ձևում, սեղմեք Enter, տեղադրեք և ակտիվացրեք plugin-ը:

Ընդհանուր կարգավորումներ .

– Սեղմեք Իրադարձությունների վարքագիծը,սեղմեք վարքագիծը: Այստեղ դուք ունեք ընտրելու երկու տարբերակ.

Առաջին սեղմումը կբացի ենթացանկը, երկրորդ սեղմումը կփակի ենթացանկը, առաջին սեղմումով բացվում է ենթամենյուն, երկրորդ սեղմումը փակում է ենթամենյուն;
Առաջին սեղմումը կբացի ենթամենյու, երկրորդ սեղմումը կհետևի հղմանը, առաջին սեղմումով բացվում է ենթամենյու, երկրորդ սեղմումով հղման վրա։
Թողնել որպես լռելյայն, ոչինչ չփոխել։

– Բջջային մենյուի վարքագիծ,պահվածքը բջջային մենյուում,

Ստանդարտ - Բաց ենթամենյուները բաց կմնան այնքան ժամանակ, մինչև օգտագործողը փակի, Ստանդարտ - բաց ենթամենյուն բաց կմնա այնքան ժամանակ, քանի դեռ չի փակվել օգտատիրոջ կողմից:
Ակորդեոն - Բաց ենթամենյուներն ինքնաբերաբար կփակվեն, երբ բացվի մյուսը, Ակորդեոն - բաց ենթամենյուն ինքնաբերաբար կփակվի, երբ մյուսը բացվի:

– CSS ելք,թողնել որպես լռելյայն, այստեղ ոչինչ պետք չէ փոխել:

– Ցանկի տարրերի նկարագրություններ,միացնել կամ անջատել ցանկի տարրերի նկարագրությունները:

– Ակտիվ մենյուի դեպքեր,Որոշ թեմաներ նույն էջում մի քանի անգամ կցուցադրեն մենյուի դասավորությունը: Օրինակ՝ ձեր թեման կարող է ցուցադրել մենյուի գտնվելու վայրը հիմնական ցանկից հետո, այնուհետև՝ շարժական մենյուի համար: Այս տարբերակը կարող է օգտագործվել՝ ապահովելու համար, որ Max Mega Menu-ը կիրառելի է միայն այս դեպքերից մեկի վրա:

– .

Մենյուի թեմաներ .

– Ընտրեք թեմա՝ խմբագրելու համար,ահա այն ընտրացանկը, որը դուք պետք է խմբագրեք: Դուք կարող եք ստեղծել և ընտրել այլ ընտրացանկ:

– Թեմայի վերնագիր,մենյուի թեմայի վերնագիրը, թողեք լռելյայն:

– Սլաք,դուք կարող եք ընտրել այն սլաքը, որը հայտնվում է ցանկի տարրում բացվող ընտրացանկով:

– Գծի բարձրությունը,բարձրության գիծ.

– Z ինդեքս, Z ինդեքսը կարելի է թողնել որպես լռելյայն:

– Ստվեր,դուք կարող եք հարմարեցնել ընտրացանկի ստվերը:

– Հովերի անցումներ,միացնել անցումները, երբ սավառնում եք ընտրացանկի տարրերի վրա:

– Վերականգնել վիդջեթի ոճավորումը,անջատել Մեգա մենյուի վիջեթների ոճերը:

Մենյու Բար .

– Մենյու բարձրություն,մենյուի բարձրությունը:

– Մենյու ֆոն,մենյուի ֆոնի գույնը:

– Մենյու լցոնում,պաստառագործության մենյու.

– Մենյու սահմանային շառավիղ,մենյուի եզրագծի շառավիղը.

– Ցանկի տարրերի հավասարեցում,մենյուի տարրերի գտնվելու վայրը.

– Ցանկի տարրի նախապատմություն,մենյուի տարրերի ֆոնի գույնը:

– Ցանկի տարրի ֆոն (սավառնել),մենյուի տարրի ֆոնի գույնը սավառնելիս:

– Ցանկի տարրերի տարածություն,մենյուի տարրերի միջակայք.

– Տառատեսակ,տառատեսակի ընտրանքներ, գույն, չափ, դիրք, ընտանիք և այլն:

– Տառատեսակ (Հովեր),տառատեսակի ընտրանքներ սավառնելիս:

– Ցանկի տարրի լրացում,ցանկի տարրերի լրացում:

– Ցանկի կետի եզրագիծ,ընտրանքներ ցանկի տարրի եզրագծի համար:

– Ցանկի տարրի եզրագիծ (սավառնել),ընտրանքներ ցանկի տարրի եզրագծի համար սավառնելիս:

– Ցանկի կետի սահմանային շառավիղ,ընտրանքներ ցանկի տարրի սահմանային շառավղով:

– Ցանկի տարրի բաժանարար,մենյուի բաժանարար:

– Ընդգծեք ընթացիկ տարրը,ընդգծել ընթացիկ ընտրացանկի տարրը:

Մեգա մենյու .

– Վահանակի ֆոն,բացվող ընտրացանկի ֆոնի գույնը:

– Վահանակի լայնությունը,բացվող պատուհանի լայնությունը:

– Վահանակի լիցք,պաստառագործություն.

– Վահանակի սահման,եզրագծերի գույնը և չափը.

– Վահանակի սահմանային շառավիղ,սահմանի շառավիղը.

– Նյութի լիցքավորում, լրացնելով ցանկի տարրը բացվող ընտրացանկում:

Վիջեթներ .

– Վերնագրի տառատեսակ,բացվող ընտրացանկում վիջեթի վերնագրի տառատեսակի ընտրանքներ:

– Վերնագիր լիցք,վերնագրի լիցք:

– Վերնագրի լուսանցք,նահանջներ վիջեթի վերնագրի սահմաններից:

– Վերնագրի սահման,սահմանային սահմանների ընտրանքներ.

– Բովանդակության տառատեսակ,տառատեսակը վիդջեթի բովանդակության մեջ:

Երկրորդ մակարդակի ընտրացանկի տարրեր .

– Տառատեսակ,երկրորդ մակարդակի ընտրացանկի տարրերի տառատեսակը:

–Տառատեսակ (Հովեր),տառատեսակը սավառնելիս:

– Ֆոնային (Հովեր),ֆոնի գույնը սավառնելիս:

– Լիցք,պաստառագործություն.

– Լուսանցք,նահանջ.

– սահման,սահման, սահման.

Երրորդ մակարդակի ընտրացանկի տարրեր ... Նույն կարգավորումները, միայն երրորդ մակարդակի ընտրացանկի տարրերի համար:

Թռիչքի ընտրացանկերը .

– Մենյու ֆոն,երկրորդ կամ երրորդ մակարդակի բացվող ընտրացանկի ֆոնի գույնը:

– Ցանկի լայնությունը,մենյուի լայնությունը.

– Մենյու լցոնում,պաստառագործություն.

– Մենյու սահման,սահմանը.

– Մենյու սահմանային շառավիղ,սահմանի շառավիղը.

– Նյութի նախապատմություն,ցանկի տարրի ֆոնի գույնը:

– Նյութի ֆոն (սավառնել),սավառնելիս նյութի ֆոնի գույնը:

– Նյութի բարձրությունը,մենյուի տարրի բարձրությունը.

– Նյութերի լիցքավորում,պաստառագործության առարկա:

– Նյութի տառատեսակ,ընտրացանկի տարրի տեքստի տառատեսակը:

– Նյութի տառատեսակ (Հովեր),տառատեսակը սավառնելիս:

– Նյութերի բաժանարար,իրերի բաժանարար:

Բջջային մենյու .

– Toggle Bar Designer,ահա թե ինչպես է մենյուի տեսքը շարժական սարքերում:

– Պատասխանատու ընդմիջման կետ,լայնությունը շարժական մենյու գնալու համար:

– Փոխարկել բարի ֆոն,շարժական մենյուի բաց կոճակի ֆոնի գույնը:

– Անջատել շարժական անջատիչը,դուք կարող եք անջատել ընտրացանկի անջատիչը:

– Փոխարկել գծի բարձրությունը,շարժական մենյուի անջատիչի բարձրությունը:

– Մեգա մենյուի սյունակներ,քանի սյունակ կա բջջային կայքի բացվող ընտրացանկում:

– Մենյու ֆոն,բջջային մենյուի ֆոնի գույնը:

– Ցանկի տարրի բարձրությունը,մենյուի տարրի բարձրությունը.

Պատվերով ոճավորում... Այստեղ դուք կարող եք ավելացնել ձեր սեփական CSS ոճերը ցանկի համար:

– Պահպանեք ձեր փոփոխությունները.

Մենյուի վայրեր .

- այստեղ դուք կարող եք ստեղծել մենյուի տարածքներ, որտեղ հետագայում կարող եք մենյու ավելացնել: Ցանկի համար տարածք ստեղծելու համար կտտացրեք կոճակին - Ավելացնել ընտրացանկի մեկ այլ տեղ:

Ցանկի տարածքկարող եք ավելացնել կայք՝ օգտագործելով կարճ կոդ կամ php կոդ:

Էջում՝ Արտաքին տեսք - Մենյու - Տարածքի կառավարում, դուք կկարողանաք մենյու ավելացնել տարածքի համար:

Գործիքներ .

– Քեշ,այստեղ դուք կարող եք մաքրել CSS քեշը, անհրաժեշտ չէ, քեշը ավտոմատ կերպով մաքրվում է ամեն անգամ, երբ մենյուը պահպանվում է:

– Plugin տվյալների,ջնջել բոլոր plugin-ի տվյալները, որոնք պահվում են WordPress տվյալների բազայում: Միայն եթե plugin-ը հեռացվի:

– Արտահանման թեմա,դուք կարող եք արտահանել մեգա մենյուի թեման JSON կամ PHP ձևաչափով:

– Ներմուծման թեմա,կարող եք ներմուծել մեգա մենյուի թեման:

– Միացնել,ստուգեք վանդակն այստեղ՝ մեգա ընտրացանկը միացնելու համար:

– Իրադարձություն,այստեղ կարող եք ընտրել, թե ինչպես կբացվի բացվող ընտրացանկը:

– Էֆեկտ,դուք կարող եք ընտրել էֆեկտ բացվող ցանկի համար:

– Թեմա,լռելյայն ընտրացանկի թեմա:

Մեգա մենյուը միացնելուց հետո,Էջի յուրաքանչյուր վիջեթում, սավառնելիս, կհայտնվի կոճակ՝ Mega Menu: Սեղմեք այս կոճակի վրա՝ այս ցանկի տարրի համար բացվող ընտրացանկը կարգավորելու համար:

Հետագայում,պատուհան կբացվի. Վերևի աջ մասում սեղմեք լայն դաշտի վրա՝ վիջեթ ընտրելու և այն ցանկի մեջ ավելացնելու համար: Վերևի աջ մասում դուք կարող եք ընտրել, թե քանի սյունակ կլինի բացվող ընտրացանկում: Վիջեթները կարող են բաշխվել բացվող վահանակի վրա, կարող եք նշել, թե վիջեթի որ մասը կզբաղեցնի, օրինակ՝ 1/2 կամ 1/3: Կտտացրեք ձախ և աջ սլաքների վրա՝ ցույց տալու համար, թե որքան է վիջեթը կզբաղեցնի:

Վիջեթը բացելու և հարմարեցնելու համար,դրան ավելացրեք որոշակի բովանդակություն և այլն, վիջեթի աջ կողմում, սեղմեք ստեղնի պատկերակի վրա: Անհատականացրեք վիջեթը և պահպանեք այն:

– Թաքցնել տեքստը,թաքցնել տեքստը ցանկի տարրից:

– Թաքցնել նետը,թաքցնել սլաքը.

– Թաքցնել տարրը բջջայինով,թաքցնել ընտրացանկի տարրը շարժական սարքերում:

– Թաքցնել տարրը աշխատասեղանի վրա,թաքցնել ընտրացանկի տարրը համակարգիչների վրա:

– Ցանկի տարր Հավասարեցում,ցանկի տարրի գտնվելու վայրը.

– Ենթացանկի հավասարեցում,երկրորդ մակարդակի մենյուի գտնվելու վայրը.

– Թաքցնել ենթացանկը բջջայինում,թաքցնել երկրորդ մակարդակի ընտրացանկը բջջային սարքերում:

– Պահպանել փոփոխությունները.

Ամեն ինչ պատրաստ է:Պահպանեք ընտրացանկը, գնացեք կայք և վայելեք արդյունքը:

Ուշադրություն.Մեգա ընտրացանկը միացնելուց հետո ձեր լռելյայն ընտրացանկի ոճն ամբողջությամբ կփոխվի: Դուք պետք է հարմարեցնեք մենյուի ոճը կարգավորումներում՝ ներդիրում «Մենյուի թեմաներ».

Դեռ ունե՞ք հարցեր: Գրե՛ք մեկնաբանություն։ Հաջողություն!

Հեյ Ինչպես միշտ, իմ կյանքում շատ իրադարձություններ են տեղի ունենում, ուստի բլոգի համար ժամանակ գտնելը շատ դժվար է։ Երեկ մենք Շրի Լանկայի տոմսեր գնեցինք և շուտով մեկնում ենք 4 ամսով, համեցե՛ք։ Իսկ հիմա փնտրում եմ ամենագեղեցիկ հարսանյաց զգեստը :))
Այսօր մենք կխոսենք այն մասին, թե ինչպես ստեղծել մենյու WordPress-ում, ինչպես նաև ավելացնել այս բլոկները կաղապարի կամայական հատվածներում:
Մենք կսովորենք, թե ինչպես հարմարեցնել մենյուն և խմբագրել այն մեր ցանկությամբ:

WordPress-ում մենյուների խմբագրում և հարմարեցում

Նախ, եկեք նայենք բլոգի ադմինիստրատորի վահանակում մեզ հասանելի ֆունկցիոնալությանը: հետ համատեղելի նոր կաղապարներում վերջին տարբերակները WordPress-ը, մենյուի ցուցադրումը բավականին պարզ է, և հարմարեցումը այնքան էլ դժվար չէ:

Այն բանից հետո, երբ մենք ստեղծեցինք մանկական թեմա, որը կարող է փոփոխվել՝ առանց հիմնական թեմայի վրա ազդելու, դրա ֆունկցիան.php ֆայլում ավելացրեք հետևյալ գործառույթը:

1 2 3

register_nav_menus (զանգված ("լրացուցիչ ընտրացանկ" => __ ("Լրացուցիչ ընտրացանկ", «Ձեր թեմայի անունը» ) ) ) ;

register_nav_menus (զանգված («լրացուցիչ մենյու» => __ («Լրացուցիչ ընտրացանկ», «Ձեր թեմայի անունը»)));

Եթե դուք չեք ստեղծում մանկական թեմա, ապա մենք այն ավելացնում ենք ձեր թեմայի հիմնական ֆունկցիայի ֆայլում:

Այս ֆունկցիան թույլ կտա մեզ ավելացնել լրացուցիչ մենյու WordPress-ը մեր ձևանմուշի մեջ և դրա համար մեկ այլ տարածք կստեղծի:

Ավելացնելուց հետո անցեք «Կառավարել տարածքները» ադմինիստրատորի վահանակ.

Լրացուցիչ թեմայի տարածք պետք է հայտնվի այն անունով, որը մենք դրել ենք ֆունկցիայի մեջ:

Սեղմեք «Օգտագործել նոր ընտրացանկը», եթե ցանկանում եք փոխել բաժինները լրացուցիչ տարածքի համար, կամ ընտրեք «Տուն»: Այնուհետև նոր տարածքը կցուցադրի նույն բաժինները, ինչ Հիմնական ընտրացանկում:

Մեր դեպքում մենք ստեղծում ենք նոր մենյու, որը կոչվում է Լրացուցիչ.

Ընտրեք «Լրացուցիչ ընտրացանկ» թեմայի տարածքը դրա համար:

Բայց հիմա մենք պետք է կապենք այս տարածքը կաղապարի բլոկների հետ: Օրինակ, մենք պետք է լրացուցիչ մենյու պատրաստենք WordPress կայքի վերնագրի տակ: Գնացեք header.php ֆայլ կամ պատճենեք այն մանկական թեմայով: Մարմնի պիտակից հետո ավելացրեք հետևյալը.

1 2 3

<div id = "լրացուցիչ ընտրացանկ"> (զանգված («theme_location» =>«լրացուցիչ ընտրացանկ»)); ?></ div>

«լրացուցիչ ընտրացանկ»)); ?>

Տեսնենք արդյունքը.

Մենք ունենք լրացուցիչ մենյու վերնագրի վերևում: Այժմ մենք պետք է ոճավորենք այն, դասավորենք տարրերը գծի վրա և տեղափոխենք բլոկը վերնագրի տակ:

Մենք կատարում ենք հետևյալ փոփոխությունները style.css ֆայլում.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

#additionalmenu navigation (լայնությունը՝ 940px; / * տարայի լայնությունը * /լուսանցք: 0 ավտոմատ; ) #additionalmenu li (ցուցադրում՝ inline; padding՝ 10px; / * padding * / margin՝ 20px 0;) #additionalmenu (լայնությունը՝ 100%, վերև՝ 420px; / * Վերևի լուսանցք * /ֆոնի գույնը՝ # 000; / * ֆոնի գույնը * / դիրքը` հարաբերական; )

#additionalmenu nav (լայնությունը՝ 940px; / * բեռնարկղի լայնությունը * / լուսանցք՝ 0 auto;) #additionalmenu li (ցուցադրում՝ ներդիր; ներդիր՝ 10px; / * padding: 10px; / * padding: 20px 0;) #additionalmenu (լայնությունը՝ 100% վերև՝ 420 px; / * Վերևի լուսանցք * / ֆոնի գույնը՝ # 000; / * ֆոնի գույնը * / դիրքը՝ հարաբերական;)

Տեսնենք, թե ինչ եղավ.

Մեր ստեղծած մենյուի ցուցադրումը դեռ հեռու է իդեալական լինելուց, բայց անհրաժեշտության դեպքում կարող եք այն բերել ձեր բլոգի համապատասխան ձևին:

Վիդջեթներ և պլագիններ WordPress-ում մենյու ավելացնելու համար

Առաջարկում եմ դիտել WordPress-ում մենյու ստեղծելու մասին տեսանյութ.

Հոդվածում նշված էր Custom Menu-ի վիդջեթը: Եկեք վերլուծենք այն ավելի մանրամասն:

Գնացեք «Արտաքին տեսք» - «Վիջեթներ», գտեք «Պատվիրված ընտրացանկ» վիջեթը և քաշեք այն ձեր թեմայի համար հասանելի և բլոգի համար հարմար տարածք.

Մեր դեպքում մենյուի բլոկը ավելացվել է կողային տողում: Դրա համար մենք ընտրել ենք մեր ստեղծած Լրացուցիչ բլոկի բաժինները։

Համապատասխանաբար, հետևյալ բլոկը կցուցադրվի աջ կողմում գտնվող կողային տողում.

Բացի թեմայի մեջ ներկառուցված ստանդարտ վիջեթից, կան նաև բազմաթիվ լրացուցիչ պլագիններ, որոնք նախատեսված են տարբեր տեսակի մենյու ստեղծելու համար՝ ուղղահայաց, հորիզոնական, բացվող և այլն:

Օրինակ, ահա WordPress-ում ուղղահայաց բազմամակարդակ մենյու ստեղծելու համար նախատեսված հավելված՝ Navgoco ուղղահայաց բազմամակարդակ սլայդ մենյու:

Կամ առաջադեմ անհատականացման բացվող ընտրացանկի վիդջեթը:

Հայտնի են նաև jQwery էֆեկտներով վիջեթները մենյուների համար, օրինակ՝ jQuery Slick Menu Widget:

Եկեք օրինակ վերցնենք, թե ինչպես է այն աշխատում:

JQuery Slick Menu Widget-ը տեղադրելուց հետո անցեք Արտաքին տեսք - Վիջեթներ:

Մեր կողմից տեղադրված նորը պետք է հայտնվի հասանելի վիջեթների ցանկում։ Մենք այն տեղափոխում ենք հասանելի տարածք, մեր դեպքում՝ կողագոտ.

Մենք բացահայտում ենք դրա կարգավորումները.

Մենք ընտրում ենք մենյուի անունը (մեր ստեղծած բաժինները), Tab Text - բլոկի անվանումը, որը կցուցադրվի կայքում, տեղադրումը (ընտրեք Ձախ - ձախ կողմում), Օֆսեթ - վերին եզրից շեղումը: պիքսելներով, անիմացիայի արագություն - անիմացիայի արագություն (արագ): Դուք կարող եք ընտրել Auto-Close Menu-ը, որպեսզի արգելափակումն ինքնաբերաբար անհետանա: Եվ ընտրեք բլոկի գույնը: Սեղմեք պահպանել և տեսնել արդյունքը.