{"id":12502,"date":"2020-05-04T10:58:02","date_gmt":"2020-05-04T14:58:02","guid":{"rendered":"https:\/\/extension.umaine.edu\/plugged-in\/?page_id=12502"},"modified":"2026-03-18T14:16:58","modified_gmt":"2026-03-18T18:16:58","slug":"how-to-create-anchor-links","status":"publish","type":"page","link":"https:\/\/extension.umaine.edu\/plugged-in\/technology-marketing-communications\/web\/tips-for-web-managers\/how-to-create-anchor-links\/","title":{"rendered":"How to Create Anchor Links"},"content":{"rendered":"<style>.kb-row-layout-id12502_959575-5b > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id12502_959575-5b > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id12502_959575-5b > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);max-width:1100px;margin-left:auto;margin-right:auto;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id12502_959575-5b{background-image:linear-gradient(135deg,rgb(8,46,88) 0%,rgb(65,118,161) 99%);}.kb-row-layout-id12502_959575-5b > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id12502_959575-5b > .kt-row-column-wrap{padding-right:50px;padding-left:50px;grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id12502_959575-5b > .kt-row-column-wrap{padding-top:50px;padding-right:25px;padding-bottom:50px;padding-left:25px;grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id12502_959575-5b alignfull kt-row-has-bg um-UMBlueHorizonsDarkBlueTextBox wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column12502_6a7be4-9b > .kt-inside-inner-col,.kadence-column12502_6a7be4-9b > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column12502_6a7be4-9b > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column12502_6a7be4-9b > .kt-inside-inner-col{flex-direction:column;}.kadence-column12502_6a7be4-9b > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column12502_6a7be4-9b > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column12502_6a7be4-9b{position:relative;}@media all and (max-width: 1024px){.kadence-column12502_6a7be4-9b > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column12502_6a7be4-9b > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column12502_6a7be4-9b\"><div class=\"kt-inside-inner-col\"><style>.kb-row-layout-id12502_a3cbd2-9d > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id12502_a3cbd2-9d > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id12502_a3cbd2-9d > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:15px;padding-right:30px;padding-bottom:15px;padding-left:30px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id12502_a3cbd2-9d > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id12502_a3cbd2-9d > .kt-row-column-wrap{padding-top:35px;padding-right:35px;padding-bottom:60px;padding-left:35px;grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id12502_a3cbd2-9d > .kt-row-column-wrap{padding-bottom:35px;grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id12502_a3cbd2-9d alignnone has-white-background-color kt-row-has-bg wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column12502_238a23-9a > .kt-inside-inner-col,.kadence-column12502_238a23-9a > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column12502_238a23-9a > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column12502_238a23-9a > .kt-inside-inner-col{flex-direction:column;}.kadence-column12502_238a23-9a > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column12502_238a23-9a > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column12502_238a23-9a{position:relative;}@media all and (max-width: 1024px){.kadence-column12502_238a23-9a > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column12502_238a23-9a > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column12502_238a23-9a\"><div class=\"kt-inside-inner-col\">\n<h2 class=\"wp-block-heading\"><strong>How to Create Anchor Links<\/strong><\/h2>\n\n\n\n<p>Anchor links, also referred to as jump menu links, are links that instantly take the user to a specific part of your page. They are often used in a Table of Contents at the top of a page, like this:<\/p>\n<ul>\n<li><a href=\"#good\">Good Reasons to Use Anchor Links<\/a><\/li>\n<li><a href=\"#how\">How to Create Anchor Links<\/a>\n<ul>\n<li><a href=\"#step-1\">Step 1<\/a><\/li>\n<li><a href=\"#step-2\">Step 2<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"#share\">Sharing an Anchor Link<\/a><\/li>\n<li><a href=\"#return\">&#8220;Return to Top&#8221; links display automatically when using UMaine&#8217;s template<\/a><\/li>\n<\/ul>\n<hr \/>\n<h3><strong><a id=\"good\"><\/a>Good Reasons to Use Anchor Links<\/strong><\/h3>\n<p>Anchor links let users find what they need faster, especially in long documents. Using anchor links on headers lets you share direct links to different sections within an article, which is especially useful when sharing on social media or in email.<\/p>\n<h3><strong><a id=\"how\"><\/a>How to Create Anchor Links<\/strong><\/h3>\n<h4><a id=\"step-1\"><\/a>Step 1<\/h4>\n<p><strong>Create an anchor point.<\/strong> To do this, place your cursor in front of the text (usually a header) where you want to link to. Click on the Anchor tool in your toolbar (it looks like a little bookmark). Give the anchor a name. Keep the name short, all lower case, and use hyphens for spaces (if any), because the anchor name will become part of the URL. Click OK.<\/p>\n<p><a href=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/achor-name.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-12503\" src=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/achor-name-1024x382.jpg\" alt=\"screenshot of the Anchor text box\" width=\"400\" height=\"149\" srcset=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/achor-name-1024x382.jpg 1024w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/achor-name-300x112.jpg 300w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/achor-name-768x287.jpg 768w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/achor-name-105x39.jpg 105w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/achor-name-317x118.jpg 317w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/achor-name-423x158.jpg 423w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/achor-name-634x237.jpg 634w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/achor-name-846x316.jpg 846w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/achor-name-951x355.jpg 951w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/achor-name.jpg 1168w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,400px\" \/><\/a><\/p>\n<h4><a id=\"step-2\"><\/a>Step 2<\/h4>\n<p><strong>Create your link.<\/strong> Select the text that will become your link. Click on the link tool. Type in the hashtag symbol (#) followed by the anchor name (it must match exactly).<\/p>\n<p><a href=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/achor-link.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-12506\" src=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/achor-link-1024x382.jpg\" alt=\"screenshot of an anchor link\" width=\"400\" height=\"149\" srcset=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/achor-link-1024x382.jpg 1024w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/achor-link-300x112.jpg 300w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/achor-link-768x287.jpg 768w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/achor-link-105x39.jpg 105w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/achor-link-317x118.jpg 317w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/achor-link-423x158.jpg 423w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/achor-link-634x237.jpg 634w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/achor-link-846x316.jpg 846w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/achor-link-951x355.jpg 951w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/achor-link.jpg 1168w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,400px\" \/><\/a><\/p>\n<p>Save your changes and test your link in the browser to make sure it&#8217;s working as it should.<\/p>\n<h3><strong><a id=\"share\"><\/a>Sharing an Anchor Link<\/strong><\/h3>\n<p>When sharing an anchor link, be sure to include the <strong>page URL<\/strong>, the <strong>hashtag<\/strong>, and <strong>anchor name<\/strong>, like this:<\/p>\n<ul>\n<li><a href=\"https:\/\/extension.umaine.edu\/plugged-in\/technology-marketing-communications\/web\/tips-for-web-managers\/how-to-create-anchor-links\/#how\">https:\/\/extension.umaine.edu\/plugged-in\/technology-marketing-communications\/web\/tips-for-web-managers\/how-to-create-anchor-links\/#how<\/a><\/li>\n<\/ul>\n<h3><strong><a id=\"return\"><\/a>&#8220;Return to Top&#8221; links display automatically when using UMaine&#8217;s template<\/strong><\/h3>\n<p>Every page in the UMaine template automatically displays a &#8220;return to Top&#8221; link in the lower right of the screen, so there&#8217;s no need for you to add these types of links to your pages.<\/p>\n<p><a href=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/return-to-top.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-12511\" src=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/return-to-top-1024x580.jpg\" alt=\"screenshot showing the &quot;return to top&quot; link on all UMaine pages\" width=\"1024\" height=\"580\" srcset=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/return-to-top-1024x580.jpg 1024w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/return-to-top-300x170.jpg 300w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/return-to-top-768x435.jpg 768w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/return-to-top-105x60.jpg 105w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/return-to-top-317x180.jpg 317w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/return-to-top-423x240.jpg 423w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/return-to-top-634x359.jpg 634w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/return-to-top-846x479.jpg 846w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/return-to-top-951x539.jpg 951w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/return-to-top-320x180.jpg 320w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2020\/05\/return-to-top.jpg 1200w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,1024px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<\/div><\/div>\n\n<\/div><\/div><\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>How to Create Anchor Links Anchor links, also referred to as jump menu links, are links that instantly take the user to a specific part of your page. They are often used in a Table of Contents at the top of a page, like this: Good Reasons to Use Anchor Links How to Create Anchor [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":7741,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/page-withsidebar.php","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-12502","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"","author_link":"https:\/\/extension.umaine.edu\/plugged-in\/author\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/pages\/12502","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/comments?post=12502"}],"version-history":[{"count":8,"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/pages\/12502\/revisions"}],"predecessor-version":[{"id":21974,"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/pages\/12502\/revisions\/21974"}],"up":[{"embeddable":true,"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/pages\/7741"}],"wp:attachment":[{"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/media?parent=12502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}