Creating Anchor Links

What is an Anchor Link?

An anchor link is an internal link that allows users to skip to a specific point on a landing page. It keeps them from having to scroll so navigation is easier.

How Do I Create an Anchor Link?

  1. The first step is to create the anchor.  An anchor is created using the tag.  Simply add this line of code where you want the anchor to be:  name of anchor
  2. Then anywhere you want to link to that anchor text, you can insert this code using the Text view in the WordPress editor: Image Source Anchor

How Do I Place an Anchor Link to Text?

  1. Log into your WordPress wp-admin with user and password.
  2. Go to the dashboard and click on “Pages”.
  3. Select the page you would like the anchor text to be included in.
  4. Select your “text block”.
  5. Add anchor link link text and click “Save Changes” (NOTE: You can change the #anchor if you would like to name it something specific like #team instead of #anchor. Change the name of the Link Text as well. Ex: Anchor link)
  6. Go down on the page to the area you would like the anchor to take you to.
    (You can either add to an existing text block or create a new text block just above the area you would like the anchor to go.)
  7. In your text block add
    Image Src Anchor Link Code
    (NOTE: You can change the name “anchor” but it must match up to what you have in the link above – “team” without the # sign before the name.)
    Ex: anchor link team
  8. Click “Save Changes”.
  9. Click to “Update” the page.
  10. You can test to see that the anchor link is working properly by viewing the page and clicking on the link text. It should drop you down on the page to the area where you added the anchor name.

How Do I Add an Anchor Link to a Button?

  1.  Log into your WordPress wp-admin with user and password.
  2.  Go to the dashboard and click on “Pages”.
  3.  Select the page you would like the anchor link to be included in.
  4. Edit the area where you have your button.
  5. Add #anchor in the “Link” area under Button Settings. (NOTE: You can change the #anchor if you would like to name it something specific like #team instead of #anchor.)
  6. Add the text you would like to go in your button.
  7. Go down on the page to the area you would like the anchor to go.
    (You can either add to an existing text block or create a new text block just above the area you would like the anchor to go.)

In your text block add A name anchor link
(NOTE: You can change the name “anchor” but it must match up to what you have in the link above – “team” without the # sign before the name.)
Ex: anchor link news

  1. Click “Save Changes”.
  2. Click to “Update” the page.
  3. You can test to see that the anchor link is working properly by viewing the page and clicking on the link text. It should drop you down on the page to the area where you added the anchor name.

How Do I Create a Button Anchor Link to Another Page?

  1. Log into your WordPress wp-admin with user and password.
  2. Go to the dashboard and click on “Pages”.
  3. Go to the page you want the button to link the anchor to and hit “Edit”. (NOTE: this is not the page the button is on but the page you want the button to link to.)
  4. Drop down to the section of the page where you would like the anchor to go.
    (You can either add to an existing text block or create a new text block just above the area you would like the anchor to go.)
  5. Copy the URL from the new page (everything after .com) /starke-county/new-events/ and place in text block with anchor link like this
    anchor link starke county
    (This will link it to the Starke County News and Events Page and drop down to the anchor on the page with news.)
  6. Copy the portion of the link with the URL and anchor. Ex: /starke-county/new-events/#news (You will be placing this into the button link area.)
  7. Click “Save Changes”.
  8. Click to “Update” the page.
  9. Go to “Pages” and “edit” the page the button is on.
  10. Edit the area where you have your button.
  11. Take the link that you copied Ex: /starke-county/new-events/#news and paste it into the button settings link area.
  12. Add the text you would like to go in your button.
  13. Click “Save Changes”.
  14. Click to “Update” the page.
  15. You can test to see that the anchor link is working properly by viewing the page with the button and clicking on it. It should drop you down to the other page where you added the anchor name.
Article referring to anchor links: http://help.typepad.com/anchor-tags.html
Categories
Get Website Results
to our Youtube Channel

Follow Us

Stay in the Know Via Email

Request Free Consultation