wpvidZ

Learn WordPress With Video Tutorials

  • Blog
  • Browse
    • Backup & Restore
    • WordPress Localhost
    • WordPress Hosting
    • WordPress themes
    • Version Updates
    • Plugin Tips
    • Security
    • Tutorials
    • WordPress SEO
    • WP Miscellaneous
    • Sitemap
  • WP 5+ Tutorial
  • Search
wpvidZ Blog Tutorials Make Summary Post In WordPress Blog Homepage

Tutorials

Make Summary Post In WordPress Blog Homepage

Last updated on February 18, 2017
Posted on July 28, 2010

How to show or display summary of the article or post in your blog’s front page.

I have read in many forums, there are lots of people out there want to display their post summary, a few words or sentences and then following by read more, or continue reading button link.

Basically whenever you click this read more button, it will bring you to the whole length of your post or in a post page.


How do we make this post summary in front or homepage? It is actually really not complicated, and also depends on your theme file. If this following tutorial won’t work for you, feel free to contact me or leave a comment, i will check your theme file.

Steps to make post summary:

1. In your dashboard, go to posts, either click “edit” the post or “Add new” to create a new post. Type your post, optimize your post with all in seo pack plugin, if you use it.

  • Is my site loading fast? I use this shared hosting
  • Try my theme >

2. Click the “Hide/show kitchen sink” button if it is not yet clicked, you will have more options.

Click Hide/Show Kitchen Sink button.

3. Place your cursor wherever you want to put read more button or summarize your post, and click the “insert more tag” button.

"More Tag" button to display post summary.

You can also switch your tab from “visual” to “html” and add this more tag manually by typing <!--more--> It will make your post displaying post summary. Or even just click “more” tab in your html post editor.

html tab, and adding the read more code.

4. Click “publish” if you create a new post or “update” button if you modify your post.

These above guides will show your wordpress blog post summary.


Video tutorial:

frontpage Full post short summary

Latest Posts

  • Twenty Nineteen Theme Full Tutorial – Creating a Website
  • Uninstall W3 Total Cache Plugin – Incredibly Easy!
  • Create WordPress Website 2018 on SiteGround Genesis
  • WordPress Noopener Noreferrer Rel Attribute Quick Fix
  • WordPress CDN Setup with MaxCDN and W3 Total Cache Plugin
  • Twenty Seventeen One Page Parallax Scrolling Website Style
  • How To Add Google Map in WordPress Contact Page
  • WordPress 4.7 Justify Text and Underline
  • Twenty Seventeen Footer “Proudly Powered By WordPress” Text
  • How To Add YouTube Subscribe Button To WordPress Website
← Copy “Live” WordPress Blog To Computer
→ Removing “You may use these HTML tags and attributes”

Comments

  1. bohol says

    September 1, 2010 at 4:57 pm

    Thank you very much for this tutorial. I finally found the way to insert read more tag for a wp blogspost.

  2. Maria says

    December 5, 2010 at 2:04 pm

    Great tip and advice “how to make summary in wordpress blog homepage” i have got my new blog today and i wanted to setup posts summary on my homepage – your article helped me to do it, thank you for sharing that info.

    • Kimi says

      December 6, 2010 at 5:52 am

      Maria,

      I am glad the article could help.

      Thanks for leaving a nice comment 🙂

  3. Chris Leadley says

    December 10, 2010 at 5:07 pm

    Great post helped out a lot, thanks.

    • Kimi says

      December 10, 2010 at 6:20 pm

      Chris,

      Most welcome!

  4. dmarket says

    January 24, 2011 at 8:30 am

    Thanks for the tip… but it did not work even after I cleared my cache there was no change.
    Any other ways?

    • Kimi says

      January 24, 2011 at 11:11 am

      Hi there, depends on your theme, if you post the link to your blog, i will check.

      Without knowing your site it is hard to help..

  5. R.Jackson says

    March 10, 2011 at 8:40 pm

    awesome I was searching for this who would have thunked it. Is their away that a blog will automatically do this by default?

    • Kimi says

      March 11, 2011 at 7:30 am

      Hi R.Jackson,

      Yes, there is a way to make it automatic, but you must edit your functions.php or using plugins though I have heard it somewhere, there is a plugin for that, but because personally I have never used any, I can’t recommend to you.

      I hope this helps

      Kimi.

  6. Michi says

    March 16, 2011 at 2:25 am

    I tried doing this both ways on my site, and still can’t get it work! I have the Coraline theme, which should support the easy “more” code….
    I’ve been trying to get this to work for ages. Please help!

    • Kimi says

      March 16, 2011 at 6:31 pm

      Hi Michi,

      Unfortunately I don’t have time to help people right now 🙁

      I recommend you ask to theme creator, if it is a good theme, the creator would gladly help.

      Thanks.

  7. Yash says

    April 4, 2011 at 3:21 pm

    This helped me out a lot! Thank you SO much!! 🙂

    You can read my ‘summarized’ blog at yash1229.wordpress.com 😀

  8. geraldine says

    July 16, 2011 at 9:33 pm

    hi,

    i love you tutorials! this summary thing works on my blog. there’s no need for another plugin so i can display the summary. this is good for my blog coz in the homepage, it retain some of my customization! an excerpt would not do that.

    regards,

    geraldine

    • Kimi says

      July 19, 2011 at 3:55 pm

      Hi Geraldine,

      Glad it works out for you!

      Kind regards,

      Kimi.

  9. David Bourke says

    August 9, 2011 at 11:08 am

    thanks for a simple and effectve tutorial, as ever seems easy now…once you know!

  10. Ajo Paul says

    September 6, 2011 at 7:16 pm

    Hi, I am using the twentyten theme and the index.php does not seem to have the the_content option to replace it to the_excerpt option. kindly have a look here. http://ajopaul.com

    • Kimi says

      September 6, 2011 at 7:20 pm

      Hi Ajo,

      In twenty ten theme, you don’t need to add any codes, just adding in html tab, or the “more” tag icon just like I showed in the image will work

      I hope this helps.

      Kimi

  11. Ajo Paul says

    September 6, 2011 at 7:30 pm

    I have fixed my problem

  12. 89Perra says

    November 22, 2011 at 5:22 am

    Hello.
    Thank you very much for this tutorial. I have been trying to figure out how to do this by looking in the settings. As usual I made it harder then I had to 😛

    Thank you again for this.
    Cheers
    89perra

  13. David says

    July 18, 2012 at 12:39 am

    Just want to say thanks as your little guide worked a treat 🙂
    Cheers..

Comment form on this post is closed after 60 days.

Search

Worth Reading

  • WordPress CDN setupWordPress CDN Setup with MaxCDN and W3 Total Cache Plugin
  • WordPress Google maps in contact pageHow To Add Google Map in WordPress Contact Page
  • The configuration of YouTube Subscribe button in Google Developers web pageHow To Add YouTube Subscribe Button To WordPress Website
  • Adding Social Media Links to WordPress Menu With CSS Classes
  • Unable to create directory wp-content/uploads in WordPress
  • Forward Twitter to Facebook Using App and Feedburner Tutorial
  • Kitchen Sink WordPress - Seem Simple But Important
  • Admin Pointers, Drag and Drop WordPress 3.3 Media Upload Features
  • How to sell ebook in a wordpress blog?
  • Check your site's performance using Google labs Page Speed

Backup & Restore

Backup WordPress Without a Plugin or FTP

Export WordPress Database using phpMyAdmin

BigDump Alternative – When BigDump Failed Importing Large WP Database

At This Place The Current Query Includes More Than 300 Dump Lines

View All..

Live Online Website

View All..

Offline Installation

How to Upload WordPress localhost to live server manually

Steps to Install WordPress on Windows 8 and WAMP 2.4

Install WordPress on Mavericks OS X 2014

Maximum upload file size in WAMP WordPress

View All..


WPvidz Hosting Image

  • About Me
  • Contact
  • Affiliate Disclosure
  • Privacy Policy
  • Term of Use

Copyright© 2023 wpvidz.com SG2021 | sitemap.xml


WPvidz.com is independent from WordPress.org but is proudly powered by WordPress & its block-based editor (Gutenberg)

WpvidZ.com uses cookies" to give you the best browsing experience possible. If you click "I Accept" below then you are consenting to this. For more information about your privacy settings on this website, please visit the Privacy Policy page. I Accept