Jump URL how to anchor to a shortcode?

  • Resolved semperaye

    (@semperaye)


    8 years, 10 months ago

    Hello,

    I’m trying to figure out how to create a jump url to the bottom of one of my pages where I am using a plugin shortcode. Here is what I am currently trying:

    <a>[shortcode stuff]</a>

    Then I made the url www.theurl.com#bottom

    You can see what I’m trying to do at this link because I can’t get the codes to show on the forum: http://imgur.com/a/BeAT6

    Am I on the right track here or am I completely lost? Haha!

    Thank you!

    • This topic was modified 8 years, 10 months ago by semperaye.
    • This topic was modified 8 years, 10 months ago by semperaye.
    • This topic was modified 8 years, 10 months ago by Jan Dembowski.
    • This topic was modified 8 years, 10 months ago by semperaye.
    • This topic was modified 8 years, 10 months ago by semperaye.
Viewing 4 replies - 1 through 4 (of 4 total)
  • George Appiah

    (@gappiah)

    8 years, 10 months ago

    You probably don’t want to link everything inside [shortcode stuff]

    Try: 

    <div id="bottom">
[shortcode stuff]
</div>

    Then link as:

    <a href="#bottom">Jump to</a>

    (You may want to change the “bottom” to something else that is less likely to cause collisions.)

    Moderator bcworkz

    (@bcworkz)

    8 years, 10 months ago

    George is correct when the shortcode expansion is not very extensive. For extensive expanded content, it won’t get the user to the very bottom. You can add ID attributes to almost any HTML tag and jump to it.

    [shortcode stuff]
<p id="bottom">

    You can get any example HTML to display correctly in these forums by demarcating with backticks or using the code button.
    <a name="#bottom">[shortcode stuff]</a>

    Thread Starter semperaye

    (@semperaye)

    8 years, 10 months ago

    Ty George, it worked!

    Thread Starter semperaye

    (@semperaye)

    8 years, 10 months ago

    Only problem I’m having is that it’s messing up the bottom margin formatting of the page for some reason, but I was able to resolve that.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Jump URL how to anchor to a shortcode?’ is closed to new replies.