Kaip padaryti antrą pakopą horizontalią navigaciją „WordPress“
Naudodamiesi pasirinktiniais „WordPress“ meniu, kurdami puslapio navigaciją, reikia mažiau pastangų. Net kurdami pakopinius meniu, reikia tik kelių paspaudimų, o ne redaguoti šabloninius failus. Jei norite, kad antroji navigacija būtų horizontali, galite naudoti šią funkciją ir pridėti keletą „CSS tweaks“. Tai leidžia jūsų verslo tinklalapiui pasiūlyti daugiau meniu nuorodų iš puslapių, pranešimų ir kito turinio, jau esančio jūsų tinklaraštyje, ir geriau panaudoti „WordPress“ temos erdvę.
Meniu pridėjimas
1.
Įdiekite tokią temą kaip dvidešimt vienuolika, kuri naudoja „WordPress“ pasirinktinį meniu.
2.
Prisijunkite prie „WordPress“ prietaisų skydelio ir spustelėkite „Meniu“, esantį „Appearance“. Į teksto lauką įveskite savo meniu pavadinimą ir spustelėkite „Sukurti meniu“, kad atliktumėte naują meniu.
3.
Pasirinkite sąrašus iš puslapių ar kategorijų ir spustelėkite „Pridėti prie meniu“, kad pridėtumėte juos prie savo meniu kaip pirmojo lygio.
4.
Pasirinkite puslapius, kuriuos norite rodyti kaip antrą pakopą, ir spustelėkite mygtuką „Pridėti“. Spustelėkite ir vilkite elementą, kuris rodomas dešinėje, ir perkelkite jį taip, kad jis perstumtų ant pirmos pakopos kategorijos ar puslapio. Jis paspaudžiamas po elementu, pridedant jį prie sub navigacijos.
5.
Pakartokite šį procesą visuose puslapiuose ir puslapiuose. Baigę spustelėkite „Išsaugoti meniu“.
CSS redagavimas
1.
Atidarykite savo CSS failą, naudodami savo serverį per FTP arba atidarydami failą „WordPress“ prietaisų skydelio redaktoriuje.
2.
Suraskite „#navigation“ ir „.sub-menu“ eilutes. Norėsite pakeisti „sub-menu“ sąrašo elementų klasę, kad paliktumėte į kairę ir rodytumėte kaip eilutę, kad šis pakopa būtų horizontali. Pavyzdžiui, jūsų CSS gali pasirodyti panašus į šiuos:
.sub-menu li {float: kairėje; ekranas: inline; }
Žinoma, galite pridėti padding, margas, spalvas ir kitus norimus atributus.
3.
Pridėkite priskirtą CSS klasę į savo nuorodas, jei keisdami savo CSS failą iš karto nepakeisite svetainės. Tai galite padaryti prisijungdami prie „WordPress“, pasiekdami pasirinktinius meniu, spustelėdami „Ekrano parinktis“ ir pasirinkdami „CSS klases“. Kai išplėsite atskirus submeniu elementus, galite pridėti „submeniu“ kaip klasę.
Patarimas
- Kiekvienam sąrašo elementui galite taikyti skirtingą CSS klasę, kad ją būtų galima atskirti. Pavyzdžiui, visi jūsų submeniu elementai gali naudoti kitą šrifto spalvą.