WordPress Help: Related Posts and Read More functionality

One of my frequent readers, Kirby from PinoyMoneyBlogger asked me these questions about wordpress.

Allen!

As you know, ive switched to WP na for a few weeks now. Since the day i bought a domain and hosting, ive been literally wresling with codes and plugins and hindi ko na kaya! huhuhu Help me out nman allen! I know you know wordpress even with your eyes closed.hehe

Help nman oh! I need help with “related posts” plugin of WP. Hindi ko talaga ma gets! And another thing, how do you cut the posts? I mean show only part of the post and have the “read the rest of the entry” link just like you have on your blog. Super ok ito sa adsense dba?.

Please help out bro. Badly need it talaga. ๐Ÿ™

The answer is after the jump. I need help with “related posts” plugin of WP

Actually there are a lot of related posts plugins for WP so please tell me first what plugin you are using. It may be a the plug-in name or the plug-in’s website.

How do you cut the posts?

Let us first discuss how it works. Cutting a post is useful when you want to provide an introduction to your post in your homepage and the user has to click the link, “read more of this entry” or something similar to see the whole post. This is useful when you have a long post because the readers have a choice whether to read it all or to skip it after they have read the introduction.

To cut posts, wordpress uses the tag <!–more–>. Basically all contents before the <!–more–> tag will be shown in the homepage and all contents after the <!–more–> tag can only be read if you click on the “read more of this entry” link. As a demonstration of that, see this post itself. If you look at this post on the homepage, you will only see the questions but as you click the “read more” link, you will see the answer you are reading now.

There are two ways you can cut a post depending on which editor you are using when you are writing your post.

  • If you are writing in the visual editor, you can add the <!–more–> tag by clicking this icon (see picture)

Visual Editor More Button

Clicking that will create a line with the word “more” at the end. Think of this as the graphical version of the <!–more–> tag.

readmore.PNG

  • If you are writing in the code editor, you can add the <!–more–> tag by clicking the “more” icon,

Code editor more
or by directly typing the <!–more–> into your post.

Have more questions?

If you have any more questions regarding wordpress or any of the topics I write about such as blogging in general and ragnarok, feel free to contact me to ask your question or leave a comment. I will do my best to answer your question.

10 thoughts on “WordPress Help: Related Posts and Read More functionality

  1. Kirbitz | Pinoy Money Blogger says:

    Thanks allen! Great post! I never thought it would be this simple. ๐Ÿ˜‰

    Blog Onwards!

    Kirbitz | Pinoy Money Blogger’s last blog post..Use Your Side Income to Secure Your Future

  2. You can also replace ‘the_content()’ tag with ‘the_excerpt()’ if you’re a forgetful person like me.

    on related posts… uhh.. WP-Related Posts? or just Related Posts? hmm

    sylv3rblade’s last blog post..Addicting Eyeballs: Enter Patapon

  3. @Kirbitz – Hi Kirby, I have yet to answer your first question because you did not tell me what related post plug-in you are using. ๐Ÿ™‚

    You may want to check out this post.
    http://silkenhut.com/essential-wordpress-plugins-you-should-have/

  4. @sylv3rblade – Hi sylv3rblade (hirap itype ung pangalan mo haha), umm what exactly does that tag do? It will provide an excerpt of the post if you wrote something in the excerpt field while making the post?

  5. ah hehe.. pede sylver na lang, kaso mas may kilalang un ang IGN kaya ung alphanumeric gamit ko ^^

    @topic
    Instead of waiting for a more tag to limit your posts, it just takes the first 55 words (even HTML codes like img, h2 etc) of your post. It takes a while to get used to but it works just fine if you just need a few words called from a post like a search or archive.

    sylv3rblade’s last blog post..Addicting Eyeballs: Enter Patapon

  6. I can’t believe that added the more line was as easy as that . I have been trying to figure this one out for a while and thanks to your post, I now know how to do it.

  7. @syler – I tried testing the_excerpt() but it looks like it’s only good for archive and category pages. It lacks the “read more” link which is important in homepages. Would you know how to display it? ๐Ÿ™‚

  8. wow ~ngayon lang ako nakadalaw dito ulit ๐Ÿ˜€ hehe. may bago ka na palang layout ^_^ stig :mrgreen:

    i was wondering how you can change the

    “Read the rest of this entry ยป ” into something like

    “Read More ” or “Gusto mo pang basahin ito.. ”

    Hehe ๐Ÿ˜€

    fionixe’s last blog post..comfort in books ~

  9. @Fionixe – Ikaw ha, kinakalimutan mo na ako . bwahha

    anyways, to answer your question…you look for the the_content(‘text here’) tag, it’s can be found usually in the main index template.

    Now, change that “text here” into read more or gusto mo pang basahin ito or anything you like. ๐Ÿ™‚

    I hope that helps.

  10. ewan ko ba, nakuha na nag trabaho ang oras ko. haha! kaya di nako masyadong nakaka pag blog hop..

    ty for the tip, hahanapin ko yan para machange ko naman.. ^______^

    fionixe’s last blog post..comfort in books ~

Leave a Reply