Post-to-post navigation

  • jentrify

    (@jentrify)


    14 years, 3 months ago

    I like the “Older posts” and “Newer posts” links on the left at the bottom of a page of posts:

    http://jentrify.com/page/2/

    How can I get these links to show up for single posts? Currently, there is no way to navigate from single post to single post:

    http://jentrify.com/2012/02/meals-108-moveable-feast/

    I tried inserting <?php previous_post_link(); ?> and <?php next_post_link(); ?> into The Loop code in index.php. This code did succeed in adding navigational links to single posts, but there are two major issues:

    1) The navigational links are right underneath the post, not on the left as they are for a page of multiple posts. I want them to be on the left.
    2) The navigational links appear underneath each post in the page of posts. I want to leave the navigational links for pages of posts intact, only adding navigational links to singular posts.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Christine Rondeau

    (@crondeau)

    14 years, 3 months ago

    If you want to have those links on your single posts, then you need to insert that code in your single.php template not index.php.

    As well, you need to add a div or something around and then style it.

    I use the following on my single.php files.

    <div class="post-navigation">
	<div class="navigation-previous"><?php previous_post_link('&laquo; %link') ?></div>
	<div class="navigation-next"><?php next_post_link('%link &raquo;') ?></div>
</div>

    Once the links are in place, you can add styles to position them where you want.

    Thread Starter jentrify

    (@jentrify)

    14 years, 3 months ago

    Hi Christine,

    Thank you very much for your detailed explanation.

    Is there a template that corresponds to single.php in the following list? I am using the Chunk WordPress theme, and single.php is not a built-in template.

    comments.php
    footer.php
    header.php
    image.php
    index.php
    functions.php
    content-audio.php
    content-link.php
    content.php
    sidebar-footer.php

    Thread Starter jentrify

    (@jentrify)

    14 years, 3 months ago

    Actually, Christine, I just found the following article:

    http://codex.ww.wp.xz.cn/Stepping_Into_Templates

    I will copy and paste the code from index.php and made the adjustment for the navigation. Thanks again for leading me in the right direction.

    Thread Starter jentrify

    (@jentrify)

    14 years, 3 months ago

    So I’ve got the navigation working now for single posts, but I would also like to move the navigational links above the “Leave a comment” section (not sure if this is possible because the section is within the content), and to the left, as they appear on a page of posts (see the “Older posts” link at the bottom of the page, before the footer):

    http://jentrify.com/page/2/

    I tried moving the code for the pretty navigation from index.php into the loop, but the links are not appearing. Here’s the code I moved into the loop:

    <div class="navigation">
		<div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">&larr;</span> Older posts', 'chunk' ) ); ?></div>
		<div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">&rarr;</span>', 'chunk' ) ); ?></div>
	</div>

    Any help would be very much appreciated – thanks again!

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

The topic ‘Post-to-post navigation’ is closed to new replies.