• Resolved thriftyreads

    (@thriftyreads)


    I need some help figuring out how to get the links from the main page of my site (when people click “read more” or just click on the posts) to go not just to the post, but automatically jump to a point in the post. Specifically, I want the links to skip past my rather large logo/website title and go right to the top of the post content.

    The site in question is http://www.thriftyreads.com. I was thinking it might be possible to do it somehow using anchors in the php files that structure the “post” pages, but after searching for the entirety of the day about how to do it to much frustration, I’m reverting to just asking for help here.

    So here’s what the site looks like now:

    `http://img850.imageshack.us/i/mainag.jpg/

    When you click on one of the posts, it takes you to a page that looks like this:

    http://img13.imageshack.us/i/postnoww.jpg/

    As you can see, the title of the page “Thrifty Reads” is enormous, and causes users to scroll down to see the post. I want to keep the logo/title for the main page and all other pages, but have links to posts automatically skip the logo. So that when a user clicks on one of the posts from the main page, they get sent to the post page with the page already scrolled past the title. So that it looks like this:

    http://img41.imageshack.us/i/postdesired.jpg/

    Help is very much appreciated. I don’t know if there is a plugin that can do this for me, or if somebody can help with editing the .php files so that it’s automatically set up like that..

    Thanks

Viewing 8 replies - 1 through 8 (of 8 total)
  • try and append #breadcrumbs to the links on the frontpage (might be in index.php?);

    something with the_permalink() probably multiple times (on the image and on the post title)

    Thread Starter thriftyreads

    (@thriftyreads)

    What would I change the_permalink() to to get that?

    For example, mine looks like:

    <a href="<?php the_permalink(); ?>">

    Where would I need to add #breadcrumbs to it?

    Moderator keesiemeijer

    (@keesiemeijer)

    Try this:
    <a href="<?php the_permalink(); ?>#breadcrumbs">

    Thread Starter thriftyreads

    (@thriftyreads)

    ok, trying now..

    Thread Starter thriftyreads

    (@thriftyreads)

    Ok, I found all instances of

    <a href="<?php the_permalink(); ?>">

    In all my .php files, and replaced them all with

    <a href="<?php the_permalink(); ?>#breadcrumbs">

    Unfortunately, it didn’t do anything for the links on my main page (thriftyreads.com). Any suggestions?

    RESOLVED! I had to clear cache to get it all to work. Thanks guys!

    In addition to that, you’ll need to use the name anchor where you want the user to start reading. I imagine that would be the title of the post?

    Wherever in your single.php template you want the user to be taken, add this:

    <a name="breadcrumbs"></a>

    It’s this HTML code, which has been around forever, that is at work here:
    http://www.w3schools.com/HTML/html_links.asp
    Read the above article at “HTML Links: The Name Attribute.”

    Firefox, right? I hate that caching behavior. I have mine turned off (in the browser address bar, type about:config, search for http: and find where it talks about caching pages and double-click to change value to false/no.

    Thread Starter thriftyreads

    (@thriftyreads)

    ^ exactly 😉 Thanks for the further help

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Help skipping top title/header on all posts’ is closed to new replies.