{"id":2692,"date":"2020-11-16T10:31:55","date_gmt":"2020-11-16T15:31:55","guid":{"rendered":"https:\/\/www.bates.edu\/wordpress\/?page_id=2692"},"modified":"2025-11-19T15:00:49","modified_gmt":"2025-11-19T20:00:49","slug":"anchors","status":"publish","type":"page","link":"https:\/\/www.bates.edu\/wordpress\/block-editor\/advanced-blocks\/anchors\/","title":{"rendered":"Page Anchors"},"content":{"rendered":"\n<section class=\"wp-block-bates-shortcodes-highlight highlight-box highlight-box-yellow\">\n<p>Page anchors can be used alone as links to specific sections of content or in tandem with the Table of Contents feature.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.bates.edu\/wordpress\/example-page\/\">Page Anchor and Table of Contents Example Page<\/a><\/li><li><a href=\"https:\/\/www.bates.edu\/wordpress\/table-of-contents\/\">Table of Contents tutorial<\/a><\/li><\/ul>\n<\/section>\n\n\n\n<h3 class=\"wp-block-heading\">Overview<\/h3>\n\n\n\n<p>Page Anchors, also referred to as HTML anchors, allow users to automatically jump to specific parts of a page, without manually scrolling. <\/p>\n\n\n\n<p>In the example below, I&#8217;ve created clear section headers, &#8220;Section&#8221; 1, 2, and 3 respectively, which I then assigned HTML anchors. In order to assign any given Block an HTML anchor, select the Block and make sure you&#8217;re looking at the Block Settings in the right sidebar menu. Next, click &#8220;Advanced,&#8221; which will open the HTML anchor text field. In this field, create a short and simple HTML anchor using numbers or 1-2 short words. <\/p>\n\n\n\n<p>Keep in mind, the text you input in the HTML anchor field will be visible in the URLs of your anchor links. And if you&#8217;re using Page Anchors in tandem with the Table of Contents feature, the text you input in the HTML anchor field will appear as a link in the Table of Contents itself. If you use a number in the HTML anchor field then the header text will appear in the Table of Contents automatically. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"506\" src=\"https:\/\/www.bates.edu\/wordpress\/files\/2020\/11\/Screen-Shot-2020-11-17-at-9.49.36-AM-1-900x506.png\" alt=\"\" class=\"wp-image-2709\" srcset=\"https:\/\/www.bates.edu\/wordpress\/files\/2020\/11\/Screen-Shot-2020-11-17-at-9.49.36-AM-1-900x506.png 900w, https:\/\/www.bates.edu\/wordpress\/files\/2020\/11\/Screen-Shot-2020-11-17-at-9.49.36-AM-1-400x225.png 400w, https:\/\/www.bates.edu\/wordpress\/files\/2020\/11\/Screen-Shot-2020-11-17-at-9.49.36-AM-1-768x432.png 768w, https:\/\/www.bates.edu\/wordpress\/files\/2020\/11\/Screen-Shot-2020-11-17-at-9.49.36-AM-1-1536x864.png 1536w, https:\/\/www.bates.edu\/wordpress\/files\/2020\/11\/Screen-Shot-2020-11-17-at-9.49.36-AM-1.png 1920w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><figcaption>Create an HTML anchor for the section of the page that will be navigable to from the Table of Contents<\/figcaption><\/figure>\n\n\n\n<p>I then assigned Section Two and Section Three the HTML anchors 2 and 3 respectively. Below is a video of the Page Anchors and Table of Contents in action:<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" controls loop src=\"https:\/\/www.bates.edu\/wordpress\/files\/2020\/11\/Untitled-1.mov\"><\/video><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Overview Page Anchors, also referred to as HTML anchors, allow users to&hellip;<\/p>\n","protected":false},"author":1255,"featured_media":0,"parent":2548,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_hide_ai_chatbot":false,"_ai_chatbot_style":"","associated_faculty":[],"_Page_Specific_Css":"","_bates_restrict_mod":false,"_batesModPostContentOverride_prepend":false,"_batesModPostContentOverride_append":false,"_batesModPostContentOverride_append_before_footer":false,"_dimp_site_id":"","_dimp_override_contact":false,"_table_of_contents_display":false,"_table_of_contents_location":"","_table_of_contents_disableSticky":false,"_is_featured":false,"footnotes":"","_bates_seo_meta_description":"","_bates_seo_block_robots":false,"_bates_seo_sharing_image_id":0,"_bates_seo_sharing_image_twitter_id":0,"_bates_seo_share_title":"","_bates_seo_canonical_overwrite":"","_bates_seo_twitter_template":""},"class_list":["post-2692","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/pages\/2692","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/users\/1255"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/comments?post=2692"}],"version-history":[{"count":3,"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/pages\/2692\/revisions"}],"predecessor-version":[{"id":2724,"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/pages\/2692\/revisions\/2724"}],"up":[{"embeddable":true,"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/pages\/2548"}],"wp:attachment":[{"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/media?parent=2692"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}