{"id":1349,"date":"2022-02-08T09:30:48","date_gmt":"2022-02-08T14:30:48","guid":{"rendered":"https:\/\/carleton.ca\/cms-help\/?page_id=1349"},"modified":"2022-03-03T09:15:08","modified_gmt":"2022-03-03T14:15:08","slug":"anchor","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-3-advanced-post-elements\/anchor\/","title":{"rendered":"Anchor"},"content":{"rendered":"

Having an anchor on your page will bring your site’s visitors to designated areas of a page. Adding an anchor involves two steps: creating an anchor and creating a link to that anchor.<\/p>\n

For a sample anchor, this link leads to the video tutorial further down this page<\/a><\/p>\n

Step-by-Step<\/h2>\n

Create an anchor<\/h3>\n
    \n
  1. Click in the Content Editor area where you would like to place the anchor.<\/li>\n
  2. Click on the anchor icon from the editing panel.
    \n\"Screen<\/li>\n
  3. Enter a name for your anchor. Be sure to use a name that will be recognizable. Do not use spaces or special characters in the name.<\/li>\n
  4. Click\u00a0OK<\/strong>.<\/li>\n
  5. A small anchor will appear in the content editing area. This icon will not be visible on your site. This anchor indicates the point where the anchor link will lead.<\/li>\n<\/ol>\n

    Link to an anchor<\/h3>\n
      \n
    1. Create an anchor using the steps above.<\/li>\n
    2. On the page you would like your link to appear on, highlight the linking text.<\/li>\n
    3. Click on the “Insert\/edit link” button.<\/li>\n
    4. Paste the URL of the page you are linking to, and add a hashtag and your anchor name to the end of the URL (ex. carleton.ca\/example#anchor).\"\"\n
        \n
      1. If you are linking to an anchor on the same page as your linking text, you can also just type the hashtag and anchor name (ex. #anchor)\"\"<\/li>\n<\/ol>\n<\/li>\n
      2. Hit Enter or press the Apply<\/strong> button<\/li>\n<\/ol>\n

        <\/a>Video Tutorial<\/h2>\n