In your second approach remove <?php the_excerpt(); ?>
and replace it with:
<?php echo wp_trim_words( get_the_excerpt() , 60); ?>
it will show 60 words change to word amount you want.
Edit
I replaced exact following in content.php:
<div class="entry-content">
<?php the_content( __( 'Continue reading <span class="meta-nav">→</span>', 'twentyeleven' ) ); ?>
<?php wp_link_pages( array( 'before' => '<div class="page-link"><span>' . __( 'Pages:', 'twentyeleven' ) . '</span>', 'after' => '</div>' ) ); ?>
</div><!-- .entry-content -->
with this:
with:
<div class="entry-content">
<?php echo wp_trim_words( get_the_excerpt() , 60); ?>
<?php wp_link_pages( array( 'before' => '<div class="page-link"><span>' . __( 'Pages:', 'twentyeleven' ) . '</span>', 'after' => '</div>' ) ); ?>
</div><!-- .entry-content -->
Works like a charm if not than you have changed already some more somewhere else in the code?
I assume you made a child-theme of it or are you changing original code? When it is in the org theme..put your copy you made before changing anything back in and replace exact the code as shown here, you will see it works! If it is in your child theme..replace it also with a fresh copy of that file and replace exact code as shown. I can change it into any number..even with not adding excerpt in backend it shows exact that what it should.
Note: all done and checked in a “virgin” Twenty eleven theme. It works if you follow and do exact as shown and you didn’t made any changes in the functions.php or somewhere else which overrules this. Good luck and have a nice weekend.