Meniu ir navigacija

4 modulis: Turinio kūrimas · Skaitymo trukmė: 7 min.

Mokymosi tikslas: Po šios pamokos galėsite sukurti aiškų meniu tiek blokų temoje, tiek klasikinėje temoje, ir žinosite, kas sudaro gerą meniu.

Pagrindinės sąvokos: navigacijos blokas, Tinklalapio redaktorius, Išvaizda > Meniu, meniu vieta, submeniu, pasirinktinė nuoroda, mobilusis meniu, poraštės meniu, nuorodos tekstas, prieinamumas

Du būdai, priklausomai nuo Jūsų temos

Kur kuriate meniu, priklauso nuo Jūsų temos (žr. 5.1 pamoką):

• Blokų tema: meniu yra navigacijos blokas svetainės antraštėje. Jį redaguojate Tinklalapio redaktoriuje (Išvaizda > Redaktorius > Navigacija, arba šablono dalyje Antraštė).
• Klasikinė tema: meniu kuriate skiltyje Išvaizda > Meniu ir pasirenkate meniu vietą, kurią siūlo tema, pavyzdžiui, „Pagrindinis meniu“ arba „Poraštė“.

Jei skiltyje Išvaizda nematote Meniu, o tik Redaktorius? Tuomet naudojate blokų temą. Tai dažnas nesusipratimas pakeitus temą: „mano meniu dingo“. Senasis meniu vis dar egzistuoja (jis saugomas duomenų bazėje kaip meniu elementų sąrašas), tačiau naujoji tema ieško jo kitoje vietoje. Tinklalapio redaktoriuje navigacijos bloke galite importuoti esamą klasikinį meniu.

Kas gali būti meniu elementas

Meniu elementas gali būti:

• Jūsų svetainės puslapis arba įrašas;
• kategorija (tuomet jis nukreipia į tos kategorijos archyvą);
• pasirinktinė nuoroda: bet koks adresas, taip pat į kitą svetainę, arba inkaras puslapio viduje (/paslaugos/#kainos);
• blokų temoje taip pat kiti navigacijos blokai, pavyzdžiui, paieškos laukelis, socialinių tinklų piktogramos arba mygtukas „Susitarti dėl susitikimo“.

Meniu elementus galite sudėlioti vieną po kito kaip submeniu: klasikinėje temoje tai darote nutempdami juos šiek tiek į dešinę, navigacijos bloke naudodami „Pridėti submeniu“ arba nutempdami vieną elementą ant kito.

Meniu elementas nukreipia į puslapį, tačiau turi savo antraštę (pavadinimą). Jei vėliau pakeisite puslapio pavadinimą, meniu antraštė automatiškai nepasikeis (klasikiniame meniu niekada, navigacijos bloke priklauso nuo to, kaip elementą pridėjote). Todėl pakeitę pavadinimą, patikrinkite ir meniu.

Geras meniu

Meniu nėra visos Jūsų svetainės turinio rodyklė. Tai nuoroda į kelias vietas, į kurias nori nukeliauti dauguma lankytojų. Keletas gairių:

• Mažai pagrindinių elementų: maždaug penki iki septyni. Daugiau vis tiek netilps telefono ekrane, o lankytojai jų neskaitys.
• Ne daugiau kaip vienas submeniu lygis. Submeniu submeniu viduje telefone sunkiai valdomas ir painus ekrano skaitytuvams.
• Submeniu antraštė taip pat yra nuoroda. Daugelyje temų paspaudus „Paslaugos“ atsidaro submeniu, bet pats „Paslaugos“ elementas taip pat yra puslapis. Įsitikinkite, kad tas puslapis egzistuoja ir rodo kažką prasmingo, arba kad aišku, jog tai tik antraštė.
• Įprasti žodžiai, kuriuos naudotų lankytojai: „Kainos“, o ne „Mūsų investavimo galimybės“.
• Kontaktai ir svarbiausias veiksmas (susitarti dėl susitikimo, užsisakyti) visada pasiekiami, dažnai meniu dešinėje arba kaip mygtukas.
• Teisinės nuorodos (privatumo politika, bendrosios sąlygos, slapukų nustatymai) turėtų būti poraštės meniu, o ne pagrindiniame meniu. Tačiau visada turi būti randamos, bet kuriame puslapyje (žr. 9.3 pamoką).

Mobilioji versija ir prieinamumas

Telefone meniu dažniausiai susitraukia į mygtuką su trimis brūkšneliais („hamburgerio meniu“). Navigacijos bloke nustatote, kada tai vyksta (visada, ar tik mažuose ekranuose). Visada išbandykite tikrame telefone:

• Ar galite nykščiu pasiekti kiekvieną elementą neatsitiktinai paliesdami gretimą?
• Ar submeniu atsidaro ir užsidaro vienu palietimu?
• Ar meniu užsidaro, kai pasirenkate elementą?

Dėl prieinamumo (lankytojams, naudojantiems ekrano skaitytuvą arba tik klaviatūrą) atkreipkite dėmesį į:

• Aiškius nuorodų tekstus. „Skaityti daugiau“ arba „Spauskite čia“ nieko nesako, kai ekrano skaitytuvas perskaito visas nuorodas iš eilės. O „Skaityti daugiau apie mūsų darbo laiką“ pasako.
• Valdymą klaviatūra: klavišu Tab judama per meniu, klavišu Įvesti atidaromas elementas. Dauguma temų ir navigacijos blokas tai atlieka gerai; savarankiškai sukurti meniu su scenarijais dažnai ne.
• Nuoroda į kitą svetainę geriausia atsidaro tame pačiame lange. Jei būtina naujame lange, tai pažymėkite.

Kita navigacija

Be pagrindinio meniu, lankytojams rasti kelią padeda šie elementai:

• paieškos laukelis (paieškos blokas), ypač svetainėje su daug įrašų;
• duonos trupiniai („Pradžia > Paslaugos > Svetainių kūrimas“), dažnai pateikiami SEO įskiepio ar temos;
• vidinės nuorodos Jūsų tekstuose į kitus puslapius (taip pat naudinga matomumui paieškoje, žr. 9.2 pamoką);
• 404 puslapis, kuris padeda: su paieškos laukeliu ir nuorodomis į svarbiausius puslapius, o ne tik „nerasta“. Blokų temoje jį redaguojate kaip šabloną „404“ Tinklalapio redaktoriuje.

Praktiškai: kaip tai atrodo skydelyje

WordPress skydelyje:

• Blokų tema: Išvaizda > Redaktorius > Navigacija. Pasirinkite meniu, pridėkite elementus mygtuku plius, nutempkite juos į tinkamą tvarką ir navigacijos bloko nustatymuose pasirinkite, kada rodomas mobilusis meniu.
• Klasikinė tema: Išvaizda > Meniu. Sukurkite meniu, kairėje pažymėkite puslapius ir paspauskite Pridėti į meniu, nutempkite į tinkamą tvarką ir apačioje pažymėkite meniu vietą. Išsaugoti.

Santrauka

• Blokų temoje meniu kuriate navigacijos bloku Tinklalapio redaktoriuje; klasikinėje temoje skiltyje Išvaizda > Meniu su meniu vieta.
• Meniu nurodo kelią į kelias svarbiausias vietas: mažai elementų, ne daugiau kaip vienas submeniu lygis.
• Teisinės nuorodos priklauso poraštės meniu, visada pasiekiamos.
• Išbandykite mobilųjį meniu tikrame telefone ir naudokite nuorodų tekstus, kurie savaime kažką pasako.
• Paieškos laukelis, vidinės nuorodos ir naudingas 404 puslapis papildo meniu.

Testas

Užduotis

Užduotis D4.3: Meniu, kuris veikia. Sukurkite (arba patobulinkite) savo svetainės pagrindinį meniu su ne daugiau kaip septyniais pagrindiniais elementais, vienu submeniu ir viena pasirinktine nuoroda, bei poraštės meniu su Jūsų privatumo politika. Išbandykite mobilųjį meniu savo telefone ir naudodami tik klaviatūrą (Tab ir Įvesti). Pažymėkite, kas veikia, ir užsirašykite: kokio tipo temą turite (blokų ar klasikinę), kur sukūrėte meniu ir kokį nuorodos tekstą patobulinote bei kaip?

Papildoma literatūra

Darbui su pačiu WordPress dar neturime nuosavų straipsnių; oficiali WordPress dokumentacija yra išsami.

• Navigacijos blokas (wordpress.org, anglų kalba): https://wordpress.org/documentation/article/navigation-block/
• Meniu klasikinėse temose (wordpress.org, anglų kalba): https://wordpress.org/documentation/article/appearance-menus-screen/
• Tinklalapio redaktorius (wordpress.org, anglų kalba): https://wordpress.org/documentation/article/site-editor/