Community Forums › Forums › Archived Forums › Design Tips and Tricks › Pagination problems
Tagged: pagination
- This topic has 7 replies, 2 voices, and was last updated 9 years, 10 months ago by revtrev.
-
AuthorPosts
-
May 10, 2014 at 4:02 pm #104475revtrevMember
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 screenshot2.
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?May 10, 2014 at 6:21 pm #104488Brad DaltonParticipantYou 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.
May 11, 2014 at 6:59 am #104527revtrevMemberI 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.
May 11, 2014 at 6:55 pm #104572Brad DaltonParticipantI 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.
May 11, 2014 at 8:29 pm #104591revtrevMemberThe 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.
May 11, 2014 at 8:57 pm #104598Brad DaltonParticipantMay 11, 2014 at 9:09 pm #104600revtrevMemberI'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.
May 12, 2014 at 11:48 am #104694revtrevMemberIn 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;
} -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.