Home › Forums › Automattic › Forefront › Way to show first few words of post on front page?
-
AuthorPosts
-
Martha Hall FindlayMemberI 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.comAugust 20, 2013 at 10:07 pm #138661
thecharmepidemicMemberI also want this! I have been thinking how to show more of the recent post when people enter the web page:) Good question! :)
August 21, 2013 at 1:05 am #138678
MichelleHi 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
August 21, 2013 at 2:46 pm #138714
Martha Hall FindlayMemberThis works perfectly. I’m assuming it’s OK that I deleted “Widget 1” etc. Any way to make the entries appear side-by-side?
August 21, 2013 at 8:34 pm #138724
thecharmepidemicMemberHi. 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.
August 21, 2013 at 9:26 pm #138727
thecharmepidemicMemberI 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
August 21, 2013 at 9:33 pm #138728
thecharmepidemicMemberAnd 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:)
August 22, 2013 at 6:29 pm #138785
Caroline MooreHowdy @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!
August 22, 2013 at 6:40 pm #138787
Caroline MooreHowdy @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!
August 22, 2013 at 7:35 pm #138794
thecharmepidemicMemberThank you so much. this all helped a lot. :)
September 3, 2013 at 6:54 pm #139432
Kathryn P.Happiness EngineerGlad 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.
-
AuthorPosts
The topic ‘Way to show first few words of post on front page?’ is closed to new replies.