Wordpress Help: Related Posts and Read More functionality

20 Feb

Posted by silkenhut in Wordpress |

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.

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.

Popularity: 1% [?]

Share and Enjoy:

10 Responses

Kirbitz | Pinoy Money Blogger (6 comments.)

February 20th, 2008 at 11:57 am
1

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

[Reply]
sylv3rblade (33 comments.)

February 20th, 2008 at 12:49 pm
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

[Reply]
Allen (655 comments.)

February 21st, 2008 at 9:35 am
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/

[Reply]
Allen (655 comments.)

February 21st, 2008 at 9:36 am
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?

[Reply]
sylv3rblade (33 comments.)

February 21st, 2008 at 10:09 am
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

[Reply]
Gaje Master (10 comments.)

February 21st, 2008 at 10:11 am
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.

[Reply]
Allen (655 comments.)

February 21st, 2008 at 11:53 am
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?

[Reply]
fionixe (20 comments.)

February 22nd, 2008 at 4:35 am
8

wow ~ngayon lang ako nakadalaw dito ulit hehe. may bago ka na palang layout ^_^ stig

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 ~

[Reply]
Allen (655 comments.)

February 22nd, 2008 at 9:30 am
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.

[Reply]
fionixe (20 comments.)

February 23rd, 2008 at 12:42 am
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 ~

[Reply]