How it insert page jumps

  • I have set up page jumps from a referenced page back to my front page that was easy but i want to jump back to a specific header line. I have read wordpress/support/user-manual/pages/page-jumps/ but can’t get it to work in twenty-twenty four. When ever I try to change the HTML as described in the support manual it tells me that the HTML is bad. Before I read the mentioned manual I had tried <a id=”myplace”> </a> before and around the header record and after reading I tried <span id=”myplace”> </span> as the manual suggested but nothing works. Is there a way to jump back to a specific line?

    Thanks for any help.

    Bill Dillinger

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter billdill

    (@billdill)

    To bad I have a typo in the title maybe that’s why no answer. Anyway I found how by accident.

    It’s not hard once you know how but I could find no documentation to show me. Lots of trial and error. I had used <a id =”myplace”> … </a> in some HTML on my own computer no problem to go to a specific place in a page but WordPress is fussy about how you use it. The following showed what worked, only the <a>…</a> is my addition to what was already in the WordPress page header record. To branch to a specific line in a page, in my case a header record. Edit, HTML, for the header record you want to jump to and add the info as shown here. Note it is just before and after the text displayed for the header record.


    <h2 class="wp-block-heading has-text-align-center"><a id="myplace">TheHeader</a></h2>

    Then on the page you want to jump from edit the button giving the page to jump to and add #myplace that’s what worked to me.

    I hope someone who wants to do this finds this.

    Bill Dillinger

    Moderator mizantium

    (@janmtm)

    Hi @billdill

    You’ll want to use a custom HTML block for this:

    Custom HTML

    Jumps are not super specific, and it depends on if you have a body of content above or beneath where you’re jumping to or what surrounds the link you’re jumping to, I should say, in terms of how far down the screen will ‘jump’ when you click to go to your location.

    This article also specifies the HTML to use for inserting the link that you want to use to click on for the ‘jump’:

    https://www.w3schools.com/tags/tag_a.asp

    Hope this helps!

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.