Izvēlnes un navigācija

4. modulis: Satura veidošana · Lasīšanas laiks: 7 minūtes

Mācību mērķis: Pēc šīs nodarbības Jūs varēsiet izveidot pārskatāmu izvēlni gan bloku tēmā, gan klasiskajā tēmā, un zināsiet, kas padara izvēlni labu.

Galvenie jēdzieni: navigācijas bloks, Vietnes redaktors, Izskats > Izvēlnes, izvēlnes atrašanās vieta, apakšizvēlne, pielāgota saite, mobilā izvēlne, kājenes izvēlne, saites teksts, pieejamība

Divi veidi, atkarībā no Jūsu tēmas

Kur Jūs veidojat izvēlni, ir atkarīgs no Jūsu tēmas (nodarbība 5.1):

• Bloku tēma: izvēlne ir navigācijas bloks tīmekļa vietnes galvenē. Jūs to rediģējat Vietnes redaktorā (Izskats > Redaktors > Navigācija, vai veidnes daļā Galvene).
• Klasiskā tēma: izvēlni Jūs izveidojat sadaļā Izskats > Izvēlnes un tur izvēlaties izvēlnes atrašanās vietu, ko piedāvā tēma, piemēram, "Galvenā izvēlne" vai "Kājene".

Vai sadaļā Izskats neredzat Izvēlnes, tikai Redaktors? Tad Jūs izmantojat bloku tēmu. Tā ir izplatīta neskaidrība pēc tēmas nomaiņas: "mana izvēlne ir pazudusi". Vecā izvēlne joprojām eksistē (tā atrodas datubāzē kā izvēlnes vienumu saraksts), bet jaunā tēma skatās citā vietā. Vietnes redaktorā pie navigācijas bloka Jūs varat importēt esošu klasisko izvēlni.

Kas tajā var būt

Izvēlnes vienums var būt:

• Jūsu tīmekļa vietnes lapa vai ziņa;
• kategorija (tad tā saite ved uz šīs kategorijas arhīvu);
• pielāgota saite: jebkura adrese, arī uz citu tīmekļa vietni, vai enkurs lapas iekšienē (/diensten/#prijzen);
• bloku tēmā arī citi bloki navigācijā, piemēram, meklēšanas lauks, sociālo mediju ikonas vai poga "Pierakstīties".

Izvēlnes vienumus Jūs varat sakārtot citu zem cita kā apakšizvēlni: klasiskajā tēmā, pavelkot tos nedaudz pa labi, navigācijas blokā ar "Pievienot apakšizvēlni" vai uzvelkot vienumu uz cita vienuma.

Izvēlnes vienums norāda saiti uz lapu, bet tam ir savs apzīmējums. Ja vēlāk mainīsiet lapas nosaukumu, apzīmējums izvēlnē automātiski nemainīsies (klasiskajā izvēlnē nekad, navigācijas blokā tas ir atkarīgs no tā, kā vienums tika pievienots). Tāpēc pēc nosaukuma maiņas pārbaudiet arī izvēlni.

Laba izvēlne

Izvēlne nav visas Jūsu tīmekļa vietnes satura rādītājs. Tā ir ceļa norāde uz dažām vietām, kurās vairums apmeklētāju vēlas nokļūt. Daži norādījumi:

• Maz galveno vienumu: aptuveni pieci līdz septiņi. Vairāk telefonā tik un tā neietilpst, un apmeklētāji to nelasa.
• Ne vairāk kā viens apakšizvēlnes līmenis. Apakšizvēlne apakšizvēlnē ir grūti lietojama telefonā un mulsinoša ekrāna lasītājiem.
• Apakšizvēlnes virsraksts ir arī saite. Daudzās tēmās klikšķis uz "Pakalpojumi" atver apakšizvēlni, bet "Pakalpojumi" pati ir arī lapa. Pārliecinieties, ka šī lapa eksistē un rāda kaut ko jēgpilnu, vai ka ir skaidrs, ka vienums ir tikai virsraksts.
• Vienkārši vārdi, kurus lietotu apmeklētāji: "Cenas", nevis "Mūsu investīciju iespējas".
• Kontakti un svarīgākā darbība (pieraksts, pasūtīšana) vienmēr pieejama, bieži izvēlnes labajā pusē vai kā poga.
• Juridiskās saites (privātuma politika, vispārīgie noteikumi, sīkdatņu iestatījumi) pieder kājenes izvēlnē, nevis galvenajā izvēlnē. Tomēr tām vienmēr jābūt atrodamām katrā lapā (nodarbība 9.3).

Mobilā un pieejamā

Telefonā izvēlne parasti sakļaujas pogā ar trim svītriņām ("hamburgera izvēlne"). Navigācijas blokā Jūs iestatāt, kad tas notiek (vienmēr vai tikai mazos ekrānos). Vienmēr pārbaudiet to īstā telefonā:

• Vai varat aizskart katru vienumu ar īkšķi, nejauši neaizskarot blakus esošo vienumu?
• Vai apakšizvēlnes atveras ar pieskārienu un atkal aizveras?
• Vai izvēlne aizveras, kad izvēlaties vienumu?

Attiecībā uz pieejamību (apmeklētājiem ar ekrāna lasītāju vai tiem, kas izmanto tikai tastatūru), pievērsiet uzmanību:

• Skaidriem saišu tekstiem. "Lasīt vairāk" vai "Klikšķiniet šeit" neko nepasaka, ja ekrāna lasītājs secīgi nolasa visas saites. "Lasīt vairāk par mūsu darba laiku" gan.
• Vadība ar tastatūru: ar Tab pārvietoties pa izvēlni, ar Ievadīt atvērt vienumu. Lielākā daļa tēmu un navigācijas bloks to dara labi; pašizveidotas izvēlnes ar skriptiem bieži nē.
• Saite uz citu tīmekļa vietni vēlams atvērt tajā pašā logā. Ja tomēr jāatver jaunā logā, norādiet to.

Cita navigācija

Papildus galvenajai izvēlnei apmeklētājiem orientēties palīdz šie elementi:

• meklēšanas lauks (meklēšanas bloks), it īpaši tīmekļa vietnē ar daudzām ziņām;
• maizes drupatas ("Sākums > Pakalpojumi > Tīmekļa dizains"), bieži nodrošina SEO spraudnis vai tēma;
• iekšējas saites Jūsu tekstos uz citām lapām (noder arī atrodamībai, nodarbība 9.2);
• 404 lapa, kas palīdz: ar meklēšanas lauku un saitēm uz svarīgākajām lapām, nevis tikai "nav atrasts". Bloku tēmā to rediģējat kā veidni "404" Vietnes redaktorā.

Praksē: kā tas izskatās panelī

WordPress administrēšanā:

• Bloku tēma: Izskats > Redaktors > Navigācija. Izvēlieties izvēlni, pievienojiet vienumus ar pluszīmi, pavelciet tos pareizajā secībā, un navigācijas bloka iestatījumos izvēlieties, kad parādās mobilā izvēlne.
• Klasiskā tēma: Izskats > Izvēlnes. Izveidojiet izvēlni, kreisajā pusē atzīmējiet lapas un noklikšķiniet Pievienot izvēlnei, pavelciet secību, un apakšā atzīmējiet izvēlnes atrašanās vietu. Saglabāt.

Kopsavilkums

• Bloku tēmā Jūs izveidojat izvēlni ar navigācijas bloku Vietnes redaktorā; klasiskajā tēmā sadaļā Izskats > Izvēlnes ar izvēlnes atrašanās vietu.
• Izvēlne norāda ceļu uz dažām svarīgām vietām: maz vienumu, ne vairāk kā viens apakšizvēlnes līmenis.
• Juridiskās saites pieder kājenes izvēlnē, vienmēr atrodamas.
• Pārbaudiet mobilo izvēlni īstā telefonā un izmantojiet saišu tekstus, kas paši par sevi kaut ko pasaka.
• Meklēšanas lauks, iekšējās saites un noderīga 404 lapa papildina izvēlni.

Tests (quiz)

Uzdevums

Uzdevums D4.3: Izvēlne, kas darbojas. Izveidojiet (vai uzlabojiet) savas tīmekļa vietnes galveno izvēlni ar ne vairāk kā septiņiem galvenajiem vienumiem, vienu apakšizvēlni un vienu pielāgotu saiti, kā arī kājenes izvēlni ar Jūsu privātuma politiku. Pārbaudiet mobilo izvēlni savā telefonā un tikai ar tastatūru (Tab un Ievadīt). Atzīmējiet, kas darbojas, un pierakstiet: kāda veida tēma Jums ir (bloku vai klasiskā), kur Jūs izveidojāt izvēlni, un kuru saites tekstu Jūs uzlabojāt un kā?

Papildu lasāmviela

Par darbu WordPress vidē mums vēl nav savu rakstu; oficiālā WordPress dokumentācija ir plaša.

• Navigācijas bloks (wordpress.org, angļu valodā): https://wordpress.org/documentation/article/navigation-block/
• Izvēlnes klasiskajās tēmās (wordpress.org, angļu valodā): https://wordpress.org/documentation/article/appearance-menus-screen/
• Vietnes redaktors (wordpress.org, angļu valodā): https://wordpress.org/documentation/article/site-editor/