SharePoint Wiki Pages - Adding Anchors

So you have created a large Wiki page in SharePoint Foundation 2010, and you would like to link to certain headings within this page – anchors or bookmarks, to avoid users having to scroll down the entire page to find a section heading.

By creating anchors on your Wiki page users can simply click on the appropriate breadcrumb to move directly to that section. A very useful tool when you have large content wiki pages.

In this example we are going to create links to the 3 headings on the page from the breadcrumbs, plus add a "return to top" anchor.

Open and edit the wiki page you want to add anchors to, and click on the HTML button, then Edit HTML Source.

SPwikianchors1

Enter the code as highlighted in the screen shot below to add the anchors for Top, Heading 1 and Heading 2.  Add the same code to Heading 3 (id=h3), and click OK.

SPwikianchors2

Save & Close the page to save the HTML changes.  While the page is saved, copy the URL from the address bar (click in address bar to highlight text / Ctrl+C.

SPwikianchors3

Edit the Wiki page again.  Highlight the first breadcrumb - Heading 1 - and click on the Insert / Link button.

SPwikianchors4
Paste (Ctrl+V) the URL into the URL box, and add #h1 at the end of the link and click on OK. (NB: you may want to paste this link into Notepad so you can access it again for the rest of the anchors.)

SPwikianchors5
Repeat the above for Heading 2 and Heading 3 breadcrumbs using #h2 and #h3 respectively.  Then repeat for the three Return to top using #top.

Save and Close your page.

Now by clicking on Heading 1, the page will put Heading 1 at the top of the page.  By clicking on Return to top, you will return to the top of the page.

SPwikianchors6



1 comment leave a comment

Thank you! I can't tell you how much this helped me!!

Shaun reply

LEAVE A COMMENT

send
 

close window