Naučite se ustvariti lepljiv meni za glavno navigacijo vašega spletnega mesta WordPress! Lepljivi meniji pomagajo izboljšati uporabniško izkušnjo, saj naredijo meni vašega spletnega mesta lažje dostopen obiskovalcem spletnega mesta. Poleg tega lahko pomaga izboljšati splošni videz vašega spletnega mesta. Poglobimo se v to!

Kazalo

1. Pomaknite se do urejevalnika spletnega mesta

Prvi korak v tem procesu je, da se v skrbniškem območju WordPress pomaknete do »Urejevalnika spletnega mesta«. Urejevalnik spletnega mesta je na voljo za »Blokiraj teme« v WordPressu, ob predpostavki, da uporabljate WordPress različico 5.9 ali novejšo.

Za navigacijo do urejevalnika spletnega mesta pojdite na Videz> Urejevalnik (rdeča puščica na zgornji sliki) iz glavne navigacije v skrbniškem območju WP.

Kliknite področje glavne vsebine na desni strani zaslona (obrobljeno v svetlo modri barvi in ​​označeno z modro puščico v zgornjem delu). To vas bo pripeljalo do urejevalnika blokov znotraj urejevalnika spletnega mesta.

Na desni strani boste pod zavihkom »Stran« videli vrstico z oznako »Predloga« (na zgornji sliki je označena z modro barvo). Kliknite ime/povezavo predloge (rdeča puščica). Nato kliknite »Uredi predlogo« (zelena puščica – včasih je »Uredi predlogo« majhna modra besedilna povezava pod spustnim menijem, ki prikazuje ime vaše predloge).

2. Uredite svojo predlogo

Zdaj boste v urejevalniku predlog za domačo stran vašega spletnega mesta. (Če za svoje spletno mesto nimate nastavljene domače strani, si lahko ogledate to vadnico o nastavitvi statične domače strani za vaše spletno mesto WordPress).

Na vrhu predloge je vaša glavna navigacija za vašo stran – imenovana tudi »glava« vaše spletne strani. Ko z miško premaknete nad ta element, boste videli vijolično polje, ki ga obroblja (rdeča puščica na zgornji sliki). To pomeni, da je ta element a "sinhroniziran vzorec," kar pomeni, da bo sprememba enega primerka vzorca uveljavila spremembe v vseh primerkih na celotnem spletnem mestu. Kliknite to območje, da izberete vzorec sinhronizirane glave.

Če je to glavni element glave vašega spletnega mesta, bi morali zdaj videti, da je sinhronizirani vzorec v orodni vrstici blokov označen z »Glava«.

3. Dodajte svojo glavo v skupino

V orodni vrstici bloka za izbrani vzorec glave kliknite ikono »Možnosti« (rdeča puščica na zgornji sliki) in izberite »Skupina« (zelena puščica). S tem boste sinhronizirani vzorec ugnezdili v skupinski blok.

Opazili boste, da ima orodna vrstica za blokiranje zdaj ikono skupinskega bloka (modra puščica na zgornji sliki), obris okoli glavnega navigacijskega območja pa je zdaj moder namesto vijoličen (rdeča puščica).

Upoštevajte, da lahko to spremeni širino vašega glavnega navigacijskega menija. Če želite prilagoditi širino, premaknite miškin kazalec nad vzorec sinhronizirane glave in ga kliknite, da ga izberete (rdeča puščica).

V orodni vrstici blokov za vzorec sinhronizirane glave kliknite ikono »Poravnaj« (zelena puščica) in spremenite to nazaj na želeno širino (modra puščica – v mojem primeru sem izbral »Široka širina«).

Če se želite vrniti nazaj v blok skupine, kliknite ikono »Izberi skupino« v orodni vrstici bloka glave (roza puščica).

WordPress Simplified: Kako zgraditi zmogljiva spletna mesta, tečaj Davies Media Design

4. Skupino nastavite na »Sticky«

Z izbrano skupino se pomaknite do zavihka »Blokiraj« pod stransko vrstico z nastavitvami na desni strani zaslona (rdeča puščica na zgornji sliki).

Kliknite element menija z oznako »Položaj« (zelena puščica). Zdaj boste tukaj videli spustni meni z oznako »Privzeto« (roza puščica). Kliknite spustni meni in izberite možnost »Lepljivo« (modra puščica).

Pomaknite se na vrh urejevalnika in kliknite gumb »Shrani« (rdeča puščica), nato znova kliknite »Shrani«. Zdaj boste imeli glavno krmarjenje v meniju s palico za vaše spletno mesto WordPress!

5. Oblikujte lepljivi meni

Številne elemente novega lepljivega menija lahko prilagodite/slogujete, vendar bom za to vadnico preprosto dodal ozadje za skupinski blok, da zagotovim, da se meni razteza čez celotno širino spletne strani.

Če želite to narediti, se bom z izbranim blokom skupine pomaknil na zavihek »Slogi« v stranski vrstici z nastavitvami (rdeča puščica na zgornji sliki).

V razdelku »Barva« bom kliknil možnost »Ozadje« (modra puščica), nato pa izbral bel vzorec, da bom barvo ozadja nastavil na belo (zelena puščica).

Še enkrat bom dvakrat kliknil »Shrani«, da shranite spremembe.

Upoštevajte, da lahko vedno prilagodite širino, višino ali razmik glave vašega spletnega mesta v razdelku »Dimenzije« z uporabo drsnikov »Oblazinjenje« in »Robovi«.

Predogled spletnega mesta si lahko ogledate tako, da kliknete ikono naprave (rdeča puščica), nato kliknete »Ogled spletnega mesta« (zelena puščica).

Lahko se pomikate po spletnem mestu in opazujete, kako lepljivi navigacijski meni ostane na vrhu (zelena puščica)!

Ko končate z urejanjem lepljivega menija, kliknite gumb »Nazaj« na vrhu urejevalnika (rdeča puščica). To vas bo vrnilo na vašo spletno stran znotraj stranskega urejevalnika.

Če se želite vrniti v skrbniško območje WP, preprosto kliknite logotip v zgornjem levem kotu.

To je to za to vadnico! Če ste uživali, lahko naučite se WordPressa z mojim poglobljenim tečajem o Udemyju. Ali pa si lahko ogledate druge brezplačne Video vadnice WordPress in Članki pomoči za WordPress na moji spletni strani.

Davies Media Design Free Creative Apps e-novice

Naročite se na glasilo DMD

Prijavite se, če želite prejemati nove vadnice, posodobitve tečajev in najnovejše novice o vaših najljubših brezplačnih ustvarjalnih aplikacijah!

Uspešno ste vpisani!

It pin na Pinterest