Submenu niet ondersteund?

  • Translatoria

    (@translatoria)


    13 jaren, 9 maanden geleden

    (Ik weet niet of ik in het juiste forum zit, maar ik zie geen beter).

    Ik heb hier http://www.spinsister.nl/WP/?page_id=12 een menu dat voldoet. De submenu’s die ik via het Dashboard heb toegevoegd zijn niet te zien.

    Ik vermoed dat dat komt om dat dit (bij elkaar gescharrelde) theme geen submenuus ondersteunt, dus ik ben op zoek gegaan naar wat ik als functie zou moeten toevoegen. Maar het duizelt me.

    Dit heb ik in de header waar het menu staat, staan:
    <!–MENU STARTS–>
    <div id=”menuwrapper”>
    <ul id=”nav”>
    <?php if(is_home() && !is_paged()){ ?>

    <?php } else { ?>

    <?php } ?>

    <?php wp_list_pages(‘sort_column=menu_order&title_li=’); ?>

    <br class=”clearit”>
    </div>
    <!–MENU ENDS –> `

    En dit in functions.php

    add_theme_support( 'menus' );

add_action( 'init', 'register_my_menu' );
function register_my_menu() {
	register_nav_menu( 'primary-menu', __( 'Primary Menu' ) );
}

    Dat lijkt me niet genoeg. Ik heb er veel over gevonden, maar heb een zetje in de goede richting nodig. Wie helpt?

    Klopt het dat het menu geen submenuus ondersteunt, of moet ik de fout elders zoeken?

    Zo ja, hoe pak ik het het beste aan?

    Alweer veel dank.

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

    (@robelia)

    13 jaren, 9 maanden geleden

    Je kunt het beste een betrouwbaar menu inbouwen.
    Dat van Twenty Ten oid.
    Je plaatst het script in de heder en de CSS plak je over je oude css.
    Daarna maak je alles op maat

    <!-- #access -->
			<div id="access" role="navigation">
			  <?php /*  Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?>
				<div class="skip-link screen-reader-text"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentyten' ); ?>"><?php _e( 'Skip to content', 'twentyten' ); ?></a></div>
				<?php /* Our navigation menu.  If one isn't filled out, wp_nav_menu falls back to wp_page_menu.  The menu assiged to the primary position is the one used.  If none is assigned, the menu with the lowest ID is used.  */ ?>
				<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>
			</div>
<!-- #access -->

    en dit is de CSS daarvoor.

    /* =Menu
-------------------------------------------------------------- */
#access .menu {font-family: Verdana;margin-top:0px;
}
#access div .menu ul {font-family: Verdana;margin-left: 0px;
}
#access {
	background: #ccc;z-index:-1;
	display: inline;
	float: right;
	width: 100%;
    margin-top:0px;
    height:21px;
}
#access .menu-header,
div.menu {
    display: block;
    font-size: 14px;
	width: 100%;
    background:#ccc;

    list-style: none;
}

#access .menu-header ul,
div.menu ul {
	list-style: none; margin-left: 300px;cursor:pointer;

}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
}
#access a {
	color: #000;
	display: block;
	line-height: 20px;
	padding: 1px 14px 0px 14px;
	text-decoration: none;
}
#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	position: absolute;
    display: none;
	margin-top: 0px;
	margin-left:0px;
	float: left;
	width: 220px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 220px;font-size:13px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #ccc;
	line-height: 20px;
	padding-left: 10px;

	height: auto;
    border:1px solid black;
}
#access li:hover > a,
#access ul ul :hover > a {outline:none;
	background: #ffffcc;
	color: #000;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #000;
}

* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #000;
}

    Thread starter Translatoria

    (@translatoria)

    13 jaren, 9 maanden geleden

    Je hebt vast gelijk. De reden dat ik dat niet heb gedaan, is dat de html en css die ik nu heb,voor mij heel in- en overzichtelijk is,

    Ik gebruik WP in dit geval niet waarvoor het bedoeld is, maar probeer het als cms in te zetten. Het loutere doel is om de ” klant ” de mogelijkheid te geven zelf aanpassingen te doen.

    Daarbij stuit ik op problemen, zoals je gezien hebt.

    Maar dank voor het meedenken!

    Thread starter Translatoria

    (@translatoria)

    13 jaren, 9 maanden geleden

    Ik heb Robelia’s advies opgevolgd en het WordPress menu toegevoegd aan
    http://www.spinsister.nl/WP/ .
    De submenu’s (op het ogenblik heeft alleen ‘cursussen’ een submenu) waren echter te zien, dus ik heb toegevoegd:
    li.menu-item ul li {display:none;}

    Maar on hover moet het submenu natuurlijk wel verschijnen, maar dat lukt me niet. Ik heb geprobeerd het relevante deel van de wordpress 3 css over te nemen (#access vervangen door #menuwrapper), maar dat leverde niets op.

    Waar ga ik fout?

    Thread starter Translatoria

    (@translatoria)

    13 jaren, 9 maanden geleden

    Ook als ik niet mijn eigen theme gebruik, maar 2011 activeer, werkt het submenu bij cursussen niet. Is dat misschien een clue?

    Thread starter Translatoria

    (@translatoria)

    13 jaren, 9 maanden geleden

    Het submenu werkt inmiddels. Ik had de display:block op li.menu-item ul li:a gezet in plaats van op li.menu-item:hover ul li.

    Ik heb nu een ander probleem, maar dat gaat in een nieuwe post.

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

Het onderwerp ‘Submenu niet ondersteund?’ is gesloten voor nieuwe reacties.