Meniji in navigacija

Modul 4: Ustvarjanje vsebine · Čas branja: 7 minut

Učni cilj: Po tej lekciji boste znali izdelati jasen meni, tako v temi z bloki kot v klasični temi, in vedeli, kaj naredi meni dober.

Ključni pojmi: navigacijski blok, Urejevalnik spletišča, Videz > Meniji, lokacija menija, podmeni, prilagojena povezava, mobilni meni, meni v nogi strani, besedilo povezave, dostopnost

Dva načina, odvisno od Vaše teme

Kje izdelate meni, je odvisno od Vaše teme (lekcija 5.1):

• Tema z bloki: meni je navigacijski blok v glavi spletnega mesta. Urejate ga v Urejevalniku spletišča (Videz > Urejevalnik > Navigacija, ali v predlogi dela Glava).
• Klasična tema: meni izdelate pri Videz > Meniji in tam izberete lokacijo menija, ki jo ponuja tema, na primer "Glavni meni" ali "Noga strani".

Pri Videz ne vidite Menijev, le Urejevalnik? Potem uporabljate temo z bloki. To je pogosta zmeda po zamenjavi teme: "moj meni je izginil". Stari meni še vedno obstaja (v podatkovni bazi je shranjen kot seznam elementov menija), vendar nova tema gleda na drugo mesto. V Urejevalniku spletišča lahko pri navigacijskem bloku uvozite obstoječi klasični meni.

Kaj lahko vsebuje

Element menija je lahko:

• stran ali prispevek Vašega spletnega mesta;
• kategorija (takrat povezuje na arhiv te kategorije);
• prilagojena povezava: kateri koli naslov, tudi do drugega spletnega mesta, ali sidro znotraj strani (/diensten/#prijzen);
• v temi z bloki tudi drugi bloki v navigaciji, kot so iskalno polje, ikone družbenih omrežij ali gumb "Naročite termin".

Elemente menija lahko premaknete drug pod drugega kot podmeni: v klasični temi tako, da jih povlečete nekoliko v desno, v navigacijskem bloku z "Dodaj podmeni" ali tako, da element povlečete na drugega.

Element menija povezuje na stran, vendar ima svojo oznako. Če pozneje spremenite naslov strani, se oznaka v meniju ne spremeni samodejno (pri klasičnem meniju nikoli, pri navigacijskem bloku je odvisno od tega, kako ste element dodali). Po spremembi naslova torej preverite tudi meni.

Dober meni

Meni ni kazalo celotnega spletnega mesta. Je smerokaz do nekaj mest, kamor želi večina obiskovalcev. Nekaj smernic:

• Malo glavnih elementov: od pet do sedem. Več jih tako ali tako ne gre na telefonski zaslon in obiskovalci jih ne preberejo.
• Največ ena raven podmenija. Podmeni znotraj podmenija je na telefonu težko uporabljati in zmede uporabnike bralnikov zaslona.
• Naslov podmenija je tudi povezava. V mnogih temah klik na "Storitve" odpre podmeni, vendar je "Storitve" tudi sama stran. Poskrbite, da ta stran obstaja in prikazuje nekaj smiselnega, ali da je jasno, da gre le za naslov.
• Navadne besede, ki bi jih uporabili obiskovalci: "Cene", ne "Naše naložbene možnosti".
• Kontakt in najpomembnejše dejanje (naročanje termina, naročilo) vedno dosegljiva, pogosto na desni strani menija ali kot gumb.
• Pravne povezave (pravilnik o zasebnosti, splošni pogoji, nastavitve piškotkov) sodijo v meni v nogi strani, ne v glavni meni. Vedno pa morajo biti najdljive, na vsaki strani (lekcija 9.3).

Mobilno in dostopno

Na telefonu se meni večinoma zloži v gumb s tremi črticami ("hamburgerski meni"). Pri navigacijskem bloku nastavite, kdaj se to zgodi (vedno, ali le na majhnih zaslonih). Vedno preizkusite na resničnem telefonu:

• Ali lahko vsak element dosežete s palcem, ne da bi po nesreči dotaknili sosednjega elementa?
• Se podmeniji odprejo z dotikom, in spet zaprejo?
• Se meni zapre, ko izberete element?

Za dostopnost (obiskovalci z bralnikom zaslona ali tisti, ki uporabljajo le tipkovnico) bodite pozorni na:

• Jasna besedila povezav. "Preberi več" ali "Kliknite tukaj" ne pove ničesar, če bralnik zaslona prebere vse povezave zaporedoma. "Preberite več o naših delovnih urah" pa pove.
• Upravljanje s tipkovnico: s tipko Tab po meniju, s tipko Enter odprete element. Večina tem in navigacijski blok to dobro počnejo; samostojno izdelani meniji s skripti pogosto ne.
• Povezava do drugega spletnega mesta naj se raje odpre v istem oknu. Če se mora odpreti v novem oknu, to tudi navedite.

Druga navigacija

Poleg glavnega menija obiskovalcem pomagajo najti pot tudi ti elementi:

• iskalno polje (iskalni blok), še posebej pri spletnem mestu z veliko prispevki;
• drobtinice ("Domov > Storitve > Spletno oblikovanje"), pogosto jih zagotovi vtičnik za SEO ali tema;
• notranje povezave v Vaših besedilih do drugih strani (dobre so tudi za najdljivost, lekcija 9.2);
• stran 404, ki pomaga: z iskalnim poljem in povezavami do najpomembnejših strani namesto le "ni najdeno". Pri temi z bloki jo urejate kot predlogo "404" v Urejevalniku spletišča.

V praksi: tako je videti v nadzorni plošči

V skrbništvu WordPressa:

• Tema z bloki: Videz > Urejevalnik > Navigacija. Izberite meni, dodajte elemente z znakom plus, povlecite jih v pravilen vrstni red in pri nastavitvah navigacijskega bloka izberite, kdaj se prikaže mobilni meni.
• Klasična tema: Videz > Meniji. Ustvarite meni, levo označite strani in kliknite Dodaj v meni, povlecite vrstni red in spodaj označite lokacijo menija. Shranite.

Povzetek

• V temi z bloki izdelate meni z navigacijskim blokom v Urejevalniku spletišča; v klasični temi pri Videz > Meniji z lokacijo menija.
• Meni kaže pot do nekaj pomembnih mest: malo elementov, največ ena raven podmenija.
• Pravne povezave sodijo v meni v nogi strani, vedno najdljive.
• Preizkusite mobilni meni na resničnem telefonu in uporabite besedila povezav, ki povedo nekaj sama po sebi.
• Iskalno polje, notranje povezave in koristna stran 404 dopolnjujejo meni.

Kviz

Naloga

Naloga D4.3: Meni, ki deluje. Izdelajte (ali izboljšajte) glavni meni svojega spletnega mesta z največ sedmimi glavnimi elementi, enim podmenijem in eno prilagojeno povezavo, ter meni v nogi strani s svojim pravilnikom o zasebnosti. Preizkusite mobilni meni na svojem telefonu in le s tipkovnico (Tab in Enter). Označite, kaj deluje, in zapišite: kakšno vrsto teme imate (z bloki ali klasično), kje ste izdelali meni, in katero besedilo povezave ste izboljšali ter kako?

Dodatno branje

Za delo v samem WordPressu še nimamo lastnih člankov; uradna dokumentacija WordPressa je obsežna.

• Navigacijski blok (wordpress.org, angleško): https://wordpress.org/documentation/article/navigation-block/
• Meniji v klasičnih temah (wordpress.org, angleško): https://wordpress.org/documentation/article/appearance-menus-screen/
• Urejevalnik spletišča (wordpress.org, angleško): https://wordpress.org/documentation/article/site-editor/