Tom,<div><br></div>I suppose my thinking is that it is essentially redundant to say, "The following classes are applied to menu items, i.e. to the HTML <li> tags, generated by wp_nav_menu():", then to list out those classes by context (for example, the .current-menu-item class description is, "This class is added to menu items that correspond to the currently rendered page."), and then to say, "to target the current page menu item, use .current-menu-item {}". If I pull all of the related CSS definitions from Twenty Eleven style.css, I think it will really over-clutter the CSS classes section, without really providing much additional benefit.<div>
<br></div><div>Further, I guess I'm expecting that anyone looking for CSS classes applied via wp_nav_menu() already has a basic understanding of CSS and HTML. Perhaps that's not a valid assumption?</div><div><br></div>
<div>I really like Evan's suggestion to put CSS examples in the How-To/Tutorial article for using custom nav menus. I think they'd be a better fit there, since they can be given more/better context.</div><div><br>
</div><div>But if we want to go the route of putting the examples in the wp_nav_menu() function ref, just let me know, and I'll start copy/pasting from Twenty Eleven. :)</div><div><br></div><div>Chip</div><div><br><div class="gmail_quote">
On Thu, Apr 19, 2012 at 7:33 AM, Tom Auger (personal) <span dir="ltr"><<a href="mailto:tomaugerdotcom@yahoo.ca">tomaugerdotcom@yahoo.ca</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
Hey Chip, in order to better understand your position, I think I'll need<br>
some clarification on why you don't want some very small examples of the CSS<br>
(you wouldn't need any HTML, since the markup is auto generated by the very<br>
functions you're documenting). Obviously we do PHP examples all over the<br>
place, why should it be different for CSS when it's apposite to the topic at<br>
hand?<br>
<br>
Just some anecdotal experience here: I have recently hired two new web<br>
developers, rather fresh out of school, and to them it was quite a mystery<br>
as to how to highlight selected menu items etc. Of the two, I think one<br>
could have figured it out given a list of all the classes available, but the<br>
other who was a more visual learner, really needed to be shown once how all<br>
those classes could be leveraged.<br>
<br>
Just in terms of making the documentation as complete as possible, and as<br>
useful as possible to all viewers of various experience levels, I thought it<br>
might be handy to just give a hint or two of how these classes might be<br>
leveraged in a real-world scenario.<br>
<br>
I do like Evan's suggestion of using examples from the official themes that<br>
ship with WP. That seems right to me. I guess the only issue there is what<br>
do we do when Twenty-Twelve ships (looking like 3.5 at the moment, so still<br>
a few months off)?<br>
<br>
Tom<br>
<br>
------------------------------<br>
<br>
Message: 2<br>
Date: Wed, 18 Apr 2012 11:42:16 -0500<br>
From: Chip Bennett <<a href="mailto:chip@chipbennett.net">chip@chipbennett.net</a>><br>
Subject: Re: [wp-docs] WordPress-Generated CSS Classes for Menus (Chip<br>
Bennett)<br>
To: WordPress Documentation <<a href="mailto:wp-docs@lists.automattic.com">wp-docs@lists.automattic.com</a>><br>
Message-ID:<br>
<CAPdLKqcdgqax9-iejR3-hOaDL36Su4W6D9feoxfFeqKFrSmP=<a href="mailto:Q@mail.gmail.com">Q@mail.gmail.com</a>><br>
Content-Type: text/plain; charset="iso-8859-1"<br>
<br>
Tom,<br>
<br>
I'm conflicted regarding adding basic CSS/HTML markup examples to the<br>
Codex. Once one knows the classes that are applied to the HTML LI tags,<br>
using those tags for CSS styling should be fairly trivial. Do we do this<br>
elsewhere in the Codex?<br>
<br>
If need be, we can add examples from Twenty Eleven's style.css...<br>
<br>
Chip<br>
<br>
<br>
<br>
_______________________________________________<br>
wp-docs mailing list<br>
<a href="mailto:wp-docs@lists.automattic.com">wp-docs@lists.automattic.com</a><br>
<a href="http://lists.automattic.com/mailman/listinfo/wp-docs" target="_blank">http://lists.automattic.com/mailman/listinfo/wp-docs</a><br>
</blockquote></div><br></div>