[wp-hackers] Menu that links to specific content
MarvinC
marvinc at gmail.com
Tue Nov 3 17:33:38 UTC 2009
Thanks for the reply. SHould the CSS section be added to the style sheet?
I'm wondering how this would work in WP if I wanted to widgetize the TOC or
have the TOC to appear in a widget that only appears on select pages.
On Tue, Nov 3, 2009 at 12:18 PM, Jason Benesch
<jason at realestatetomato.com>wrote:
> In your header.php add this menu:
>
> <ul id="menu">
> <li><a href="#overview">Overview></a></li>
> <li><a href="#history">History</a></li>
> <li><a href="#middleofpage">Middle</a></li>
> <li><a href="#last"> Last</a></li>
> </ul>
>
> <style type="text/css">
> #menu li { float:left; }
> #menu li a { float:left; padding: 3px 8px; }
> </style>
>
>
>
> Then in your index.php file, or your archive.php file, or your page.php
> file
> or any main body template file, add some more anchors:
>
> <a name="overview">This is the overview section</a>
> ...... Stuff about the overview.......
>
> <a name="history">This is the history section</a>
> ...... Stuff about the history.......
>
>
>
> <a name="last">This is the last section</a>
> ...... Stuff about the last section of the page.......
>
> On Tue, Nov 3, 2009 at 5:49 AM, MarvinC <marvinc at gmail.com> wrote:
>
> > I understand this may be considered OT to the list but I'm "not getting
> > it".
> > Is there any way to clarify how this would work in Wordpress? Would I
> place
> > the code in the header.php file? It looks simple but since it's a first
> for
> > me I'm not seeing the big picture.
> > Any responses appreciated.
> >
> > On Thu, Oct 29, 2009 at 9:56 AM, mccormicky <mccormicky at gmail.com>
> wrote:
> >
> > > LINKS MENU:
> > > <a href="#overview">Overview</a>
> > > <a href="#history">History</a>
> > > <a href="#middleofpage">Middle</a>
> > > <a href="#last"> Last</a>
> > >
> > >
> > > CONTENT w/ANCHOR links
> > >
> > > <h3 id="overview">Overview</h3>
> > > <h3 id="history">History</h3>
> > > <p id="middleofpage">middle paragraph</p>
> > > <p id="last">End of page</p>
> > >
> > >
> > > On Thu, Oct 29, 2009 at 10:31 AM, Simon Blackbourn <piemanek at gmail.com
> > > >wrote:
> > >
> > > > 2009/10/29 MarvinC <marvinc at gmail.com>
> > > >
> > > > > My apologies in advance if this isn't a "hack request" but I'm in
> > need
> > > of
> > > > a
> > > > > way to create a menu containing links that point to specific
> content
> > on
> > > a
> > > > > page. The content on most of the pages on a client site is long so
> > what
> > > > > they
> > > > > request is the ability for the user to click to be taken to a
> > specific
> > > > area
> > > > > of the page, like so:
> > > > > Link 1: Overview
> > > > > Link 2: History
> > > > > Link 3: Middle of Page
> > > > > Link 4: Last Paragraph of Page
> > > > >
> > > > >
> > > > http://hackadelic.com/solutions/wordpress/toc-boxes automatically
> > > > generates
> > > > a 'table of contents' for a post/page from the headers (h1, h2, etc)
> in
> > > the
> > > > content.
> > > > _______________________________________________
> > > > wp-hackers mailing list
> > > > wp-hackers at lists.automattic.com
> > > > http://lists.automattic.com/mailman/listinfo/wp-hackers
> > > >
> > > _______________________________________________
> > > wp-hackers mailing list
> > > wp-hackers at lists.automattic.com
> > > http://lists.automattic.com/mailman/listinfo/wp-hackers
> > >
> > _______________________________________________
> > wp-hackers mailing list
> > wp-hackers at lists.automattic.com
> > http://lists.automattic.com/mailman/listinfo/wp-hackers
> >
>
>
>
> --
> Jason Benesch
>
> Real Estate Tomato
> Co-owner
> www.realestatetomato.com
> (619) 770-1950
> jason at realestatetomato.com
>
> ListingPress
> Owner, Founder
> www.listingpress.com
> (619) 955-7465
> jason at listingpress.com
> _______________________________________________
> wp-hackers mailing list
> wp-hackers at lists.automattic.com
> http://lists.automattic.com/mailman/listinfo/wp-hackers
>
More information about the wp-hackers
mailing list