what you can do is add a read more link to your post refer this http://codex.wordpress.org/Customizing_the_Read_More
and for pages you can use this plugin http://wordpress.org/extend/plugins/wp-pagenavi/
i know about the read more. i want to make it idiot proof is what i need to do. so when the client types up a story it will make it only fit in such amount of space and if it goes over the readmore a second or third time it will add another read more.
Know what i’m saying? i don’t want their story to over extend the template area.
1. Ensure that the_content is inside it’s own div with a suitable unique class name
2. Suppress the standard read more link by using <?php the_content('', false,'');?>
3. Using CSS, give the post content a fixed height with the overflow set to hidden.
4. Insert the read more link after the post content div using something like <?php if( !is_single() ) :?><li class="more-link"><a href="<?php the_permalink();?>#more-<?php echo $post->ID;?>"><?php _e('Read more');the_title();?></a></li><?php endif;?>
You are trying to tackle a very complicated problem. I work with a designer who likes to put text in very small spaces, so I sympathize.
I am not aware of any way to restrict size by pixel except via some complicated Javascript. The best I’ve been able to do thus far, without Javascript, is to truncate the post by character count, but you have strip the markup and shortcodes(conditionally) first and put them later if you want to preserve them.
Some of these links might help you.
