I'm writing an internet site based from wordpress and am getting some difficulties. I understand I'm able to use <?php wp_list_pages('title_li=&depth=1'); ?>

However, how do i assign a mouseover attribute towards the <li> that's produced? Also, if you will find children pages, they should be inside a nested <ul> and show like a dropdown once the parent is hovered on.

Evaluate the "Markup and Styling" Portion of the Codex page for wp_list_pages. It describes the way a page_item class is used to every <li>. Use that class to assign your mouseover attribute around the client side. If you're not using jQuery, I suggest it.

You should use get_pages() to produce your son or daughter page dropdown menu's. Exactly the same Codex page I associated with above describes by using this function to obtain all of your page_id's. After that you can iterate them over and employ get_pages() again indicating that you would like to retrieve only child pages from the given page id. Using css to cover the kid page dropdown lists, you should use javascript again to exhibit the dropdowns once the pages are moused-in parents page menu.

You should use the function get_pages() rather, that provides you with a range of the web pages, and never printing the html, so that you can construct it on your own, getting the versatility to choose the characteristics of

  • http://codex.wordpress.org/Function_Reference/get_pages