Léiert wéi Dir e Sticky Menu fir Är WordPress Websäit Haaptnavigatioun erstellt! Sticky Menüen hëllefen d'Benotzererfarung ze verbesseren andeems de Menü vun Ärer Websäit méi liicht verfügbar ass fir Site Besucher. Plus, et kann hëllefen de Gesamtbild vun Ärem Site ze verbesseren. Loosst eis an et ginn!

Inhaltsverzeechnes

1. Navigéiert op de Site Editor

Den éischte Schrëtt an dësem Prozess ass fir op de "Site Editor" am WordPress Administratiounsberäich ze navigéieren. De Site Editor ass verfügbar fir "Block Themes" a WordPress, unzehuelen datt Dir WordPress Versioun 5.9 oder méi nei benotzt.

Fir an de Site Editor ze navigéieren, gitt op Ausgesinn> Editor (roude Pfeil am Bild hei uewen) vun der Haaptnavigatioun am WP Admin Beräich.

Klickt op d'Haaptinhaltsberäich op der rietser Säit vum Écran (am hellblo skizzéiert a mam bloe Pfeil am uewe genannte Imate bezeechent). Dëst bréngt Iech an de Block Editor am Site Editor.

Op der rietser Säit, ënner dem Tab "Säit", gesitt Dir eng Zeil mam Label "Schabloun" (blo an der Foto hei uewen). Klickt op den Numm vum Schabloun / Link (roude Pfeil). Da klickt op "Schabloun änneren" (grénge Pfeil - heiansdo ass "Schabloun änneren" e klengen bloen Textlink ënner dem Dropdown, deen Äre Schablounnumm weist).

2. Änneren Är Schabloun

Dir sidd elo am Template Editor fir d'Homepage vun Ärer Websäit. (Wann Dir keng Homepage fir Äre Site gesat hutt, kënnt Dir kucken dësen Tutorial fir eng statesch Homepage fir Är WordPress Websäit ze setzen).

Am Top vun der Schabloun ass Är Haaptnavigatioun fir Är Säit - och den "Header" vun Ärer Websäit genannt. Wann Dir Är Maus iwwer dëst Element hovert, gesitt Dir eng purpurroude Këscht déi et ausdréckt (roude Pfeil am Bild hei uewen). Dëst weist datt dëst Element a "Synchroniséiert Muster," dat heescht eng Ännerung op eng Instanz vum Muster ze maachen wäert Ännerungen iwwer all Instanzen Sitewide gëllen. Klickt op dëse Beräich fir de Header synchroniséiert Muster ze wielen.

Wann dëst den Haapt Header Element vun Ärem Site ass, sollt Dir elo gesinn datt dat synchroniséiert Muster "Header" an der Block Toolbar bezeechent gëtt.

3. Füügt Ären Header an e Grupp

Bannent der Block Toolbar fir dat gewielt Header Muster, klickt op d'Ikon "Optiounen" (roude Pfeil am Bild hei uewen) a wielt "Grupp" (grénge Pfeil). Dëst wäert dat synchroniséiert Muster an e Gruppeblock nestéieren.

Dir wäert bemierken datt d'Block Toolbar elo d'Grupp Block Ikon huet (bloe Pfeil am Bild hei uewen), an d'Kontur ronderëm d'Haaptnavigatiounsberäich ass elo blo anstatt purpur (roude Pfeil).

Notéiert datt dëst d'Breet vun Ärem Haaptnavigatiounsmenü änneren kann. Fir d'Breet unzepassen, hover Är Maus iwwer de Header synchroniséiert Muster a klickt fir et ze wielen (roude Pfeil).

An der Block Toolbar fir den Header synchroniséiert Muster, klickt op d'Ikon "Align" (grénge Pfeil) a ännert dëst zréck op déi gewënscht Breet (bloe Pfeil - a mengem Fall hunn ech "Wide Width" gewielt).

Fir zréck an de Gruppeblock zréckzekommen, klickt op d'Ikon "Select Group" an der Header Block Toolbar (rosa Pfeil).

WordPress Vereinfacht: Wéi bauen ech mächteg Websäite Cours vum Davies Media Design

4. Setzt de Grupp op "Sticky"

Mat der gewielter Grupp, navigéiert op de Tab "Block" ënner der Parameteren Sidebar op der rietser Säit vum Écran (roude Pfeil am Bild hei uewen).

Klickt op de Menü Element mam Label "Positioun" (grénge Pfeil). Dir gesitt elo en Dropdown hei mam Label "Standard" (rosa Pfeil). Klickt op den Dropdown-Menü a wielt d'Optioun "Sticky" (bloe Pfeil).

Navigéiert op d'Spëtzt vum Editor a klickt op de "Späicheren" Knäppchen (roude Pfeil), da klickt nach eng Kéier op "Späicheren". Dir hutt elo e Stick Menu Haaptnavigatioun fir Är WordPress Websäit!

5. Style de Sticky Menu

Dir kënnt vill Elementer vum neie Klebstoffmenü personaliséieren / styléieren, awer fir dësen Tutorial addéieren ech einfach en Hannergrond hannert dem Gruppeblock fir ze garantéieren datt de Menü iwwer d'ganz Breet vun der Websäit spant.

Fir dëst ze maachen, mam gewielte Gruppeblock, navigéieren ech op de Tab "Styles" vun der Sidebar Settings (roude Pfeil am Bild hei uewen).

Ënner "Faarf" klickt ech op d'Optioun "Background" (bloe Pfeil), wielt dann de wäisse Swatch fir d'Hannergrondfaarf op wäiss (grénge Pfeil) ze setzen.

Nach eng Kéier klickt op "Späicheren" zweemol fir d'Ännerungen ze späicheren.

Notéiert datt Dir ëmmer d'Breet, d'Héicht oder d'Distanz vum Header vun Ärer Websäit ënner der Rubrik "Dimensiounen" benotze kënnt mat de Schieber "Padding" a "Margin".

Dir kënnt Äre Site Virschau andeems Dir op den Apparat Ikon (roude Pfeil) klickt, klickt dann op "View Site" (grénge Pfeil).

Dir kënnt Är Websäit scrollen a kucken datt de Sticky Navigatiounsmenü uewen op der Plaz bleift (grénge Pfeil)!

Wann Dir fäerdeg sidd Äre Klebstoffmenü z'änneren, klickt op de "Back" Knäppchen uewen am Editor (roude Pfeil). Dëst wäert Iech op Är Websäit am Side Editor zréckginn.

Fir zréck an d'WP Admin Beräich zréckzekommen, klickt einfach op de Logo an der ieweschter lénkser Ecke.

Dat ass et fir dësen Tutorial! Wann Dir et genoss hutt, kënnt Dir léiert WordPress mat mengem am-Déift Cours op Udemy. Oder, Dir kënnt aner gratis kucken WordPress Video Tutorials an WordPress Hëllef Artikelen op menger Websäit.

Davies Media Design Gratis Kreativ Apps E-Mail Newsletter

Abonnéiert den DMD Newsletter

Registréiert Iech fir nei Tutorials, Courseupdates an déi lescht Neiegkeeten iwwer Äre Liiblings gratis kreativ Apps ze kréien!

Dir hutt Réussite gezeechent!

Pin Et op Invasiounen