Wordpress gurus, step inside please - GoFuckYourself.com

$5 submissions · 08-05-2013, 05:15 PM

I am trying to style my <next page> links in WP. However, I am not sure which template file this tutorial http://codex.wordpress.org/Styling_Page-Links is referring to. Anyone know?

If you have fancier 'next page' styling suggestions, I am all ears.

Thanks in advance, guys.

BSleazy · 08-05-2013, 05:38 PM

Depends on the theme.

Zeiss · 08-05-2013, 06:21 PM

http://www.wpbeginner.com/wp-themes/...rdpress-theme/

fris · 08-05-2013, 07:19 PM

Quote:

Originally Posted by $5 submissions

I am trying to style my <next page> links in WP. However, I am not sure which template file this tutorial http://codex.wordpress.org/Styling_Page-Links is referring to. Anyone know?

If you have fancier 'next page' styling suggestions, I am all ears.

Thanks in advance, guys.

use inspect element find the style and add it to your css. wp has defaults for each element.

$5 submissions · 08-05-2013, 08:58 PM

Quote:

Originally Posted by Zealotry

http://www.wpbeginner.com/wp-themes/...rdpress-theme/

I am looking to break up LARGE POSTS into many smaller pages so I can reduce bounce rate and increase opportunities for reader engagement.

$5 submissions · 08-05-2013, 09:00 PM

Quote:

Originally Posted by fris

use inspect element find the style and add it to your css. wp has defaults for each element.

Hey Fris, what's your Skype or ICQ?

Thanks

Colmike9 · 08-05-2013, 09:56 PM

Quote:

Originally Posted by $5 submissions

...I am not sure which template file this tutorial http://codex.wordpress.org/Styling_Page-Links is referring to. Anyone know?

http://codex.wordpress.org/Function_.../wp_link_pages

Quote:

wp_link_pages() is located in wp-includes/post-template.php.

$5 submissions · 08-05-2013, 11:50 PM

Quote:

Originally Posted by Colmike7

http://codex.wordpress.org/Function_.../wp_link_pages

Thanks Colmike.

Anybody else here use the GENESIS theme?

Anyone know which file in the GENESIS FRAMEWORK this 'wp-includes/post-template.php' is located in? Can't find it.....

Eschaton · 08-06-2013, 12:20 AM

This is the code for my next/old links. Yours may be different. This is in the "archives" template in the theme editor within wordpress:

Code:

<div class="navigation">
<div class="alignleft"><?php next_posts_link('<img class="alignnone size-full wp-image-3243" title="older-posts" src="CENSORED/wp-content/uploads/older-posts.jpg" alt="" width="248" height="74" />') ?></div>
			<div class="alignright"><?php previous_posts_link('<img class="alignnone size-full wp-image-3243" title="newer-posts" src="CENSORED/wp-content/uploads/newer-posts.jpg" alt="" width="248" height="74" />') ?></div>
		</div>

I made my own "Older posts" button using blank button graphics I downloaded from somewhere a long time ago. I would probably suggest not using images and find out how to use CSS buttons but either way works aesthetically.

$5 submissions · 08-06-2013, 12:34 AM

Quote:

Originally Posted by Eschaton

This is the code for my next/old links. Yours may be different. This is in the "archives" template in the theme editor within wordpress:

Code:

<div class="navigation">
<div class="alignleft"><?php next_posts_link('<img class="alignnone size-full wp-image-3243" title="older-posts" src="CENSORED/wp-content/uploads/older-posts.jpg" alt="" width="248" height="74" />') ?></div>
			<div class="alignright"><?php previous_posts_link('<img class="alignnone size-full wp-image-3243" title="newer-posts" src="CENSORED/wp-content/uploads/newer-posts.jpg" alt="" width="248" height="74" />') ?></div>
		</div>

I made my own "Older posts" button using blank button graphics I downloaded from somewhere a long time ago. I would probably suggest not using images and find out how to use CSS buttons but either way works aesthetically.

Thanks for this, Eschaton but the code you shared is for SWITCHING FROM ONE POST TO ANOTHER. I am looking for styling code that enables me to BREAK UP ONE LARGE POST into smaller sections within the post (next page) so I can reduce bounce rate, get more ad views, and keep the reader engaged with video, infographics, and graphics at different parts of an otherwise VERY LONG post.

$5 submissions · 08-06-2013, 12:36 AM

Specifically, instead of  just producing 1 2 3 4 etc, I'd like to style it so it ENGAGES the reader and maybe add some graphics elements ALA Cracked.com and other awesome list sites.

fris · 08-06-2013, 01:33 AM

Quote:

Originally Posted by $5 submissions

Thanks for this, Eschaton but the code you shared is for SWITCHING FROM ONE POST TO ANOTHER. I am looking for styling code that enables me to BREAK UP ONE LARGE POST into smaller sections within the post (next page) so I can reduce bounce rate, get more ad views, and keep the reader engaged with video, infographics, and graphics at different parts of an otherwise VERY LONG post.

if you can give me a little more info i can help you out more, for breaking up the content you can run a filter on the_content to split it up into blocks if you wanted.

HomerSimpson · 08-06-2013, 03:47 AM

install plugin WP-PageNavi and if you want to modify it's colors, fonts etc... install plugin WP PageNavi Style

fris · 08-06-2013, 04:02 AM

Quote:

Originally Posted by HomerSimpson

install plugin WP-PageNavi and if you want to modify it's colors, fonts etc... install plugin WP PageNavi Style

he actually wants to take the content and split it up

into 3 sections for example.

might want the next link on each block, not sure of the whole situation.

fris · 08-06-2013, 04:10 AM

this is just rough but you will see what i mean

Code:

function split_content($content) { 	
	$content = get_the_content();
	$content = apply_filters('the_content',$content);
	preg_match_all('#<p>(.*)</p>#Us', $content, $m); 
	return $m[0][0] . $m[0][1] . $m[0][2]; 
}

add_filter('the_content','split_content');

will split into 3 paragraphs if you have 3 in your post, obviously you would have to check how many, then you can hook in whatever else is needed, etc.

hit me up and i can get you sorted.

Manfap · 08-06-2013, 04:11 AM

http://www.wpbeginner.com/wp-tutoria...ultiple-pages/

$5 submissions · 08-06-2013, 04:30 AM

Quote:

Originally Posted by fris

hit me up and i can get you sorted.

Fris, what is your ICQ or other contact info?

Thanks

$5 submissions · 08-06-2013, 04:36 AM

I am aiming for something along these lines:

fris · 08-06-2013, 04:47 AM

Quote:

Originally Posted by $5 submissions

I am aiming for something along these lines:

you would just need to do up your css so you can style the prev/next links, and also to get the page 1 of 2, which isnt hard.

icq 704-299

08-05-2013, 05:15 PM	#1
$5 submissions I help you SUCCEED Industry Role: Join Date: Nov 2003 Location: The Pearl of the Orient Seas Posts: 32,195	Wordpress gurus, step inside please I am trying to style my <next page> links in WP. However, I am not sure which template file this tutorial http://codex.wordpress.org/Styling_Page-Links is referring to. Anyone know? If you have fancier 'next page' styling suggestions, I am all ears. Thanks in advance, guys. __________________ Need a NON-ADULT income stream? We build your YOUTUBE CHANNEL for only $20 per video! For Hire: $3/hour or $400 per month Marketing Specialist Virtual Assistants

08-05-2013, 05:38 PM	#2
BSleazy Confirmed User Industry Role: Join Date: Aug 2002 Location: USA Posts: 6,721	Depends on the theme. __________________ icq 156131086

08-05-2013, 06:21 PM	#3
Zeiss Confirmed User Industry Role: Join Date: May 2012 Location: With your mom Posts: 5,189	http://www.wpbeginner.com/wp-themes/...rdpress-theme/ __________________ Adult Webmasters Guides

08-06-2013, 12:20 AM	#9
Eschaton Confirmed User Industry Role: Join Date: Jan 2012 Posts: 109	This is the code for my next/old links. Yours may be different. This is in the "archives" template in the theme editor within wordpress: Code: <div class="navigation"> <div class="alignleft"><?php next_posts_link('<img class="alignnone size-full wp-image-3243" title="older-posts" src="CENSORED/wp-content/uploads/older-posts.jpg" alt="" width="248" height="74" />') ?></div> <div class="alignright"><?php previous_posts_link('<img class="alignnone size-full wp-image-3243" title="newer-posts" src="CENSORED/wp-content/uploads/newer-posts.jpg" alt="" width="248" height="74" />') ?></div> </div> I made my own "Older posts" button using blank button graphics I downloaded from somewhere a long time ago. I would probably suggest not using images and find out how to use CSS buttons but either way works aesthetically.

08-06-2013, 12:36 AM	#11
$5 submissions I help you SUCCEED Industry Role: Join Date: Nov 2003 Location: The Pearl of the Orient Seas Posts: 32,195	Specifically, instead of <!--nextpage--> just producing 1 2 3 4 etc, I'd like to style it so it ENGAGES the reader and maybe add some graphics elements ALA Cracked.com and other awesome list sites. __________________ Need a NON-ADULT income stream? We build your YOUTUBE CHANNEL for only $20 per video! For Hire: $3/hour or $400 per month Marketing Specialist Virtual Assistants

08-06-2013, 03:47 AM	#13
HomerSimpson Too lazy to set a custom title Industry Role: Join Date: Sep 2005 Location: Springfield Posts: 13,826	install plugin WP-PageNavi and if you want to modify it's colors, fonts etc... install plugin WP PageNavi Style __________________ Make a bank with Chaturbate - the best selling webcam program Ads that can't be block with AdBlockers !!! /// Best paying popup program (Bitcoin payouts) !!! PHP, MySql, Smarty, CodeIgniter, Laravel, WordPress, NATS... fixing stuff, server migrations & optimizations... My ICQ: 27429884 \| Email:

08-06-2013, 04:10 AM	#15
fris Too lazy to set a custom title Industry Role: Join Date: Aug 2002 Posts: 55,359	this is just rough but you will see what i mean Code: function split_content($content) { $content = get_the_content(); $content = apply_filters('the_content',$content); preg_match_all('#<p>(.*)</p>#Us', $content, $m); return $m[0][0] . $m[0][1] . $m[0][2]; } add_filter('the_content','split_content'); will split into 3 paragraphs if you have 3 in your post, obviously you would have to check how many, then you can hook in whatever else is needed, etc. hit me up and i can get you sorted. __________________ Since 1999: 69 Adult Industry awards for Best Hosting Company and professional excellence. WP Stuff

08-06-2013, 04:11 AM	#16
Manfap Confirmed User Industry Role: Join Date: Jan 2013 Posts: 2,622	http://www.wpbeginner.com/wp-tutoria...ultiple-pages/

08-06-2013, 04:36 AM	#18
$5 submissions I help you SUCCEED Industry Role: Join Date: Nov 2003 Location: The Pearl of the Orient Seas Posts: 32,195	I am aiming for something along these lines: __________________ Need a NON-ADULT income stream? We build your YOUTUBE CHANNEL for only $20 per video! For Hire: $3/hour or $400 per month Marketing Specialist Virtual Assistants