Meniul Max Mega este un plugin multifuncțional WordPress. Plugin WP Mega Meniu: Funcționalitate, Instalare, Setare completă și meniul mobil

Meniul principal mega. Acesta este un plugin pentru crearea rapidă MENU pentru WordPress. Are funcții speciale care facilitează acest lucru.

Meniuri lipicioase și drop-down, insigne, logo și căutare.
O varietate de culori. Și puteți modifica culoarea oricărei opțiuni din meniu. În plus față de culori, sunt utilizate și gradientele, imagini de fundal. și imagini.
Conținutul are până la 10 variații. De asemenea, puteți pune conținut în meniul derulant. Poate avea totul de la referințe la imagini și coduri scurte.
În meniul site-ului, puteți utiliza până la 1600 de pictograme. Aceste icoane au vector grafic Prin urmare, ele nu necesită volume și permise mari. Acest lucru îi va permite să fie utilizat chiar pe un telefon mobil.
Fonturile au, de asemenea, variațiile lor diferite. Poate utiliza 600 de fonturi Google care pot fi configurate cu ușurință în setările plug-in.

Pluginul este stabilit prin metoda obișnuită, precum și toate programele și dificultățile nu apar. După ce ați activat-o, atunci trebuie să mergeți la meniul principal. În acest meniu din partea stângă veți vedea patru opțiuni. Aceasta este opțiunea principală cu setări partajate, apoi opțiunea de apariție a paginii numite skin-uri, care modifică culoarea, fontul etc., de asemenea, două ultimele opțiuni sunt comunicarea cu suportul și setări speciale Pentru profesioniști.

În opțiunile generale Există trei opțiuni în care este primară, mobile_menu, secundar. Secțiunea primară servește pentru setări toate valorile principale ale meniului. De exemplu, acolo puteți seta înălțimea, netezirea pictogramelor, configurați imaginea logo-ului. În Misiuni secundare, aceste setări sunt redate separat.

În setările de skin Există, de asemenea, trei variații ale setărilor. primar., suplimentar, subsol.. În prima versiune, putem configura fundalul containerului primar și alegem un aspect orizontal, vertical și radial. Apoi fontul primului punct etc.

În parametrii specifici, puteți stabili o revizuire dispozitive portabile. Apoi puteți seta rezoluția și stilul ecranului.

Ultima opțiune este de a configura structura site-ului. Aici alegeți ce opțiune să activați și ce să dezactivați.

Deci, acesta este un meniu excelent de plug-in care vă poate transforma subiectul. Cu aceasta, îl puteți umple cu ușurință cu pictograme, imagini și alte elemente. Principalul lucru, calitatea sa este că are o funcționalitate ușoară. Spre deosebire de altele magina principală Meniu Plugins Are un efect nesemnificativ asupra sitului.

În măsura în care înțeleg, sub termenul mega mega în Wordpress implică un bloc uriaș supernuncțional, cu o mulțime de elemente diferite: liste, imagini, texte, glisoare etc. Cu siguranță te-ai întâlnit. Uneori de a publica o selecție deplină pe această temă, dar astăzi va fi despre o soluție foarte beton - pluginul Meniu Max Mega. Am ales-o așa cum a fost deja testată în muncă, adesea cade pe listele, plus că există una dintre cele mai inteligente și mai dezvoltate versiuni gratuite (Lite).

Imediat după instalarea menei Max Mega în WordPress, navigarea standard este convertită într-un mecanism mai puternic și funcțional, cu posibilitatea de a adăuga tot felul de widget-uri, un editor convenabil și o grămadă setari aditionale. Descărcați pluginul de aici sau căutați-l prin administratorul WP.

Pe acest moment Versiunea minimă necesară a sistemului este de 3,8, funcționează până la ultima 4.8.3. Descărcați aproximativ 100 de mii. Îmi place că în ultimele 2 luni aproape 70 de bug-uri diferite de la 89 au fost corectate, ceea ce indică o bună activitate a dezvoltatorilor.

Caracteristici principale și chips-uri max mega Meniu

Sunt acceptate mai multe locuri de plasare, pentru fiecare dintre care puteți alege parametrii dvs.;
Lucrați ușor cu elemente de navigare prin Drag & Drop.
Adăugând.
Există un editor de decorare convenabil.
Adăugarea oricăror widget-uri: imagini, texte, liste etc.
Condiție de condiționare: Când faceți clic pe.
Submeni Efecte de ieșire: plecare, aspect / atenuare etc.
Diferite opțiuni suplimentare pentru ascunderea textului / link-urilor sau opririi versiune mobila. Ultimul element va contribui la simplificarea creării unui separat.
Alinierea pentru elementele de meniu.

Pentru a înțelege cât de cool este răcoros și convenabil, vă sfătuiesc că vă uitați la următorul videoclip:

În plus, dezvoltatorii se pot lăuda foarte corect și se pot aborda corect crearea deciziei lor. WordPress Max Mega Meniu este un produs cu adevărat de înaltă calitate, aici sunteți un lot de confirmări:

toate designul este setat folosind unul Fișier CSS.În cazul în care proprietatea "faimoasă" a importantă nu este utilizată deloc;
suport pentru retină, adaptabilitate, declanșare pe smartphone-uri și tablete (testate în aproape toate browserele desktop existente și mobile);
codul pur, scripturile JS cu gzipped vor ocupa mai puțin de 2KB;
suport pentru diferite filtre / cârlige;
documentație detaliată + Spre deosebire de multe alte plug-in-uri, forumul este acceptat suficient.

Configurarea și lucrul cu meniul Max Mega

Imediat după instalare, secțiunea apare în administrator. În "Setări de bază" puteți corecta mai multe opțiuni cu privire la comportamentul submeniului, dispozitivelor mobile etc. "Temele" arata mai interesant.

Iată 6 file cu chipsuri diferite:

Principal - Alegeți tipul de săgeți, umbra, înălțimea liniei etc.
Bara de meniu - Înregistrarea unității principale: fundaluri, liniuțe, fonturi, îndrumare.
Mega Menus - stiluri și setări mega mega.
Drop-down - similar cu restul setului de stiluri.
Meniu mobil - Dimensiunea ecranului pentru declanșarea și alte opțiuni de meniu mobil.
Design personalizat - Adăugați stilurile dvs. CSS.

După ce parametrii de bază sunt specificați, mergeți la secțiunea de administrare WP " Aspect"-" Meniul ".

Trebuie să selectați meniul pe care doriți să îl lucrați și apoi în setările sale, puneți o cutie de lângă "Inclusive". Activarea menei Max Mega în WordPress va funcționa numai când zona de afișare este specificată în șablon (capac, subsol, bara laterală etc.). Există, de asemenea, parametri ai efectelor și evenimentelor evenimentului.

Pentru a deschide editorul modulului pentru a aduce cursorul la unul dintre elementele ierarhiei și apăsați pe butonul "Mega Menu" apărut. În fereastra pop-up, va fi afișat un instrument adecvat pe care îl puteți vedea în prezentarea video a pluginului de mai sus.

Aici puteți, în primul rând, să determinați numărul de coloane și să adăugați orice widget-uri. În plus, este permisă modificarea dimensiunii fiecărui element. Puteți alege widget-urile permise numai în primul nivel de navigare (principal). Dacă faceți clic pe butonul MEGA MENU, opus altor elemente, numai pentru sarcina de pictograme și proprietăți diferite:

Ascundeți textul / link-ul, alinierea și deconectarea pe Dexte / Mobile - foarte set util Funcții. Este permisă specificarea acestor opțiuni în fiecare element de meniu. Nu uitați să salvați modificările.

Meniul Max Mega Pro și concluzii

În general, această evoluție, cu excepția depozitului, are un loc separat. Există descrieri colectate ale tuturor capabilităților modulului, documentația prezentată și demo-ul său mic și există o legătură cu suportul și încărcare tehnică. Costul versiunii avansate a Max Mega Menu Pro, în principiu, nu atât de mare - pentru site-urile 1/5/99, vă va costa 23 $ / $ 35 / $ 99 de dolari, respectiv. Acestea includ actualizări și suport pentru anul respectiv. Dacă sunteți un dezvoltator, luați o licență de afaceri pro și instalarea unui plugin pe 5 site-uri, obțineți valoarea finală a soluției \u003d 7 dolari!

Ceea ce este inclus în Meniu Max Mega Pro:

Integrare Google Fonturi., Disponibilitate fontawesome și pictograme personalizate în setări.
Suport meniul Tip vertical și acordeon.
Logo-ul partajat în navigație + bloc de căutare.
Stiluri de articole individuale.
WOOCOMMERCE și suport EDD.
Capacitatea de a personaliza.
Căutați, icoane / logo și HTML pentru elemente mobile.
Actualizare automată și suport prioritar.

Pentru site-urile clasice obișnuite, este suficient de obișnuit versiune gratuită. Meniul Max Mega în WordPress, care este foarte bun pentru funcționalitate. Setări diferite Sunt multe de aici. De asemenea, a plăcut, de asemenea, că dezvoltatorii sprijină creierul lor, relativ repede corectează bug-urile curente și grija de codul de puritate / corect. Cunoașterea va trebui să petreacă ceva timp, dar merită. Pentru a face mai ușor să se ocupe de activitatea plugin-ului - vizionați videoclipul și citiți documentația.

Și ce module mega mega în WordPress folosiți și de ce? A lucrat cu această decizie pe care o puteți adăuga?

Citiți 8 min. Postat pe 11/01/2016.

Hei! Continuăm să dezasamblați cele mai interesante și mai utile pluginuri pentru WordPress! Astăzi veți afla despre un plugin super util care vă va permite să creați un meniu derulant orizontal. Puteți introduce orice widget-uri, text, editor, fotografie, video, formulare, cod HTML în meniul derulant.

Puteți configura pe deplin aspectul meniului și configurați meniul derulant. Puteți adăuga la meniul derulant orizontal la 8 opt coloane. Puteți dezactiva meniul derulant pentru dispozitive mobile. Plugin foarte flexibil, puteți face un super meutar!

Instalați pluginul Super puteți direct de la panoul de administrare WordPress. Accesați: Plugins - Adăugați New, Introduceți numele plug-in-ului în formularul de căutare, apăsați Enter, Instalați și activați pluginul.

setari generale .

– Faceți clic pe Comportamentul evenimentului, Comportament atunci când faceți clic. Aici aveți două opțiuni pentru alegere:

În primul rând, faceți clic pe un submeniu, al doilea clic va închide submeniul, Primul clic deschide submeniul, al doilea clic inchide submeniul;
În primul rând, faceți clic pe un submeniu, al doilea clic va urma linkul, Primul clic deschide submeniul, al doilea click pe link.
Lăsați implicit, nu schimbați nimic.

– Comportamentul meniului mobil, Comportament pe meniul mobil,

Standardul standard - Submeniurile deschise vor rămâne deschise până la închidere de către utilizator, Submeniul standard - deschis va rămâne deschis până când utilizatorul o închide.
Acordeon - sub meniuri deschise se va închide automat atunci când altul este deschis, Submeniul deschis - deschis se va închide automat când altul este deschis.

– Ieșire CSS, Lăsați implicit, nimic nu trebuie schimbat aici.

– Denumirea elementului de meniu, Activați sau dezactivați descrierea pentru elementele de meniu.

– Cazuri de meniu activă Unele subiecte vor afișa locația meniului de mai multe ori pe o singură pagină. De exemplu, subiectul dvs. poate afișa aranjamentul de meniu după meniul principal, apoi din nou pentru meniul mobil. Acest parametru poate fi utilizat pentru a vă asigura că meniul max mega mega se aplică numai unul dintre aceste instanțe.

– .

Temele de meniu. .

– Selectați tema pentru a edita, Iată meniul pe care îl veți edita. Puteți crea și selecta un alt meniu.

– Titlul tematic, Titlul temei de meniu, lăsați implicit.

– Săgeată Puteți selecta o săgeată care este afișată în elementul de meniu cu meniul derulant.

– INALTIMEA LINIEI, Linia de înălțime.

– Z index, Indicele indicator z poate fi lăsat în mod implicit.

– Umbră Puteți configura umbra meniului.

– Trecerea de trecere, Activați tranzițiile când locuiți pe elementele de meniu.

– Resetați stilul widget, Dezactivați stilurile de widget MEGA MENU.

Bară de meniu. .

– Înălțimea meniului, Înălțimea meniului.

– Contextul meniului, Culoarea fundalului meniului.

– Meniu Padding, Meniul de tapițerie.

– Raza de frontieră de meniu, Raza de la marginea meniului.

– Elemente de meniu aliniază, Localizarea elementelor de meniu.

– Element de meniu Fundal, Elementele de meniu Culoarea fundalului.

– Element de meniu Fundal (Hover), Element de meniu Culoare fundal.

– Element de meniu Spațierea, Intervalul elementelor de meniu.

– Font. Font, culoare, dimensiune, locație, familie etc.

– Font (hover), Parametrii de font atunci când se plimbă.

– Element de meniu Padding, Elementele de meniu de tapițerie.

– Frontiera elementului de meniu, Parametrii limită al elementului de meniu.

– Elementul de meniu Frontieră (hover), Parametrii punctului de meniu când se deplasează.

– Element de meniu Raza de frontieră, Parametrii razei din elementul de meniu.

– Element de meniu divizor, Separator de meniu.

– Evidențiați elementul curent, Permiteți elementul de meniu curent.

Meniul mega. .

– Fundalul panoului, Meniul derulant color de fundal.

– Lățimea panoului, Lățimea ferestrei meniului derulant.

– Panoul de umplere, tapiţerie.

– Frontiera panoului, Culoarea și dimensiunea frontierelor.

– Radius de frontieră panoului, Raza frontierei.

– Pantofi de umplere., Tapițeria elementului de meniu în meniul derulant.

Widget-uri. .

– Font de rubrică, Parametrii fontului titlului widget în meniul derulant.

– Plăcuța de căptușeală, Antet de tapițerie.

– Marja de rubrică, Indicații din limitele antetului widget.

– Frontiera antetului, Parametrii de frontieră Bordeur.

– Conținut font, Font în conținutul de widget.

Elemente de meniu al doilea nivel .

– Font. Fontul elementelor de meniu al doilea.

– Font (hover), Font când se deplasează.

– Fundal (hover), Culoarea fundalului când se deplasează.

– Padding. tapiţerie.

– Marja. Indicele.

– FRONTIERĂ, Frontiera, granița.

Elemente de meniu al treilea nivel . Aceleași setări numai pentru elementele de meniu de nivel al treilea.

Meniuri de la Flyout. .

– Contextul meniului, Culoarea de fundal a meniului care se încadrează al celui de-al doilea sau al treilea nivel.

– Lățimea meniului, Lățimea meniului.

– Meniu Padding, tapiţerie.

– Frontiera de meniu, Granita.

– Raza de frontieră de meniu, Raza frontierei.

– Element de fundal, Culoarea fundalului de meniu.

– Element de fundal (hover), Punctul de fundal de culoare când se află în mișcare.

– Înălțimea articolului, Articol din meniu.

– Articole de umplere, Tapiţerie.

– Element font, Font text în elementul de meniu.

– Element font (hover), Font când se deplasează.

– Divider de element, separator de element.

Meniu mobil. .

– Comutator Bar Designer, Aici se arată în ce privește meniul pe dispozitivele mobile.

– Punctul de întrerupere receptiv Lățime pentru a merge la meniul mobil.

– Toggle bara de fundal, Butonul de deschidere a fundalului de culoare Meniu mobil.

– Dezactivați comutarea mobilă, Puteți dezactiva comutatorul de meniu.

– Toggle înălțime bar, Înălțimea comutatorului de meniu mobil.

– MEGA MENU Coloane, Câte coloane din meniul derulant de pe site-ul mobil.

– Contextul meniului, Culoarea fundalului meniului mobil.

– Înălțimea elementului de meniu, Articol din meniu.

Styling personalizat.. Aici puteți adăuga stilurile dvs. CSS pentru meniu.

– Salvați modificările făcute.

Locații de meniu .

- Aici puteți crea o zonă de meniu, în care puteți adăuga un meniu. Pentru a crea o zonă pentru meniu, faceți clic pe butonul Adăugați un alt buton de locație.

Zona de meniu. Puteți adăuga la site-ul utilizând un cod scurt sau un cod PHP.

Pe pagina: Aspect - Meniu - Regiunile de managementPuteți adăuga un meniu pentru zonă.

Instrumente. .

– Cache Aici puteți șterge cache CSS, nu este necesar, cache-ul este curățat automat de fiecare dată când meniul este salvat.

– Datele plugin, Ștergeți toate plug-in stocate în baza de date WordPress. Numai în caz de îndepărtare a pluginului!

– Export Tema Puteți exporta subiectul megiei în format JSON sau PHP.

– Import Tema Puteți importa tema mega megrie.

– Permite Puneți o bifă aici pentru a activa mega mega.

– Eveniment Aici puteți alege modul în care se va deschide meniul derulant.

– Efect, Puteți selecta efectul pentru meniul derulant.

– Temă Tema meniului, implicit.

După pornirea megiei, În fiecare widget al paginii, când va apărea un buton - mega mega. Faceți clic pe acest buton pentru a configura meniul derulant pentru acest element de meniu.

Mai departe, Veți avea o fereastră. În partea de sus a dreptului, faceți clic pe un câmp larg pentru a selecta widgetul și a le adăuga în meniu. În partea de sus a dreptului puteți alege câte coloane din meniul derulant. Widget-urile pot fi distribuite pe panoul drop-down, puteți specifica care parte a widgetului va dura exemplul 1/2 sau 1/3. Faceți clic pe săgeți în dreapta și la stânga pentru a specifica ce parte va ocupa widgetul.

Pentru a deschide și a configura widgetul, Adăugați orice conținut la acesta etc., chiar în widget, faceți clic pe pictograma cheie. Configurați widgetul și salvați-l.

– Ascundeți textul Ascundeți textul din elementul de meniu.

– Ascundeți săgeata Ascundeți săgeata.

– Ascundeți elementul pe telefonul mobil, Ascundeți elementul de meniu pe dispozitivele mobile.

– Ascundeți elementul pe desktop, Ascundeți elementul de meniu pe computere.

– Elementul de meniu aliniați, Locația elementului de meniu.

– Submeniul submeni, Localizarea meniului al doilea nivel.

– Ascundeți submeniul pe Mobile, Ascundeți meniul de nivel al doilea pe dispozitivele mobile.

– Salvați modificările.

Totul este gata! Salvați meniul, mergeți la site și bucurați-vă de rezultat!

Atenţie! După pornirea mega, stilul dvs. implicit va fi complet modificat. Va trebui să configurați stilul de meniu în setări, în fila "Teme de meniu".

Aveți întrebări? Scrie un comentariu! Noroc!

Hei! În viața mea, ca întotdeauna există o mulțime de evenimente, deci este foarte dificil să sculuați timpul pentru blog. Ieri am cumpărat bilete la Sri Lanka și am distrus în curând timp de 4 luni, vin să viziteze! Și acum caut cele mai frumoase rochii de nunta :))
Astăzi vom vorbi despre cum să creați un meniu în WordPress, precum și să adăugați blocuri de date în zonele arbitrare ale șablonului.
Vom învăța să personalizăm meniul și să o editați la discreția dvs.

Editarea și configurarea meniului în WordPress

Pentru a începe cu, vom analiza funcționalitatea disponibilă în panoul blog. În șabloane noi compatibile cu versiuni recente WordPress, ieșirea din meniu este destul de simplă, iar setarea nu este deosebit de dificilă.

După ce am creat o filială, în care puteți efectua modificări fără a aduce atingere subiectului principal, adăugați următoarea funcție în fișierul său Function.php.

1 2 3

Register_nav_Menus (matrice ("suplimentaremenu" \u003d\u003e __ ("Meniu suplimentar", "Titluază subiectul" ) ) ) ;

register_Nav_Menus (matrice ("suplimentarmenu" \u003d\u003e __ ("Meniu suplimentar", "Titlul dvs.")));

Dacă nu creați o filială, adăugați-o în fișierul principal al funcției dvs. din subiectul dvs.

Această caracteristică ne va permite să adăugăm meniu suplimentar WordPress în șablonul nostru și creați o altă zonă pentru el.

După adăugarea, accesați administratorul în "Managementul regiunilor":

Ar trebui să existe o zonă suplimentară a subiectului cu titlul pe care l-am specificat în funcție.

Faceți clic pe "Utilizați un nou meniu" dacă vrem să modificăm secțiunile pentru o zonă suplimentară sau să selectați "Acasă". Apoi, aceleași secțiuni vor fi afișate în noua zonă ca în meniul primar.

În cazul nostru, creați un nou meniu numit suplimentar:

Alegem zona subiectului "Meniu suplimentar" pentru acesta.

Dar acum trebuie să legăm această zonă cu blocurile șablonului. De exemplu, trebuie să facem un meniu suplimentar sub capacul site-ului pe WordPress. Mergem la fișierul header.php sau copiați-l la o filială. După eticheta corpului, adăugați următoarele:

1 2 3

<div id \u003d "suplimentarmenu"\u003e (Matrice ("temă_locație" \u003d\u003e "Suplimentarmenu")); ?\u003e.</ Div\u003e

"Suplimentarmenu")); ?\u003e.

Arătăm rezultatul:

Avem un meniu suplimentar deasupra pălăriei. Acum trebuie să întrebăm stilurile pentru el, să alinam elementele din șir și să trageți blocul sub pălărie.

Introducem următoarele modificări ale stilurilor Style.Css:

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

#additionalmenu nav (lățime: 940px; / * Lățimea recipientului * / Marja: 0 Auto; ) #additionalmenu Li (display: inline; Hatding: 10px; / * Indedere * / margine: 20px 0;) #additionalmenu (lățime: 100%; top: 420px; / * Liniuță din partea de sus * / Culoare de fundal: # 000; / * Culoare fundal * / poziție: rudă; )

#ADTH: 940PX; / * Lățimea containerului * / margine: 0 Auto; 420px; / * indentare din marginea superioară * / fundal-culoare: # 000; / * fundal culoare * / poziție: rudă;)

Ne uităm la ceea ce sa întâmplat:

Afișarea meniului creat de noi este încă departe de ideal, dar, cu datorat, îl puteți aduce pe blogul dvs. care se potrivește cu blogul dvs.

Widget-uri și pluginuri pentru a adăuga un meniu în WordPress

Vă ofer video despre crearea unui meniu în WordPress:

Articolul despre widgetul "Meniu arbitrar". O vom analiza mai detaliat.

Mergem prin "aspectul" - "widget-uri", găsim widgetul "meniului arbitrar" și trageți-l în zona disponibilă pentru subiectul dvs. și zona potrivită pentru blog:

În cazul nostru, blocul de meniu a fost adăugat în bara laterală. Pentru el, am ales secțiunile create de noi prin blocul suplimentar.

În consecință, în panoul lateral din dreapta, vom arăta următorul bloc:

În plus față de widgetul standard încorporat, există, de asemenea, multe pluginuri suplimentare destinate creării diferitelor tipuri de meniuri: vertical, orizontal, drop-down etc.

Aici, de exemplu, un plugin pentru a crea un meniu vertical cu mai multe niveluri în WordPress: Meniul de diapozitive pe mai multe niveluri NAVGOCO verticale.

Sau posedând funcții avansate de configurare dropdown widget widget.

JQWEY EFECTE WIDGETS sunt, de asemenea, populare pentru meniu, de exemplu: jQuery Slick Menu widget.

Vom analiza exemplul principiului lucrării sale.

După instalarea widgetului jQuery Slick Menu Widget, mergeți la "Aspect" - "Widget-uri".

Printre listele widget-urilor disponibile ar trebui să existe una nouă pe care am instalat-o. Îl mutăm în zona accesibilă, în cazul nostru Saydbar:

Dezvăluie setările sale:

Selectați titlul meniului (secțiunile pe care le-am creat), textul fila - numele blocului care va fi afișat pe site, plasarea locului (selectați stânga-stânga), Offset - Indentare de la marginea de sus în pixeli, viteza de animație Este viteza de animație (rapidă). Puteți selecta modul de închidere automată, astfel încât unitatea să dispară automat. Și alegeți culoarea blocului. Faceți clic pentru a salva și a vedea rezultatul: