Way to show first few words of post on front page?

Home Forums Automattic Forefront Way to show first few words of post on front page?

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #107963 Resolve

    Martha Hall Findlay
    Member

    I have used the “Recent posts” widget on the front page, but I am wondering if it is possible to have the 3 recent posts displayed side by side (like a grid), and also showing the first few lines of the post? Thanks as always.

    The blog I need help with is marthahallfindlay.wordpress.com
    #138661

    thecharmepidemic
    Member

    I also want this! I have been thinking how to show more of the recent post when people enter the web page:) Good question! :)

    #138678

    Michelle

    Hi there!

    You can use the Recent Posts shortcode inside a text widget to achieve this. If you want to show the 3 latest posts side-by-site, you’d need three separate text widgets:

    Widget 1: [display-posts posts_per_page="1" include_excerpt="true"]

    Widget 2: [display-posts posts_per_page="1" offset="1" include_excerpt="true"]

    Widget 3: [display-posts posts_per_page="1" offset="2" include_excerpt="true"]

    The “offset” value skips over the previous post. So, an offset of 1 would skip the first post and show the second. An offset of 2 would skip the first two and show the third. And so on.

    Can you give this a try and let us know how it works for you?

    Cheers,

    Michelle

    #138714

    Martha Hall Findlay
    Member

    This works perfectly. I’m assuming it’s OK that I deleted “Widget 1” etc. Any way to make the entries appear side-by-side?

    #138724

    thecharmepidemic
    Member

    Hi. Could you possibly check the front page of my blog? I don’t like that those 3 posts are very disordered. one is up one is down. is it possible to do something about it?

    I also want to ask if it would be possible to display the newest posts just with featured pictures and post names?

    Thanks for your help.

    #138727

    thecharmepidemic
    Member

    I would like to have 3 recent posts on the front page with featured images and the title of the posts. :) If it’s possible. But I also want everything to be align the same, not as it is now:(

    Looking forward to hearing from u :)) Thanks

    #138728

    thecharmepidemic
    Member

    And one more question. I didn’t want to create another topic for that. So I just quickly gonna ask here. How to change the GREEN color appearing whenever I want to press any link ( the green line). Could you help?:)

    Cheers:)

    #138785

    Caroline Moore

    Howdy @marthainab!

    To create them side by side, create three separate Text widgets, using one line of code per widget. So the first one would have only:

    [display-posts posts_per_page="1" include_excerpt="true"]

    The second one would have only:

    [display-posts posts_per_page="1" offset="1" include_excerpt="true"]

    And so on. I hope this helps!

    #138787

    Caroline Moore

    Howdy @thecharmeepidemic!

    You can align those posts better by only including three widgets in each Front Page Sidebar area, otherwise they will display as they currently do, stacked on top of each other. This is the way the theme is designed.

    You can configure the shortcode to display only the medium-sized Featured Image and title, without an excerpt. For example:

    [display-posts posts_per_page="1" image_size="medium" include_excerpt="false" wrapper="div"]

    You can read more about how to use the Display Posts shortcode here:

    http://en.support.wordpress.com/display-posts-shortcode/

    The green links can be changed with the following Custom CSS, replacing #d7d7d7 with your desired color:

    a, a:visited, a:active {
    color: #d7d7d7; /* replace with the hex code for your desired color */
    }
    .widget_text a {
    border-bottom: 1px solid #d7d7d7;
    }
    .widget_text a:hover {
    color: #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    }
    .entry-content a:hover, .comment-content a:hover {
    border-bottom: 1px solid #d7d7d7;
    }

    In the future, please create a new topic for your questions — no question is too small to be its own topic, helps to keep things organized and makes it easier for other users who might have the same question to find things, and for us to answer you. :) Thanks!

    #138794

    thecharmepidemic
    Member

    Thank you so much. this all helped a lot. :)

    #139432

    Kathryn P.
    Happiness Engineer

    Glad to hear it looks like both of you are all sorted out.

    I’m going to close this thread, but feel free to start a new one if there are any other questions.

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Way to show first few words of post on front page?’ is closed to new replies.