Twenty Fourteen Theme. Possible to show thumbnail and excerpt?

  • Unknown's avatar
    supergoat · Member ·

    Is there a way to show thumbnails with excerpts on my front page instead of full posts and a large featured image?

    I found the excerpt option when writing a post but don’t know where to go from there. I know how to use the “more” option to shorten my front page posts but I’d like to display my posts as a list with thumbnails on the left, and then two or three lines of “excerpt.

    I found where to make the changes on the CSS if I was able to directly edit the theme but since we use child themes here, I can’t figure it out. Any ideas?

    Thank you . :)

    The blog I need help with is: (visible only to logged in users)

  • staff-happychia · Staff ·

    Could you try:

    1. Create a new page
    2. Add the following shortcode to the page created in #1:
    [display-posts include_excerpt="true" image_size="thumbnail" wrapper="div"]`
    3. Make this new page as <a href=”http://en.support.wordpress.com/pages/front-page/”>Front Page</a>.

    Display Posts Shortcode support document says:

    <blockquote>In order to get the image floating to the left, add this to your custom CSS file (requires the Custom Design upgrade):

    .display-posts-listing .listing-item {
clear: both;
}

.display-posts-listing img {
float: left;
margin: 0 10px 10px 0;
}

    But this is not quite working as expected. @thesacredpath reported this in trac as he updated on this past thread.

    But this is really the close we can come to displaying excerpts in Twenty Fourteen

  • staff-happychia · Staff ·

    [Formatting correctly. Esp. of the display posts shortcode.]

    Could you try:

    1. Create a new page
    2. Add the following shortcode to the page created in #1:
    [display-posts include_excerpt="true" image_size="thumbnail" wrapper="div"]
    3. Make this new page as Front Page.

    Display Posts Shortcode support document says:

    In order to get the image floating to the left, add this to your custom CSS file (requires the Custom Design upgrade):

    .display-posts-listing .listing-item {
    clear: both;
    }

    .display-posts-listing img {
    float: left;
    margin: 0 10px 10px 0;
    }

    But this is not quite working as expected. @thesacredpath reported this in trac as he updated on this past thread.

    But this is really the close we can come to displaying excerpts in Twenty Fourteen

  • kathrynwp · Staff ·

    supergoat – are you all set with this? Looks like chaitanyamsv gave you some great instructions, let us know if it worked for you.

  • The topic ‘Twenty Fourteen Theme. Possible to show thumbnail and excerpt?’ is closed to new replies.