HTML Anchors

• 

  ivyjk01 · Member · May 24, 2022 at 7:42 pm

  • Copy link
  • Add topic to favorites

  Hello all! I am currently working on integrating HTML anchors in the site. I was able to get them to work successfully for one of the pages, but the minute I tried introducing HTML anchors to a different page they were not working the same. The first HTML anchors I put in brought you to both the correct page and the specific block. The second round of anchors I am currently attempting to implement bring you to the correct page, but do not direct you to the specific block with the anchor. Here is the format I am using when hyperlinking: sitename.wordpress.com/page#html-anchor
  Any advice/feedback is welcome! Thank you in advance.

  WP.com: Yes
  Correct account: Yes

  The blog I need help with is: (visible only to moderators and staff)

• 

  fstat · Staff · May 25, 2022 at 7:39 am

  • Copy link

  Hi there,

  Please make sure that you follow this guide on how to properly create and link to anchors:

  https://wordpress.com/support/splitting-content/page-jumps/

  Please note that anchors only work with the Heading block and on a published page. Therefore, you won’t be able to test anchors in the editor preview.

  Also, can you let me know the page you’re working on so I can have a look?

• 

  ivyjk01 · Member · May 27, 2022 at 5:24 pm

  • Copy link

  Hello,

  Thank you for the response. I am putting all hyperlinks on the Home page. I was able to successfully input HTML anchors that link to the Sources page, but unable to input them to link to the People page. I followed the format included on the anchors guide, and I am still having issues.

  All blocks with anchors are Headings, and like I said previously the hyperlink brings you to the correct page but not to the specific block.

  Thank you again for your help.

• 

  helper-heroponriki · Member · May 27, 2022 at 6:13 pm

  • Copy link

  Thanks for that! HTML anchor links are case-sensitive, so you need to make sure you’re using the exact name in both spots.

  Looking at your homepage, you’re linking to the Pond Brothers using this URL:

  https://battlehollowsite.wordpress.com/people/#pond-brothers

  However, on the People page, you have set Pond-Brothers as the HTML anchor.

  You’d need to change the HTML anchor to all lowercase on the People page or your hyperlink on the homepage to use the capital letters.

  I hope that clarifies things!

• 

  ivyjk01 · Member · May 27, 2022 at 6:22 pm

  • Copy link

  That solved my problem, thank you very much!