Italiano
Español
РусскийCum să adaugi starea activă la linkurile de navigație?
Încerc să adaug stări active pentru meniul meu personalizat de navigație, dar până acum nimic din ce încerc nu funcționează. Am configurat meniul de navigație într-un fișier separat nav.php, apoi l-am inclus în fișierul header.php astfel:
<?php include('nav.php'); ?>
Am creat pagini personalizate WordPress în directorul child și am inclus header.php imediat după numele template-ului:
<?php /* Template Name: Pagina de Design Website*/
?>
<?php get_header(); ?>
Iată codul meu HTML și PHP actual din nav.php unde am adăugat un atribut id unic "currentpage" pentru a indica care element de meniu reflectă pagina curentă a utilizatorului:
<ul id="menu" class="clearfix">
<li<?php if ($thisPage=="Despre")
echo " id=\"currentpage\""; ?> class="parent-item"><a href="/despre" title="Pagina de bun venit" class="parent-link menu-item-2" id="main-menu-item-4">Despre</a></li>
<li<?php if ($thisPage=="Portofoliu")
echo " id=\"currentpage\""; ?> class="parent-item"><a href="/portofoliu" class="parent-link menu-item-3">Portofoliu</a></li>
<li<?php if ($thisPage=="Servicii")
echo " id=\"currentpage\""; ?> class="parent-item"><a href="/servicii" class="parent-link menu-item-4">Servicii</a></li>
<li<?php if ($thisPage=="Prețuri")
echo " id=\"currentpage\""; ?> class="parent-item"><a href="/preturi" class="parent-link menu-item-5">Prețuri</a></li>
</ul>
Și acesta este CSS-ul meu pentru stările hover și active:
ul#menu li a:hover {
background-color: #999999;
color: #fff;
}
ul#menu li #currentpage a {
background: #fff;
color: #333;
}
Pentru fiecare pagină am atribuit valoarea după numele template-ului, iată pagina mea Principală:
<?php /* Template Name: Pagina de Design Website
*/
?>
<?php $thisPage="Principală"; ?>
<?php get_header(); ?>
Sper că cineva mă va putea ajuta, chiar nu înțeleg de ce acest cod sau orice alt cod PHP pe care îl încerc nu reușesc să fac aceste meniuri personalizate să funcționeze.
Salut Dan, este un meniu personalizat cu id-ul #menu, dar acum l-am schimbat în wp_nav_menu și am făcut și modificări în css. Ar trebui să șterg și acest cod php din toate li-urile cu bullet: <?php if ($thisPage=="About") echo " id=\"currentpage\""; ?>
Steven Donea
De ce nu folosești pur și simplu funcția wp_nav_menu() în loc să creezi manual meniul?
Dan
Salut Dan, ai dreptate că e mai bine să folosești funcția wp_nav_menu(), decât să te complici să creezi unul manual. Așa că am readus navigația WordPress și acum am asta: <div id="access" role="navigation"> <?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?> </div> singura problemă acum este când încerc să stilizez meniurile, în primul rând nu reușesc să fac ca meniurile să plutească la dreapta.
Steven Donea
Probabil va trebui să modifici selectorii CSS pentru a funcționa cu HTML-ul generat de WordPress. În mod normal, elementul <ul> are o clasă "menu", nu un ID ca în exemplul tău de cod.
Dan