Pagination problems

Community Forums Forums Design Tips and Tricks Pagination problems

This topic is: not resolved

Tagged: 

This topic contains 7 replies, has 2 voices, and was last updated by  revtrev 4 months, 1 week ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #104475

    revtrev
    Member
    Post count: 4

    I’ve started to use the <!–nextpage–> tag for longer articles on a couple of sites.

    This one uses Outreach Pro see http://iharvest.ca/messages/heaven-will-amazing/ as an example

    This one uses the Academic http://revtrev.com (I’ve scheduled but not posted a long article…I’m trying to figure out these issues. (I’ve included a screen shot here: http://revtrev.com/wp-content/uploads/2014/05/movingpagination.png )

    1.
    I need to move the Pagination to genesis_entry_footer (I think)
    Please see the screenshot

    2.
    Is in-post pagination the same as post pagination?

    Does

    http://wpsites.net/web-design/different-ways-to-add-post-navigation-pagination-in-genesis/

    include in-post pagination ?

    3.
    Will this styling work for in-post pagination?

    http://wpsites.net/web-design/add-single-post-nav-links-for-categories/

    4.
    In the Academic Child theme I don’t see pagination in the CSS. Anyone know where I can find it?

    #104488

    braddalton
    Participant
    Post count: 9734

    You can simply change the hooks in any of the pagination PHP code snippets.

    Those tutorials relate to different post navigation methods and not the use of the more tag however you could change the classes so the CSS works with the more tag.

    Another option is to use a plugin like Table of Contents Plus for longer articles or hand code HTML scroll/anchor points.


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #104527

    revtrev
    Member
    Post count: 4

    I don’t use pagination for articles, only inside articles. Using the <!–nextpage–> tag puts in pagination on the page, I’d like to move it above my sharing links to make it more noticeable and spice up the CSS on the pagination itself, preferably with <Previous and Next> tags bookending the pagination.

    I’ve been able to change the CSS on the Outreachpro theme…but would like to move it to the genesis_entry_footer hook (I think). How can I do that?

    I can’t find pagination CSS in the Academic theme…can I use insert CSS for pagination somewhere in the stylesheet?

    Thanks for mentioning the Table of Contents Plus plugin. I’ll give it go and see if it will do the trick.

    #104572

    braddalton
    Participant
    Post count: 9734

    I think you need to move your sharing links down one hook position and add the 3rd parameter for positioning priority.

    What sharing plugin are you using?

    Your theme is non StudioPress so its hard to test properly without a copy of the theme.


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #104591

    revtrev
    Member
    Post count: 4

    The theme is a studiopress theme.

    I’ve seen the area is genesis_entry_footer hook so I’ve decided to remove and replace the sharing sharing options and move the you might like plugin into the side bar.

    I’m going to try inserting the page navi into the genesis_entry_footer hook and see what happens.

    #104598

    braddalton
    Participant
    Post count: 9734

    Link to the theme please.

    What page navi?


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #104600

    revtrev
    Member
    Post count: 4

    I’ve figured most of this out.

    The child theme link is here:

    http://my.studiopress.com/themes/education/

    The last thing I’m looking for is where and how I can jazz up the pagination in the Education child theme. I can’t find it in the pagination. I’ve been able to do to a little bit css work on Outreach Pro here http://iharvest.ca/messages/heaven-will-amazing/

    Somebody mentioned http://wordpress.org/plugins/wp-pagenavi/ to more easily jazz it up. I think I’ll default to the CSS changes if I can find it in the CSS for pagination in the Education theme.

    Thanks for looking into this thread.

    #104694

    revtrev
    Member
    Post count: 4

    In case anyone else is looking for this functionality on the the Education Theme, I got this response from Studiopress help:

    You can change the style of the pagination by editing this section of the style.css file:

    /* Post Navigation
    ———————————————————— */

    .navigation {
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
    padding: 20px 0;
    width: 100%;
    }

    .navigation li {
    display: inline;
    }

    .navigation li a,
    .navigation li.disabled,
    .navigation li a:hover,
    .navigation li.active a {
    background: #f5f5f5;
    padding: 5px 10px;
    text-decoration: none;
    }

    .navigation li a:hover {
    background-color: #34678a;
    color: #fff;
    text-decoration: none;
    }

    .navigation li.active a {
    background-color: #f47529;
    color: #fff;
    text-decoration: none;
    }

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.