Sliding doors CSS techniek bij custom menu

  • Ann-Sophie

    (@ann-sophie)


    14 jaren, 10 maanden geleden

    Hallo,

    ik ben helemaal nieuw bij WordPress, dus misschien een domme vraag…

    http://www.jamandcheese.be/wordpress/
    Ik heb een custom menu in de site en wil er de sliding doors techniek op toepassen. Nu lukt dat niet zoals je duidelijk ziet, want normaal gezien staat er rond elk list item een <span>-tag voor het linkergedeelte van de button. Dit gaat natuurlijk niet bij het custom menu. Hoe kan ik die sliding doors toch aan’t werk krijgen?

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Funkphenomenon

    (@funkphenomenon)

    14 jaren, 10 maanden geleden

    Even gezocht, kon dit vinden:
    Improve your WordPress Navigation Menu Output .

    Thread starter Ann-Sophie

    (@ann-sophie)

    14 jaren, 10 maanden geleden

    Hoi,

    bedankt voor de link maar het is denk ik nog niet helemaal wat ik zoek. In mijn header.php heb ik de volgende code voor mijn custom menu:

    <ul id="navigation">
   	<?php wp_nav_menu( array('menu' => 'custom menu' )); ?>
</ul id="navigation">

    Dus dat wordt nogal moeilijk om overal <span>-tags tussen te plaatsen… Ofwel vat ik het nog niet helemaal…?

    Funkphenomenon

    (@funkphenomenon)

    14 jaren, 10 maanden geleden

    De code die jij bedoelt, is eigenlijk slechts een verwijzing naar andere code. De motor van je theme zit in het bestand functions.php, dat bestand maakt allerlei leuke functionaliteiten mogelijk, zoals het menu.

    Wil je dus de uiteindelijke html van het menu aanpassen, zul je het onderdeel in functions.php dat het menu opbouwt, moeten aanpassen.

    Thread starter Ann-Sophie

    (@ann-sophie)

    14 jaren, 10 maanden geleden

    Hoi,

    ik heb het probleem opgelost door de volgende code te gebruiken, waardoor er een <span>-tag tussen de <a>-tag komt te staan:

    <ul id="navigation">
   	<?php wp_nav_menu( array(
	'menu' => 'custom menu' ,
	'link_before' => '<span>' ,
  	'link_after' => '</span>' ));
?>
</ul id="navigation">

    Probleem opgelost dus.

    Funkphenomenon

    (@funkphenomenon)

    14 jaren, 10 maanden geleden

    Thnx, die kende ik nog niet, zo te zien nieuw sinds WP 3.0?
    http://codex.wordpress.org/Function_Reference/wp_nav_menu
    Maakt het idd een stuk handiger..
    Zou je je topic op resolved willen zetten?

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)

Het onderwerp ‘Sliding doors CSS techniek bij custom menu’ is gesloten voor nieuwe reacties.