В настоящее время я работаю над сайтом для клиента – все работает нормально, но в пределах навигации у меня есть настройка для дочерних ссылок, используя следующий код
<div id="sub_nav_del"> <h4>Take a seat</h4> <?php $subnav_parent = ($post->post_parent) ? $post->post_parent : $post->ID; $pages = get_pages('child_of=' . $subnav_parent . '&sort_column=menu_order'); $count = 0; foreach($pages as $page) { ?> <ul> <li> <h5 class="del"> <a href="<?php echo get_page_link($page->ID) ?>" ><?php echo $page->post_title ?></a> </h5> </li> </ul> <?php } ?> </div>
Вы можете увидеть пример на http://www.lagourmetteria.co.uk/take-a-seat/wine-room/ , для этой страницы мне хотелось бы, чтобы текущие страницы ссылались на оранжевый.
Я хотел бы, чтобы текущая ссылка была другим цветом только в пределах детской навигации. Есть ли простой способ сделать это, к сожалению, мои навыки PHP не фантастические.
У вас уже есть то, что вам нужно, как класс в <body>
который является wine-room
(вероятно, пули). Таким образом, в вашем CSS вы можете сделать следующее волшебство:
body.wine-room a[href*="wine-room"], body.tasting-room a[href*="tasting-room"], body.food-drink-menu a[href*="food-drink-menu"], body.have-it-all-private-parties a[href*="have-it-all-private-parties"] { color: orange !important; }
ОБНОВИТЬ
Добавлены все пули в этом подменю.
ОБНОВЛЕНИЕ 2
Добавлено !important
переопределить любой другой стиль.