Uzziniet, kā izveidot lipīgo izvēlni savas WordPress vietnes galvenajai navigācijai! Pielīmētās izvēlnes palīdz uzlabot lietotāja pieredzi, padarot jūsu vietnes izvēlni vieglāk pieejamu vietnes apmeklētājiem. Turklāt tas var palīdzēt uzlabot jūsu vietnes kopējo izskatu. Iedziļināsimies tajā!

1. Pārejiet uz vietnes redaktoru

Pirmais solis šajā procesā ir pāriet uz “Vietnes redaktoru” WordPress administratora apgabalā. Vietnes redaktors ir pieejams WordPress motīvu bloķēšanai, pieņemot, ka izmantojat WordPress 5.9 vai jaunāku versiju.

Pārejiet uz WordPress vietnes redaktoru, izmantojot Izskats> Redaktors

Lai pārietu uz vietnes redaktoru, dodieties uz Izskats> Redaktors (sarkanā bultiņa augšējā attēlā) no galvenās navigācijas sadaļas WP Admin.

Noklikšķiniet uz Galvenās tīmekļa lapas satura apgabala ekrāna labajā pusē

Noklikšķiniet uz galvenā satura apgabala ekrāna labajā pusē (iepriekš redzamajā attēlā iezīmēts gaiši zilā krāsā un apzīmēts ar zilu bultiņu). Tas jūs novirzīs uz bloku redaktoru vietnes redaktorā.

Rediģējiet savu WordPress veidni, lapas iestatījumu sānjoslā noklikšķinot uz Veidnes nosaukuma saites

Labajā pusē zem cilnes “Lapa” redzēsit rindu ar nosaukumu “Veidne” (iepriekš redzamajā attēlā iezīmēta zilā krāsā). Noklikšķiniet uz veidnes nosaukuma/saites (sarkanā bultiņa). Pēc tam noklikšķiniet uz “Rediģēt veidni” (zaļā bultiņa — dažreiz “Rediģēt veidni” ir neliela zila teksta saite zem nolaižamās izvēlnes, kas parāda jūsu veidnes nosaukumu).

2. Rediģējiet savu veidni

Tagad būsit savas vietnes sākumlapas veidņu redaktorā. (Ja vietnei nav iestatīta sākumlapa, varat to pārbaudīt šī apmācība par statiskas sākumlapas iestatīšanu jūsu WordPress vietnei).

Vietnes redaktora augšdaļā noklikšķiniet uz galvenes veidnes daļas

Veidnes augšdaļā ir jūsu lapas galvenā navigācija — to sauc arī par jūsu tīmekļa lapas galveni. Novietojot peles kursoru virs šī elementa, jūs redzēsit purpursarkanu lodziņu, kas iezīmē to (sarkanā bultiņa iepriekš redzamajā attēlā). Tas norāda, ka šis elements ir a "sinhronizēts modelis", tas nozīmē, ka, veicot izmaiņas vienā modeļa instancē, izmaiņas tiks lietotas visās vietnēs. Noklikšķiniet uz šī apgabala, lai atlasītu galvenes sinhronizēto modeli.

Ja šis ir jūsu vietnes galvenais galvenes elements, tagad bloķēšanas rīkjoslā sinhronizētajam rakstam vajadzētu būt apzīmētam ar nosaukumu “Galvene”.

3. Pievienojiet galveni grupai

Bloķēšanas rīkjoslā noklikšķiniet uz ikonas Trīs punkti un noklikšķiniet uz WordPress galvenes Grupēt, lai grupētu

Atlasītā galvenes raksta bloķēšanas rīkjoslā noklikšķiniet uz ikonas “Opcijas” (sarkanā bultiņa augšējā attēlā) un atlasiet “Grupa” (zaļā bultiņa). Tādējādi sinhronizētais modelis tiks ligzdots grupas blokā.

Tīmekļa lapas galvenes bloks tagad ir grupas bloks

Jūs pamanīsit, ka bloķēšanas rīkjoslā tagad ir grupas bloka ikona (zila bultiņa iepriekš redzamajā attēlā), un kontūra ap galveno navigācijas apgabalu tagad ir zila, nevis violeta (sarkana bultiņa).

Bloķēšanas rīkjoslā noklikšķiniet uz līdzināšanas ikonas un atlasiet Wide Width

Ņemiet vērā, ka tas var mainīt galvenās navigācijas izvēlnes platumu. Lai pielāgotu platumu, virziet kursoru virs galvenes sinhronizētā raksta un noklikšķiniet, lai to atlasītu (sarkanā bultiņa).

Galvenes sinhronizētā raksta bloku rīkjoslā noklikšķiniet uz ikonas "Izlīdzināt" (zaļā bultiņa) un mainiet to atpakaļ uz vēlamo platumu (zilā bultiņa - manā gadījumā es izvēlējos "Platums").

Lai atgrieztos grupas blokā, galvenes bloka rīkjoslā noklikšķiniet uz ikonas “Atlasīt grupu” (rozā bultiņa).

WordPress vienkāršots: Deivisa mediju dizaina kurss, kā izveidot jaudīgas vietnes

4. Iestatiet grupai “Lipīga”.

Pārejiet uz WordPress bloķēšanas iestatījumu sānjoslu un nolaižamajā izvēlnē atlasiet Sticky

Kad grupa ir atlasīta, dodieties uz cilni “Bloķēt” zem iestatījumu sānjoslas ekrāna labajā pusē (sarkanā bultiņa augšējā attēlā).

Noklikšķiniet uz izvēlnes vienuma ar nosaukumu “Position” (zaļā bultiņa). Šeit jūs redzēsit nolaižamo izvēlni ar nosaukumu “Noklusējums” (rozā bultiņa). Noklikšķiniet uz nolaižamās izvēlnes un atlasiet opciju “Lipīga” (zilā bultiņa).

Noklikšķiniet uz Saglabāt, lai saglabātu savas WordPress vietnes izmaiņas

Pārejiet uz redaktora augšdaļu un noklikšķiniet uz pogas “Saglabāt” (sarkanā bultiņa), pēc tam vēlreiz noklikšķiniet uz “Saglabāt”. Tagad jūsu WordPress vietnei būs nūjas izvēlnes galvenā navigācija!

5. Veidojiet pielīmējamās izvēlnes stilu

Varat pielāgot/stilizēt daudzus jaunās lipīgās izvēlnes elementus, taču šai apmācībai es vienkārši pievienošu fonu aiz grupas bloka, lai nodrošinātu, ka izvēlne aptver visu tīmekļa lapas platumu.

WordPress bloķēšanas iestatījumu sānjoslā noklikšķiniet uz cilnes Stili

Lai to izdarītu, ja ir atlasīts grupas bloks, es pāreju uz iestatījumu sānjoslas cilni "Stili" (sarkanā bultiņa iepriekš redzamajā attēlā).

Sadaļā “Krāsa” es noklikšķināšu uz opcijas “Fons” (zilā bultiņa), pēc tam atlasīšu balto paraugu, lai iestatītu fona krāsu uz baltu (zaļa bultiņa).

Vēlreiz es divreiz noklikšķināšu uz “Saglabāt”, lai saglabātu izmaiņas.

Ņemiet vērā, ka vienmēr varat pielāgot savas vietnes galvenes platumu, augstumu vai atstarpi sadaļā “Izmēri”, izmantojot slīdņus “Padding” un “Margin”.

Priekšskatiet savas lipīgās vietnes galveni programmā WordPress, noklikšķinot uz priekšskatījuma ikonas

Varat priekšskatīt savu vietni, noklikšķinot uz ierīces ikonas (sarkanā bultiņa), pēc tam noklikšķiniet uz Skatīt vietni (zaļā bultiņa).

Kad ritināsit, jūsu pielīmētā izvēlne paliks jūsu vietnes augšdaļā

Varat ritināt savu vietni un skatīties, ka lipīgā navigācijas izvēlne paliek vietā augšpusē (zaļā bultiņa)!

Noklikšķiniet uz pogas Atpakaļ, lai atgrieztos WordPress vietnes redaktorā

Kad esat pabeidzis rediģēt lipīgo izvēlni, noklikšķiniet uz pogas “Atpakaļ” redaktora augšdaļā (sarkanā bultiņa). Tādējādi jūs atgriezīsities jūsu tīmekļa lapā sānu redaktorā.

Lai atgrieztos WP administratora apgabalā, vienkārši noklikšķiniet uz logotipa augšējā kreisajā stūrī.

Tas ir viss šai apmācībai! Ja jums tas patika, varat apgūstiet WordPress, izmantojot manu padziļināto kursu par Udemy. Vai arī varat apskatīt citus bezmaksas WordPress video pamācības un WordPress palīdzības raksti manā tīmekļa vietnē.

Davies Media Design bezmaksas radošo lietotņu e-pasta biļetens

Abonējiet DMD biļetenu

Reģistrējieties, lai saņemtu jaunas apmācības, kursu atjauninājumus un jaunākās ziņas par savām iecienītākajām bezmaksas radošajām lietotnēm!

Jūs esat veiksmīgi Parakstītais!