Када дизајнирате своју веб локацију у ВордПресс блок темама, можда сте приметили да главна навигација за вашу веб локацију има ограничене могућности стилизовања. На пример, када кликнете на везу странице у главној навигацији да бисте посетили страницу на својој веб локацији, веза за активну страницу не мења боју унутар главне навигације. Другим речима, нема индикација за корисника на којој се страници тренутно налази.

Добро корисничко искуство каже да посетиоци сајта увек треба да имају неку врсту индикација где се налазе на вашој веб локацији – то им помаже да се не изгубе.

У овом водичу показаћу вам како да брзо прилагодите навигацију сајта у темама блокова ВордПресс-а да бисте приказали прилагођену боју за активну страницу. Користићу тему Твенти Твенти Фоур за ову демонстрацију.

Корак 1: Идите до уређивача блокова

Са ваше ВордПресс контролне табле идите на Изглед>Уређивач (црвена стрелица на горњој фотографији). Ово ће вас одвести до уређивача сајта.

Кликните на област главног садржаја са десне стране менија. Ово ће вас одвести у уређивач блокова.

Корак 2: Додајте прилагођени ЦСС

Затим кликните на икону „Стилови“ у горњем десном углу уређивача блокова.

Кликните на икону „Више“ (вертикална икона са три тачке), а затим кликните на „Додатни ЦСС“.

Налепите следећи ЦСС код у оквир за текст „Додатни ЦСС“:

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

Замените вредност између симбола „#“ и „;“ симбол са хексадецималним кодом за било коју боју коју желите да користите (можете да добијете вредности хексадецималног кода у оквиру ВордПресс-а тако што ћете уредити било шта што има вредност боје или помоћу алатке за боје као што је ХуеМинт or Цоолорс).

Кликните на дугме „Сачувај“ на врху уређивача блокова, а затим поново кликните на „Сачувај“.

Корак 3: Прегледајте страницу

Са сачуваним променама, сада можете да кликнете на икону „Прикажи страницу“ да бисте прегледали своју веб локацију у новој боји за активну страницу у главној навигацији.

Решавање проблема

Ако вам горњи код није функционисао, можда користите тему која користи различите класе за активне ставке менија, или можда користите прилагођене везе у блоку за навигацију уместо линкова на странице.

Неблокиране теме или блок теме трећих страна

Да бисте решили претходни проблем, мораћете да користите алатку „инспецт“ у свом претраживачу и откријете која се класа користи за активне везе до страница у вашој главној навигацији (такође можете покушати да изгуглате „Коју класу ____ тема користи за активну линкови страница у главној навигацији”).

За последњи проблем, једноставно промените своје прилагођене везе на везе до страница унутар уређивача сајтова. Да бисте то урадили из уређивача блокова, кликните на лого у горњем левом углу уређивача (биће лого ВордПресс-а или логотип ваше веб локације).

Затим кликните на „Навигација“. Кликните на икону „Уреди“ поред назива главног менија вашег сајта.

Кликните на мени за навигацију да бисте га уредили. Затим кликните на „Иди на родитељски навигациони блок“ на бочној траци поставки блока ако тамо није подразумевано преузето.

Под насловом „Мени“ на бочној траци поставки блока, видећете листу свих ваших страница које се налазе у вашој главној навигацији. Ако имате неке странице сајта у навигацији које су наведене као прилагођена веза (као што је доњи унос на пример фотографије), мораћете да избришете унос и поново га додате као страницу (ако је могуће).

Да бисте то урадили, кликните на икону „Опције“ поред уноса, а затим кликните на „Уклони ____“. Затим кликните на икону „+“ на дну листе страница.

Затим кликните на „Веза странице“, а затим пронађите страницу коју желите да додате. Када додате страницу, кликните на „Сачувај“ и поново кликните на „Сачувај“. Питање треба решити.

Пин Ит он Пинтерест