[wp-hackers] Menu that links to specific content

[Jason Benesch]

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