Wann Dir Är Websäit an WordPress Block Themen designt, hutt Dir vläicht gemierkt datt d'Haaptnavigatioun fir Är Site limitéiert Stylingoptiounen huet. Zum Beispill, wann Dir op e Säitlink an Ärer Haaptnavigatioun klickt fir eng Säit op Ärer Websäit ze besichen, ännert de Link fir déi aktiv Säit d'Faarf an der Haaptnavigatioun net. An anere Wierder, et gëtt keng Indikatioun fir de Benotzer op wéi enger Säit se de Moment sinn.

Gutt Benotzererfarung seet datt d'Besucher vun de Site ëmmer eng Zort Indikatioun hunn wéi se op Ärem Site sinn - et hëlleft se ze vermeiden.

An dësem Tutorial weisen ech Iech wéi Dir Är Sitenavigatioun séier an WordPress Blockthemen personaliséiere kënnt fir eng personaliséiert Faarf fir déi aktiv Säit ze weisen. Ech wäert den Twenty Twenty Four Thema fir dës Demonstratioun benotzen.

Schrëtt 1: Navigéiert op de Block Editor

Vun Ärem WordPress Dashboard, gitt op Ausgesinn> Editor (roude Pfeil op der Foto uewen). Dëst bréngt Iech an de Site Editor.

Klickt op den Haaptinhaltsberäich riets vum Menü. Dëst bréngt Iech an de Block Editor.

Schrëtt 2: Add Custom CSS

Als nächst klickt op d'Ikon "Styles" an der oberer rechter Ecke vum Block Editor.

Klickt op d'Ikon "Méi" (déi vertikal dräi Punkte Ikon), da klickt op "Zousätzlech CSS."

Paste de folgenden CSS Code an d'Textbox "Zousätzlech CSS":

.current-menu-item {
  color: #e23f1b;
}

Ersetzt de Wäert tëscht dem "#" Symbol an dem ";" Symbol mam Hexcode fir all Faarf déi Dir benotze wëllt (Dir kënnt Faarf Hexcode Wäerter bannent WordPress kréien andeems Dir alles ännert wat e Faarfwäert huet, oder andeems Dir e Faarftool benotzt wéi HueMint or Cooloren).

Klickt op de "Späicheren" Knäppchen uewen am Block Editor, klickt dann nach eng Kéier op "Späicheren".

Schrëtt 3: View Säit

Mat Ären Ännerunge gespäichert, kënnt Dir elo op d'Ikon "View Säit" klickt fir Är Site mat der neier Faarf fir déi aktiv Säit an Ärer Haaptnavigatioun ze gesinn.

Troubleshooting

Wann den uewe genannte Code net fir Iech funktionnéiert, benotzt Dir vläicht en Thema dat verschidde Klassen fir aktiv Menüartikele benotzt, oder Dir benotzt vläicht personaliséiert Linken an Ärem Navigatiounsblock anstatt Säitlinks.

Net-Block Themen oder Drëtt Partei Block Themen

Fir dat fréiert Thema ze léisen, musst Dir d'Inspektiouns-Tool an Ärem Browser benotzen an erausfannen wéi eng Klass fir aktiv Säitlinks an Ärer Haaptnavigatioun benotzt gëtt (Dir kënnt och probéieren Googelen "Wat fir eng Klass benotzt ____ Thema fir aktiv Säit Linken an der Haaptnavigatioun").

Fir déi lescht Ausgab, ännert einfach Är personaliséiert Linken op Säitlinks am Site Editor. Fir dëst aus dem Block Editor ze maachen, klickt op de Logo an der ieweschter lénkser Ecke vum Editor (ass de WordPress Logo oder de Logo vun Ärem Site).

Da klickt op "Navigatioun". Klickt op d'Ikon "Edit" nieft dem Numm vum Haaptmenü vun Ärem Site.

Klickt op de Navigatiounsmenü fir et z'änneren. Da klickt op "Gitt op d'Elterennavigatiounsblock" an der Block Settings Sidebar wann net als Standard do geholl ginn.

Ënnert der Rubrik "Menu" an der Block Settings Sidebar, gesitt Dir eng Lëscht vun all Är Säiten déi an Ärer Haaptnavigatioun sinn. Wann Dir Site Säiten an der Navigatioun hutt, déi als personaliséierte Link opgezielt sinn (wéi den ënneschten Entrée an der Beispillfoto), musst Dir d'Entrée läschen an et als Säit erëm derbäisetzen (wa méiglech).

Fir dëst ze maachen, klickt op d'Ikon "Optiounen" nieft der Entrée, klickt dann op "Ewechmaachen ____." Als nächst klickt op d'Ikon "+" um Enn vun der Säit Lëscht.

Als nächst, klickt op "Säit Link", da fann d'Säit déi Dir derbäi wëllt. Wann Dir d'Säit derbäigesat hutt, klickt op "Späicheren" a klickt nach eng Kéier op "Späicheren". De Problem soll geléist ginn.