{"id":6922,"date":"2024-04-14T17:53:30","date_gmt":"2024-04-14T09:53:30","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=6922"},"modified":"2024-04-14T17:53:30","modified_gmt":"2024-04-14T09:53:30","slug":"division-pointer","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/en\/division-pointer\/","title":{"rendered":"Division\u2008pointer"},"content":{"rendered":"\n
\n

Division pointers or anchor pointers enable you to connect to particular parts or components in your website. To establish an anchor pointer for a division, you’ll first have to assign an element ID to that division.<\/p>\n

Important:<\/strong> An element ID can also be utilized in custom code to refer to a style in a style sheet or to alter a particular element with JavaScript. Nonetheless, the most typical usage of an ID is in division pointers or anchor pointers to different parts on a page.<\/h6>\n

In this session, you\u2019ll discover:<\/p>\n

    \n
  1. How to assign an element ID<\/li>\n
  2. How to adjust a division pointer<\/li>\n
  3. How to attach to a division on another page<\/li>\n
  4. How to attach to a division on the main page<\/li>\n<\/ol>\n

    How to assign an element ID<\/h2>\n

    You can allocate an ID to any selected component.<\/p>\n

      \n
    1. Choose the component that should be allocated the ID<\/li>\n
    2. Unveil Element settings panel<\/strong> and input a distinct ID in the ID<\/strong> field<\/li>\n<\/ol>\n
      Important:<\/strong> An element ID must have at least one character and cannot contain any space characters. Also, an element ID must be unique for each component. Read more about how to handle duplicate element IDs.<\/h6>\n
      \n
      \"An<\/div>\n<\/figure>\n

      How to adjust a division pointer<\/h2>\n
        \n
      1. Choose the pointer component that you wish to guide you to a division on your page<\/li>\n
      2. Unveil Element<\/strong>settings panel<\/strong> > Link settings<\/strong><\/li>\n
      3. Hit the Page section<\/strong> button<\/li>\n
      4. Hit the Section<\/strong> dropdown menu and choose the ID you previously created (e.g., \u201cMagic-section\u201d)<\/li>\n<\/ol>\n
        \n
        The \"Magic-section\" example ID is a selection in the Section dropdown in the Link settings section of the Element settings panel.<\/div>\n<\/figure>\n

        How to attach to a division on another page<\/h2>\n

        If you desire a link component, like a button, to direct to a division on another page (aside from the main page):<\/p>\n

          \n
        1. Unveil Element settings panel<\/strong> > Link settings<\/strong><\/li>\n
        2. Opt for the URL<\/strong> link form<\/li>\n
        3. Key in the URL of the page where the division is found followed by \u201c#<\/strong>\u201d and the element ID you assigned to that division<\/li>\n<\/ol>\n

          Here’s how your anchor pointers would be structured:<\/p>\n

            \n
          • a page in your current site: site.com\/page#section-ID<\/strong><\/li>\n
          • if your page is nested in a folder: site.com\/folder\/page#section-ID<\/strong><\/li>\n
          • an anchor pointer on another website: site.com\/folder\/page#section-id<\/strong><\/li>\n
          • a main page anchor pointer would be: site.com\/#section-id<\/strong><\/li>\n<\/ul>\n

            Illustrations<\/h3>\n

            On this page, we have 4 division pointers that direct to the 4 article divisions on this page.<\/p>\n

              \n
            1. How to assign an element ID<\/li>\n
            2. How to adjust a division pointer<\/li>\n
            3. How to attach to a division on another page<\/li>\n
            4. How to attach to a division on the main page<\/li>\n<\/ol>\n

              To direct to the last division of this page, the URL is: https:\/\/university.webflow.com\/lesson\/section-link#how-to-link-to-a-division-on-the-main-page<\/strong><\/p>\n

              \n
              An example URL for a button is designated as \"site.com\/page#Section-ID\" in the Link settings section of the Element settings panel.<\/div>\n<\/figure>\n

              How to attach to a division on the main page<\/h2>\n

              To direct to a division on your main page, the page name is not required in the anchor pointer URL. Instead, input the main page domain followed by \u201c#\u201d and then the division ID. (e.g., A main page anchor pointer would be: site.com\/#section-id<\/strong>)<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Set an element ID and use it to create an anchor link that takes you to a section on a page.","protected":false},"author":2,"featured_media":6923,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[290],"tags":[],"class_list":{"0":"post-6922","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-elements","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/6922","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/comments?post=6922"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/6922\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media\/6923"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media?parent=6922"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/categories?post=6922"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/tags?post=6922"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}