Aktiv link i wordpress meny - hvordan?

[Torjus]

Hei, prøver å få min wordpress meny til å virke med a:active, men wordpress er stappet med PHP så a:active virker ikke pga et eller annet.

 

Men uansett, koden til menyen min er spesiell, så kunne ikke bruke det som er i wordpress fra før:

 

HTML koden:

<div id="meny">

<ul>
 <li class="topp"><a href="fritid1.html"><span>Hjem</span></a>
 </li>
</ul>

<ul>
 <li class="topp"><a href="fritid2.html"><span>Linjer</span></a>
   <ul>
     <li class="midt"><a href="http://www.vg.no"><span>Naturbruk</span></a></li>
     <li class="midt"><a href="http://www.vg.no"><span>IKT</span></a></li>
     <li class="midt"><a href="http://www.vg.no"><span>Idrett</span></a></li>
     <li class="bunn"><a href="http://www.vg.no"><span>Allmen påbygg</span></a></li>
   </ul>
 </li>
</ul>



<ul>
 <li class="topp"><a href="fritid3.html"><span>Fritid</span></a>
   <ul>
     <li class="midt"><a href="http://www.vg.no"><span>Eksotisk Kaffebar</span></a></li>
     <li class="midt"><a href="http://www.vg.no"><span>Sørlandsbadet</span></a></li>
     <li class="midt"><a href="http://www.vg.no"><span>Dykking</span></a></li>
     <li class="midt"><a href="http://www.vg.no"><span>Bueskyting</span></a></li>
     <li class="midt"><a href="http://www.vg.no"><span>Isbading</span></a></li>
     <li class="midt"><a href="http://www.vg.no"><span>KRIK</span></a></li>
     <li class="bunn"><a href="http://www.vg.no"><span>Klatring</span></a></li>

   </ul>
 </li>
</ul>

<ul>
 <li class="topp"><a href="fritid4.html"><span>Bildegalleri</span></a>
 </li>
</ul>


</div>

 

Menyen har 4 knapper, Hjem, Linjer, Fritid og Bildegalleri. Ved hover på Fritid og Linjer så kommer det undermenyer. Jeg vil at når man er inne på en av de 4 knappene så skal teksten bli en annen farge. For å få dette til må jeg bruke current_page_item funksjonen i wordpress, men jeg skjønner ikke helt hvordan jeg skal få det til.

 

Slik blir koden ved meny systemet wordpress bruker:

		<div id="meny">
		<ul class="menu">
			<?php if ('page' != get_option('show_on_front')) { ?>
			<li class="<?php if ( is_home() or is_archive() or is_single() or is_paged() or is_search() or (function_exists('is_tag') and is_tag()) ) { ?>current_page_item<?php } else { ?>page_item<?php } ?>"><a href="<?php echo get_settings('home'); ?>/" title="<?php echo get_option('k2blogornoblog'); ?>"><?php echo get_option('k2blogornoblog'); ?></a></li>
			<?php } ?>
			<?php wp_list_pages('sort_column=menu_order&depth=1&title_li='); ?>
		</ul>
	</div>

 

Det fungerer bra, men hvordan gjør jeg menyen over til å virke med en meny som er "vanlig"?

 

EDIT:

 

Fant denne koden:

<?php if (is_home()): ?>
<li class="current_page_item"><a xhref="<?php echo get_settings(’home’);?>">Home Page</a></li>
<?php wp_list_pages(’title_li=’); ?>
<?php else : ?>
<li><a xhref="<?php echo get_settings(’home’); ?>">Home Page</a></li>
<?php wp_list_pages(’title_li=’); ?>
<?php endif; ?>

 

Kan jeg få det til å virke slik jeg vil hvis jeg gjør noe slikt:

 

<ul>
<?php if (is_page(fritid)): ?>
 <li class="current_page_item"><a xhref="<?php echo get_settings(’home’);?>">Fritid</a></li>
<?php endif; ?>
</ul>

 

Koden stemmer garantert ikke, men bare for å gi et eksempel på hva jeg mener...

Endret 17. januar 2008 av Torjus

[semafor]

li.current_page_item a {

font-weight: bold;

}

 

--

 

a:active eksisterer bare når linken er klikket på, og slutter å eksistere når du har loadet linken.

[Torjus]

Okey, men stemmer HTML/PHP koden jeg mekket i hop?

 

<ul>
<?php if (is_page(fritid)): ?>
 <li class="current_page_item"><a xhref="<?php echo get_settings(’home’);?>">Fritid</a></li>
<?php endif; ?>
</ul>

[semafor]

is_page krever en streng.

 

is_page('fritid') vil fungere bedre. Koden skal stemme.

 

Ps. hva er xhref?

[Torjus]

Takk, nå virker denne koden:

 

<?php if (is_page('fritid')): ?>
<li class="current_page_item"><a href="<?php echo get_settings(’home’);?>">Fritid</a></li>
<?php endif; ?>

 

Men nå forsvinner alt når jeg går vekk fra siden "Fritid". Hvordan får jeg koden til å virke slik at li'en med klassen current_page_item vises når man er inne på siden "Fritid", men når man ikke er inne på siden "Fritid" så vises en annen li.

 

Noe sånt:

<ul>
 <li class="topp"><a href="fritid2.html"><span>Linjer</span></a>
<?php if (is_page('fritid')): ?>
<li class="current_page_item"><a href="<?php echo get_settings(’home’);?>">Fritid</a></li>
<?php endif; ?>
</ul>

 

Med denne koden så dukker jo begge li'ene opp da, når man er inne på siden "Fritid".