Þegar þú hannar vefsíðuna þína í WordPress blokkarþemum gætirðu hafa tekið eftir því að aðalleiðsögnin fyrir síðuna þína hefur takmarkaða stílvalkosti. Til dæmis, þegar þú smellir á síðutengil í aðalleiðsögninni þinni til að heimsækja síðu á vefsíðunni þinni, breytist hlekkurinn fyrir virku síðuna ekki um lit inni í aðalleiðsögninni. Með öðrum orðum, það er engin vísbending fyrir notandann um á hvaða síðu hann er núna.

Góð notendaupplifun segir að gestir síðunnar ættu alltaf að hafa einhvers konar vísbendingu um hvar þeir eru staddir á síðunni þinni - það hjálpar til við að koma í veg fyrir að þeir týnist.

Í þessari kennslu mun ég sýna þér hvernig á að sérsníða síðuna þína fljótt í WordPress blokkarþemum til að sýna sérsniðinn lit fyrir virku síðuna. Ég mun nota Twenty Twenty Four þemað fyrir þessa sýnikennslu.

Skref 1: Farðu í Block Editor

Frá WordPress mælaborðinu þínu, farðu í Útlit> Ritstjóri (rauð ör á myndinni hér að ofan). Þetta mun fara með þig í vefritstjórann.

Smelltu á aðalefnissvæðið hægra megin við valmyndina. Þetta mun taka þig inn í Block Editor.

Skref 2: Bættu við sérsniðnum CSS

Næst skaltu smella á „Stílar“ táknið efst í hægra horninu á Block Editor.

Smelltu á „Meira“ táknið (lóðrétta þriggja punkta táknið), smelltu síðan á „Viðbótar CSS“.

Límdu eftirfarandi CSS kóða inn í „Viðbótar CSS“ textareitinn:

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

Skiptu út gildinu á milli „#“ táknsins og „;“ tákn með sexkantskóðanum fyrir hvaða lit sem þú vilt nota (þú getur fengið sexkantaða litakóðagildi innan WordPress með því að breyta öllu sem hefur litagildi, eða með því að nota litatól eins og HueMint or Coolors).

Smelltu á „Vista“ hnappinn efst á blokkaritilnum og smelltu síðan á „Vista“ aftur.

Skref 3: Skoða síðu

Þegar breytingarnar þínar eru vistaðar geturðu nú smellt á „Skoða síðu“ táknið til að forskoða síðuna þína með nýja litnum fyrir virku síðuna í aðalleiðsögninni þinni.

Bilanagreining

Ef ofangreindur kóði virkaði ekki fyrir þig gætirðu verið að þú sért að nota þema sem notar mismunandi flokka fyrir virka valmyndaratriði, eða þú gætir verið að nota sérsniðna tengla í yfirlitsblokkinni frekar en síðutengla.

Þemu án blokka eða þemu frá þriðja aðila

Til að leysa fyrra vandamálið þarftu að nota „skoða“ tólið í vafranum þínum og finna út hvaða flokkur er notaður fyrir virka síðutengla í aðalleiðsögninni þinni (þú getur líka prófað að googla „Hvaða flokkur notar ____ þema fyrir virka síðutenglar í aðalleiðsögninni“).

Fyrir síðara málið skaltu einfaldlega breyta sérsniðnum tenglum þínum í síðutengla í vefritstjóranum. Til að gera þetta innan úr Block Editor, smelltu á lógóið efst í vinstra horninu á ritlinum (verður WordPress lógóið eða lógó síðunnar þinnar).

Smelltu síðan á „Leiðsögn“. Smelltu á „Breyta“ táknið við hliðina á nafni aðalvalmyndar síðunnar þinnar.

Smelltu á yfirlitsvalmyndina til að breyta henni. Smelltu síðan á „Fara í foreldraleiðsögublokk“ í hliðarstikunni Block Settings ef það er ekki sjálfgefið.

Undir fyrirsögninni „Valmynd“ í hliðarstikunni fyrir blokkastillingar muntu sjá lista yfir allar síðurnar þínar sem eru í aðalleiðsögninni þinni. Ef þú ert með einhverjar síðusíður í flakkinu sem eru skráðar sem sérsniðinn hlekkur (eins og neðsta færslan á dæmimyndinni), verður þú að eyða færslunni og bæta henni aftur við sem síðu (ef mögulegt er).

Til að gera þetta, smelltu á „Valkostir“ táknið við hliðina á færslunni og smelltu síðan á „Fjarlægja ____“. Næst skaltu smella á „+“ táknið neðst á síðulistanum.

Næst skaltu smella á „Page Link“ og finna síðan síðuna sem þú vilt bæta við. Þegar þú hefur bætt við síðunni skaltu smella á „Vista“ og smella á „Vista“ aftur. Það ætti að leysa málið.

Pinna það á Pinterest