Išskleidžiamieji mega meniu- puikus dizaino atradimas. Svetainės navigacija turėti daug puslapių visada buvo problema. Klasikiniai statiniai meniu a la sitemap sparčiai auga, nes auga puslapių skaičius ir užima daug vietos. Dinaminiai išskleidžiamieji meniu gali žymiai sutaupyti puslapio vietos, tačiau aukojamas patogumas – navigacija reikalauja aktyvaus ir gana tikslaus pelės darbo. Šiek tiek praleista ir atskleidžiamas netinkamas meniu.
Impulsas sukurti megameniu koncepciją tikriausiai buvo juostelės sąsaja Microsoft biuras 2007. Ši koncepcija yra viduryje tarp paprasto statinio meniu ir dinamiško išskleidžiamojo meniu. Viena vertus, toks meniu yra gana informatyvus ir intuityvus, kita vertus, žymiai sumažina reikiamas manipuliacijas pele. Plečiantis, jis gali išnaudoti visą turimą ekrano erdvę, o tai leidžia vartotojui priimti visus šiame kontekste siūlomus elementus ir, jei reikia, pasislėpti.
Kaip ten bebūtų, megameniu dabar, kaip sakoma, yra tendencija, o jei dar nesinaudojote, tuomet turėtumėte pasidomėti atidžiau.
„UberMenu“: „WordPress Mega Menu“ papildinys
Šis daugiafunkcis papildinys gali būti saugiai įtrauktas į pirmąją vietą šioje apžvalgoje: jis sukuria pilnas mega meniu, turi neįtikėtinai daug skirtingų parinkčių, įskaitant fono ir šrifto spalvų valdymą, šrifto dydį ir pan. Ir visa tai daroma naudojant galingą ir patogų nustatymų skydelį.Be to, meniu taip pat yra daug kitų puikių funkcijų, tokių kaip:
- Integruotas reaguojantis tinklelis
- Individualus kiekvieno stulpelio pločio reguliavimas, taip pat numatytojo pločio nustatymas
- Meniu elementų sujungimas į grupes
- Meniu elementų centravimas horizontaliose eilutėse
- Individualūs fono vaizdai
- Slenkami submeniu, kuriuose yra daug elementų.
Kaina: 19 USD
„Mega“ pagrindinis meniu
Labai populiarus ir plačiai naudojamas papildinys „Mega“ pagrindinis meniužino, kaip rasti pusiausvyrą tarp funkcionalumo ir paprastumo. Galite naudoti daugiau nei 10 skirtingų įrankių, skirtų sukurti išskleidžiamuosius meniu, kuriuose gali būti tekstas, vaizdai, nuorodos ir valdikliai. Be to, neriboti spalvų nustatymai ir daugiau nei 600 „Google“ šriftų.Kaina: 15 USD
Liquida Mega meniu
Liquida Mega meniu- modernus ir daugiafunkcis įskiepis, kuris tiks abiem paprasti vartotojai, ir kūrėjams – jį galima lengvai įterpti į jūsų sukurtą temą.Papildinys siūlo platų pasirinkimą meniu kūrimas modernaus ir stilingo dizaino: vertikalus arba horizontali orientacija, galimybė įtraukti į meniu elementus nuorodos, vaizdai ir net „WooCommerce“ produktų kortelės arba Easy Digital Downloads, kurie gali praversti kuriant internetines parduotuves.
Kaina: 19 USD
„Sky Mega“ meniu
Trys dizaino variantai mobiliuosius įrenginius, 9 spalvų schemos, pasirinktinis tinklelis, formos ir 360 vektorių piktogramos. Šis rinkinys leidžia „Sky Mega Menu“ užimti deramą vietą tarp savo rūšių.Kaina: 6 USD
WP Mega meniu
Papildinys iš kategorijos must have. Daug nustatymų ir parinkčių, darbas su kategorijomis, subkategorijomis ir pranešimais, SEO optimizavimas ir dvi iš anksto nustatytos spalvų schemos (tamsios ir šviesios), kurias galima lengvai pakeisti pagal savo skonį.Kaina: 29 USD
NOO meniu
Norėdami suprasti nustatymų skydelį NOO meniu Jums net nereikia skaityti dokumentacijos – viskas taip intuityvu. Turėdamas po ranka peržiūra realiuoju laiku galite tiesiog pakeisti reikšmes ir perkelti slankiklius žiūrėdami efektą. Spalvų schemą galima keisti visiškai savavališkai ir kiekviena parinktis gali būti išsaugota savo pavadinimu, o šių parinkčių skaičius neribojamas.Meniu elementų turinys gali būti tekstas, nuorodos, vaizdai, vaizdo įrašai, formos ir įvairūs valdikliai. Jis naudoja savo 12 stulpelių tinklelį, kad tilptų visa tai.
Kaina: 15 USD
Hero Menu – reaguojantis „WordPress Mega Menu“ papildinys
„Hero Menu“ leidžia susieti nuorodas į įrašus, kategorijas, išorinius URL su meniu elementais, taip pat juose rodyti tinklaraščio įrašus kartu su rodomu vaizdu. Naujausia versija paskelbė visišką WooCommerce platformos palaikymą. Dėl patogus veikimas turi integruotą nuvilkimo redaktorių.Dizainas yra modernus ir stilingas ir, žinoma, visiškai.
Kaina: 19 USD
„Superfly“ – reaguojantis „WordPress“ meniu papildinys
Taip vadinamas musių meniu- naujausia tendencija interneto dizaino pasaulyje. Toks meniu tyliai „užsnūsta“ puslapio kampe ikonėlės pavidalu, beveik neužimdamas vietos, o užvedus pelės žymeklį virš jo atsidaro, išstumdamas puslapio elementus, o ne persidengdamas.Vienas iš tokio tipo megameniu atstovų yra Superfly – Responsive WordPress Menu Plugin. Įspūdingas instrumentas tiek dizaino, tiek funkcijų atžvilgiu.
Kaina: 22 USD
Perjungti meniu
Vis populiarėjant mobiliesiems įrenginiams, iššokantys (arba kontekstiniai) meniu tampa svarbūs, nes juose galima sutaupyti daug vietos ekrane.Perjungimo meniu yra labai paprastas, minimalistinis meniu, kuris, nepaisant to, puikiai susidoroja su savo pagrindine funkcija.
Kaina: 5 USD
WP plaukiojantis meniu Pro
WP plaukiojantis meniu Pro yra 2 viename papildinys. Vieno puslapio svetainės meniu-navigatorius ir meniu lipdukai. Be to, naudodami šį papildinį galite bent vizualiai paversti savo tradicinę svetainę modernia vieno puslapio svetaine. WP Floating Menu Pro suteiks sklandus slinkimas iš vienos puslapio dalies į kitą.Kūrėjo žinioje WP Floating Menu Pro siūlo 13 ir 7 skirtingas vietas puslapyje, tinkinimo parinktis, spalvas, turinį ir elementų skaičių.
Mažesniems nei 480 pikselių ekranams galima automatinis išjungimas Meniu.
Kaina: 17 USD
„Flexi Menu“ „WordPress“ papildinys
„Flexi Menu“ yra 5 skirtingi, visiškai pritaikomi meniu tipai: musių meniu, platus (puslapio plotis), platus+aprašymai, platus+vaizdai ir vertikalus.Kaina: 14 USD
Max Mega meniu (nemokamas)
Labai gerai papildinys su nuvilkimo meniu redaktoriumi ir galimybė į meniu elementus įterpti beveik bet kokį valdiklį – nuo kontaktų formų iki Google žemėlapių.Galiu automatiškai konvertuoti esamus įprastus meniu į vieną mega meniu, visiškai kontroliuojant konvertavimo procesą ir išsaugant arba iš naujo priskiriant atitinkamus veiksmus.
Visai neseniai tokia funkcija kaip „Mega Menu“ buvo tik daugybė aukščiausios kokybės papildinių ir temų. Tačiau šiandien aš jums, mieli skaitytojai, pristatysiu du visiškai nemokamus įskiepius, kurie leis greitai, lengvai ir, žinoma, visiškai nemokamai, savo svetainėje sukurti galingą naršymo meniu, kuris nėra prastesnis už mokamus kolegas. .
Kas vis dėlto yra „Mega Menu“? Taip, tas pats, įprastas naršymo meniu, su kuriuo tikriausiai ne kartą susidūrėte ir sukonfigūravote. Skirtingai nuo standartinių funkcijų, taip pat yra papildomos funkcijos atskiriems elementams pritaikyti ir rodyti. Pavyzdžiui, pridėti ne tik vertikalų, bet ir horizontalų submeniu, įtraukti į meniu piktogramas ir atskirus paveikslėlius, koreguoti visų meniu elementų išvaizdą ir pan. Visa tai yra mūsų šiandien svarstomuose papildiniuose.
Dar viena puiki galimybė į savo svetainę įtraukti nuostabų naršymo meniu su papildiniu yra WooRockets.com Mega Menu. Papildinio įdiegimas ir aktyvinimas yra standartinis.
Šį papildinį įvaldyti yra šiek tiek sunkiau, tačiau jis taip pat suteikia daugiau galimybių nei aukščiau aprašytas konkurentas. Čia meniu konstrukcija labai panaši į standartinio Visual Composer puslapių konstrukciją.
Eikite į skyrių WR mega meniu savo administratoriaus skydelyje ir spustelėkite Pridėti naują. Mes krentame naujas puslapis sukurti naują meniu. Tie, kurie jau turėjo reikalų su drag & drop kompozitoriais, iškart pasijus kaip namie. Meniu sudarymo procesas mažai kuo skiriasi nuo puslapio kūrimo.
Pradžioje įsitikinkite, kad meniu viršuje – vieta Meniu yra būtent tai, ko jums reikia. Arba spustelėkite Valdymo vieta norėdami pasirinkti meniu.
Spustelėkite - Pridėti elementą ir iššokančiajame lange pasirinkite turinio, kurį norite įtraukti į meniu, tipą. Viršuje kairėje galite pasirinkti vieną iš standartinių parinkčių arba pridėti „WordPress“ valdiklių.
Jei reikia, pridėkite eilutes su padalijimu į reikiamą skaičių stulpelių. Kairėje yra skirtukai, skirti vilkti meniu elementus aukštyn arba žemyn, o dešinėje – skirtukai, kuriuose galite įjungti redagavimą arba trynimą. Nepamirškite paspausti įprasto mygtuko dešinėje - Paskelbti arba - Atnaujinti kad išsaugotų savo darbo rezultatus.
Apskritai, bet kokius tekstus, paveikslėlius ir, jei pageidaujate, bet kokius valdiklius galima lengvai įdėti į naująjį meniu. Meniu išvaizdą galima pakeisti paspaudus mygtuką. Stilius arba šalia įterpti lenteles spustelėdami mygtuką Tinkintas CSS.
Labai funkcionalus dalykas, trumpai tariant. Ne veltui autoriai, be šio įskiepio, dar turi: kontaktinę formą ir, žinoma, kompozitorių, kuris, matyt, ir buvo mega meniu įskiepio pagrindas. Čia galite pamatyti veikiančią demonstracinę versiją visoje savo šlovėje.
Puikūs ir galingi įskiepiai, su kuriais galite praktiškai sukurti savo svajonių meniu. Vienintelis dalykas, kuris gali šiek tiek nustelbti vartotojų džiaugsmą, yra suderinamumo su skirtingomis temomis problema. Deja, kiek pamenu, aukščiausios kokybės įskiepiai kartais turėdavo šią problemą. Išbandžiau abu papildinius pagal numatytąją temą ir nepastebėjau jokių problemų ar klaidų. Ko norite, draugai!
Sveiki! Mano gyvenime, kaip visada, daug įvykių, todėl labai sunku rasti laiko tinklaraščiui. Vakar nusipirkome bilietus į Šri Lanką ir greitai skrisime 4 mėnesiams, užsukite pas mus! O dabar ieškau pačios gražiausios vestuvinės suknelės :))
Šiandien mes kalbėsime apie tai, kaip sukurti meniu „WordPress“, taip pat pridėti šiuos blokus savavališkose šablono srityse.
Išmoksime tinkinti meniu ir redaguoti jį taip, kaip mums atrodo tinkama.
Meniu redagavimas ir tinkinimas „WordPress“.
Pirmiausia išanalizuokime mums prieinamas tinklaraščio administratoriaus skydelio funkcijas. Naujuose šablonuose, suderinamuose su naujausios versijos WordPress, meniu rodymas yra gana paprastas, o sąranka nėra pernelyg sudėtinga.
Sukūrę antrinę temą, kurią galima modifikuoti nepažeidžiant pagrindinės temos, prie jos failo function.php pridėkite šią funkciją.
| 1 2 3 | register_nav_menus( array ( "papildomas meniu" => __( "Papildomas meniu", „Jūsų temos pavadinimas“ ) ) ) ; |
register_nav_menus(array("papildomas meniu" => __("Papildomas meniu", "Jūsų temos pavadinimas")));
Jei nekuriate antrinės temos, pridėkite ją prie pagrindinių temos funkcijų failo.
Ši funkcija leis mums prie šablono pridėti papildomą „WordPress“ meniu ir sukurti jam kitą sritį.
Pridėję eikite į administratoriaus skydelį „Tvarkyti sritis“:
Turėtų atsirasti papildoma temos sritis su pavadinimu, kurį suteikėme funkcijoje.
Spustelėkite „Naudoti naują meniu“, jei norite pakeisti papildomos srities skyrius, arba pasirinkite „Pagrindinis“. Tada naujoje srityje bus rodomos tos pačios skiltys kaip ir pirminiame meniu.
Mūsų atveju sukuriame naują meniu, pavadintą Papildoma:
Pasirinkite jam skirtą temos sritį „Papildomas meniu“.
Bet dabar turime susieti šią sritį su šablonų blokais. Pavyzdžiui, „WordPress“ svetainės antraštėje turime sukurti papildomą meniu. Eikite į header.php failą arba nukopijuokite jį į vaiko temą. Po kūno žymos pridėkite:
| 1 2 3 | <div id = "papildomas meniu" > ( array( "temos_vieta" =>„papildomas meniu“)); ?></div> |
Pažiūrėkime rezultatą:
Virš antraštės turime papildomą meniu. Dabar turime nustatyti jo stilius, sulygiuoti elementus į eilutę ir nuleisti bloką po antrašte.
Atliekame šiuos style.css failo pakeitimus:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | #additionalmenu nav (plotis: 940px; /* konteinerio plotis */ paraštė: 0 automatinis; ) #additionalmenu li ( display : inline ; padding : 10px ; /* padding */ margin : 20px 0 ; ) #additionalmenu (plotis : 100% ; viršuje : 420px ; /* Įtrauka nuo viršutinio krašto */ fono spalva : #000 ; /* fono spalva */ padėtis : santykinė ; ) |
#additionalmenu nav (plotis: 940 piks.; /*konteinerio plotis */ paraštė: 0 automatinis; ) #additionalmenu li ( ekranas: eilutinis; užpildymas: 10 piks.; /* užpildymas */ paraštė: 20 piks. 0; ) #papildomas meniu ( plotis: 100 % ; viršuje: 420 taškų; /* viršutinė paraštė */ fono spalva: #000; /* fono spalva */ padėtis: santykinė; )
Pažiūrėkime, kas atsitiko:
Mūsų sukurtas meniu vaizdas dar toli gražu nėra idealus, tačiau būdami atsargūs galite jį pritaikyti savo tinklaraščiui.
Valdikliai ir papildiniai, skirti įtraukti meniu į „WordPress“.
Siūlau pažiūrėti vaizdo įrašą apie meniu kūrimą „WordPress“:
Straipsnyje apie valdiklį buvo paminėtas „Custom Menu“. Išanalizuokime jį išsamiau.
Eikite į „Išvaizda“ – „Valdikliai“, suraskite „Custom Menu“ valdiklį ir nuvilkite jį į jūsų temai skirtą ir tinklaraščiui tinkamą sritį:
Mūsų atveju meniu blokas pridedamas prie šoninės juostos. Tam pasirinkome savo sukurto Papildomo bloko skyrius.
Atitinkamai, šis blokas bus rodomas šoninėje juostoje dešinėje:
Be standartinio temoje įmontuoto valdiklio, taip pat yra daug papildomų įskiepių, skirtų kurti Įvairios rūšys meniu: vertikalus, horizontalus, išskleidžiamasis ir kt.
Pavyzdžiui, čia yra įskiepis, skirtas sukurti vertikalų kelių lygių meniu „WordPress“: „Navgoco Vertical Multilevel Slide Menu“.
Arba labiau pritaikomas išskleidžiamojo meniu valdiklis.
Taip pat populiarūs valdikliai su JQwery efektais meniu, pvz.: JQuery Slick Menu Widget.
Paimkime pavyzdį, kaip tai veikia.
Įdiegę jQuery Slick Menu Widget, eikite į "Išvaizda" - "Valdikliai".
Tarp galimų valdiklių sąrašo turėtų atsirasti naujas, mūsų įdiegtas. Perkelkite jį į prieinamą sritį, mūsų atveju į šoninę juostą:
Atidarykime jo nustatymus:
Mes pasirenkame meniu pavadinimą (skilčių, kurias sukūrėme), skirtuko tekstas - bloko, kuris bus rodomas svetainėje, pavadinimą, vietą (pasirinksime kairę - kairėje), Poslinkis - įtrauką iš viršaus kraštas pikseliais, Animacijos greitis - animacijos greitis (greitas). Galite pasirinkti automatinio uždarymo meniu, kad blokas išnyktų automatiškai. Ir pasirinkite bloko spalvą. Spustelėkite išsaugoti ir pamatysite rezultatą:
Kairėje antraštės pusėje pasirodė ištraukiamas meniu. Spustelėjus liežuvį, pasirodo skyriai:
Dar kartą spustelėjus blokas vėl išnyks.
Tai tik vienas iš būdų įdiegti, redaguoti ir rodyti meniu „WordPress“.
Pasirinkite tinkamiausią ir patogiausią būdą sukurti savo WordPress tinklaraščio meniu. Sėkmės!
Tai galima padaryti naudojant stilius.
Bet jūs turite suprasti, kad turite meniu, tada turite perkelti jį iš viršaus į šoninę juostą, kurios dar neturite.
Na, tai yra, jei ši tema leidžia, prijunkite šoninę juostą dešinėje ir perkelkite į ją meniu.
Ir kad jis būtų vertikalus, tiesiog pridėkite / pakeiskite CSS
Pagrindinė navigacija ul li, .secondary-navigation ul li ( ekranas: blokuoti !svarbu; )
Na, o po to reikia šiek tiek pakeisti įtraukas ir kitas savybes.
Gal aš tave neteisingai supratau, bet aš jau turiu Max mega meniu kairiojo stulpelio srityje (juodas, dėl riboto ploto išrikiuotas į 2 eilutes, o įskiepyje pagal nutylėjimą yra horizontalus), pridėjau ten per valdiklius , viršutinėje dalyje turiu standartinį teminį meniu ir man reikia abiejų, dabar pabandysiu CSS, ačiū
Galbūt aš tave taip pat neteisingai supratau.
Aš kalbėjau apie meniu, kurį turite ekrane horizontaliame viršutiniame šviesiai žalios spalvos bloke „Arbatos kavos saldainiai ...“
Bet dar kartą perskaičiusi tavo atsakymą suprantu, kad kalbame apie skirtingus meniu.
Ekrane, kurį matote kairėje, tai yra „Max mega“ meniu, bet nematau jo svetainėje jūsų nuorodoje.
Ir todėl Aš jo nemačiau ir vakar, todėl nežiūrėjau į ekraną.
Dabar irgi nežiūriu.
Visą laiką stengiuosi ką nors daryti, dedu ir šalinu įvairius dalykus, kol sugalvojau, kaip šį meniu padaryti vertikalų, ieškau kito tinkamo. Šiam meniu galima pritaikyti tą patį css sprendimą, kaip rašėte? Ar galėtumėte pasakyti, kurioje kodo dalyje įterpti šias eilutes, paties papildinio kode? Ar vieta svarbi?
Aš nuėjau į papildinius, redagavau ir pasirinkau Max mega meniu, tada yra šios skiltys:
css
megamenu.scss
atstatyti.scss
toggle-blocks.scss
admin
mixin.scss
Nė vienoje iš jų neradau panašių eilučių, kurias būtų galima taisyti
Aš tiesiog visiškas niekšas ir nesupratau, kam man reikia jį rodyti, matyt, tam, kad pažiūrėčiau į kodą ir pasiūlyčiau. Max Mega Menu palaikymo forume radau admino atsakymą, kad vertikalioji yra tik Pro (mokama) versijoje, tad kol kas jos teks atsisakyti. Ar galėtumėte patarti kokį nors panašų papildinį, kriterijai yra tokie:
- galimybė įdiegti šoninėje juostoje
- meniu turėtų būti išskleidžiamasis
- perjungiant į bet kurią kategoriją, kad ji liktų atidaryta šiame etape ir nebūtų visiškai uždaryta atnaujinus puslapį
Būtent.
Nematant šio Meniu, neįmanoma duoti patarimų ir rekomendacijų. Gali būti, kad CSS pakanka kelių eilučių. Bet ne faktas.
Nors, jei tikrai planuojate naudoti šį Max Mega Menu, atskleidžiantį visas jo savybes, tai 23 USD už tokį produktą nėra daug. Tai verta.
Ar norite tinkinti „WordPress“ naršymo meniu, kad pakeistumėte jų spalvą arba išvaizda? Jūsų „WordPress“ tema tvarko naršymo meniu išvaizdą jūsų svetainėje. Galite lengvai jį nustatyti naudodami naudojant CSS kad atitiktų jūsų reikalavimus. Šiame straipsnyje parodysime, kaip tinkinti „WordPress“ naršymo meniu stilių.
1 būdas: „WordPress“ naršymo meniu rankinio stiliaus keitimo naudojimas
Šis metodas reikalauja redaguoti „WordPress“ temos failus. Turėtumėte jį naudoti tik tuo atveju, jei jums patogu redaguoti kodą ir suprasti, kaip .
Geriausias būdas nustatykite pasirinktinius „WordPress“ temos nustatymus. Jei keičiate tik CSS, galite peržiūrėti mūsų vadovą, kaip tai padaryti nekeičiant temos failų.
Naršymo meniu „WordPress“ rodomas kaip netvarkingas sąrašas (sąrašas su ženkleliais).
Jei ką tik naudojote šią žymą, joje bus rodomas sąrašas be jokių su ja susijusių CSS klasių.
Jūsų netvarkingo sąrašo klasės pavadinimas bus „meniu“, o kiekvienas sąrašo elementas turės savo klasę .
Tai gali veikti, jei turite tik vieną meniu vietą. Tačiau daugumoje temų yra kelios vietos, kuriose galite rodyti naršymo meniu.
Tik numatytųjų CSS klasių naudojimas gali prieštarauti kitur esantiems meniu.
Štai kodėl reikia apibrėžti CSS klasę ir meniu padėtį. Tikėtina, kad jūsų „WordPress“ tema jau tai daro pridėdama naršymo meniu su tokiu kodu:
"pirminis", "menu_klasė" => "pirminis meniu")); ?>
Šis kodas nurodo „WordPress“, kad ši tema rodo pradžios meniu. Jis taip pat pridės pagrindinio meniu CSS klasę prie meniu naršymo.
Dabar galite sukurti savo naršymo meniu stilių naudodami šią CSS struktūrą.
#header .primary-menu() // konteinerio klasė #header .primary-menu ul () // konteinerio klasė pirmasis netvarkingas sąrašas #header .primary-menu ul ul () //netvarkingas sąrašas netvarkingame sąraše #header .primary -menu li () // kiekvienas naršymo elementas #header .primary-menu li a () // kiekvienas naršymo elementas anchor #header .primary-menu li ul () // netvarkingas sąrašas, jei yra išskleidžiamojo sąrašo elementai #header .primary -menu li li () // kiekvienas išskleidžiamasis naršymo elementas #header .primary-menu li li a () // kiekvienas išskleidžiamasis naršymo elemento prierašas
Pakeiskite #header konteinerio klase arba ID, naudojamu jūsų „WordPress“ temoje.
Ši struktūra padės visiškai pakeisti naršymo meniu išvaizdą.
Tačiau yra ir kitų klasių, kurios pridedamos automatiškai naudojant WordPress kiekvienam meniu elementui ir meniu. Šios klasės leidžia toliau tinkinti naršymo meniu.
Current_page_item() // Klasė dabartiniam puslapiui .current-cat() // Klasė dabartinei kategorijai .current-menu-item() // Klasė bet kuriam kitam dabartiniam meniu elementui .menu-item-type-taxonomy() // Kategorijos klasė .menu-item-type-post_type() // Puslapių klasė .menu-item-type-custom() // Klasė bet kuriam priskirtam elementui, kurį pridėjote .menu-item-home() // Klasė namų nuorodai
„WordPress“ taip pat leidžia pridėti CSS klases prie atskirų meniu elementų iš administratoriaus srities.
Šią funkciją galite naudoti norėdami stilizuoti meniu elementus, pvz., pridėti piktogramų prie vaizdo naudojant meniu arba tiesiog pakeisti spalvą, kad meniu elementas išsiskirtų.
Eikime į puslapį Išvaizda » Meniu ir paspauskite mygtuką.
Patikrinę šiuos nustatymus pamatysite, kad kai redaguosite kiekvieną atskirą meniu elementą, bus pridėtas papildomas laukas.
Dabar galite naudoti šią CSS klasę savo stiliaus lape, kad pridėtumėte pasirinktinį CSS. Tai turės įtakos tik meniu elementui su pridėta CSS klase.
2 būdas: tinkinkite „WordPress“ meniu stilių naudodami papildinius
Jūsų „WordPress“ temoje naudojamas naršymo meniu stilius. Daugelis pradedančiųjų nėra patenkinti patys redaguoti temų failus ar rašyti CSS.
Štai tada tai praverčia WordPress įskiepis meniu stilius. Taip išvengsite temų failų redagavimo ar kodo rašymo.
Pirmiausia turite įdiegti ir suaktyvinti CSS Hero papildinį. Daugiau Detali informacija Peržiūrėkite mūsų žingsnis po žingsnio vadovą, kaip tai padaryti.
„CSS Hero“ yra aukščiausios kokybės „WordPress“ papildinys, leidžiantis sukurti savo dizainą WordPress tema neparašę nė vienos kodo eilutės (be HTML ar CSS).
Suaktyvinus būsite nukreipti į CSS herojaus raktą. Tiesiog vykdykite ekrane pateikiamas instrukcijas ir keliais paspaudimais būsite nukreipti atgal į savo svetainę.
Dabar „WordPress“ administratoriaus skydelyje turite spustelėti mygtuką CSS Hero.
CSS Hero siūlo WYSIWYG redaktorių (ką matote, tą ir gaunate). Spustelėję mygtuką pateksite į savo svetainę, o ekrane matoma slankioji įrankių juosta CSS Hero.
Norėdami pradėti redaguoti, turite spustelėti viršuje esančią mėlyną piktogramą.
Nukreipkite pelę į naršymo meniu ir CSS Hero jį paryškins, parodydamas aplink esančias sienas. Spustelėjus pažymėtą naršymo meniu, bus rodomi elementai, kuriuos galite redaguoti.
Aukščiau esančioje ekrano kopijoje rodomas meniu elementas, meniu naršymas, meniu naršymo konteineris ir kt.
Tarkime, kad norime pakeisti visų naršymo meniu elementų teksto spalvą. Tokiu atveju pasirinksime naršymo meniu, kuris turi įtakos visiems meniu.
Dabar CSS herojus jums parodys įvairių savybių, kurį galima redaguoti, pavyzdžiui, tekstą, foną, kraštines, paraštes, užpildymą ir kt.
Galite spustelėti bet kurią nuosavybę, kurią norite pakeisti. CSS Hero parodys paprastą sąsają, kurioje galėsite atlikti pakeitimus.
Aukščiau esančioje ekrano kopijoje pasirinkome tekstą ir parodėme gražią sąsają, skirtą pasirinkti šriftus, keisti teksto spalvą, dydį ir kitas savybes.
Atlikę pakeitimus galėsite juos tiesiogiai matyti temos peržiūroje.
Kai būsite patenkinti pakeitimais, spustelėkite mygtuką Išsaugoti įrankių juostoje CSS Hero, kad išsaugotumėte pakeitimus.
Geriausias dalykas naudojant šį metodą yra tai, kad galite lengvai anuliuoti visus atliktus pakeitimus. CSS Hero saugo visą visų jūsų pakeitimų istoriją ir galite pereiti pirmyn ir atgal tarp tų pakeitimų.
Tikimės, kad šis straipsnis padėjo jums sužinoti, kaip sukurti „WordPress“ naršymo meniu stilių.