long-blog-postIn our last tutorial, we showed you how to write a blog post in Joomla 3.0. Our example was a very short post, but if you write a very long post, then entire post will show on your homepage (as in the screenshot to the right).

You can make your homepage look much cleaner if you add a Read More button within the article. In this tutorial, we'll show you just how to do that.

Adding a Read More link in Joomla 3.0

  1. Log into your Joomla 3.0 admin dashboard
  2. Open the blog post you want to edit

    In the top menu, click Content and then click Article Manager. Within the list of articles, click on the title of the article that you want to add the read more link to.
  3. Add the read more link

    Within the article editor, place your cursor where you want the read more link to appear. Then, under the editor, click the Read More button. You will notice a red dotted line appear within the editor, which shows where you just inserted the button.

    Joomla is actually adding the following code to the article:
    <hr id="system-readmore" />
    
  4. read-more-button-seen-on-homepageWhen finished, click the Save button at the top left of the page. Comparing the screenshot to the right to the one at the top of this tutorial, you can see that we now have the following button under the article:

    Read more: My first blog post

    This makes our homepage look much cleaner and professional.
Continued Education in Course 107: How to Blog using Joomla 3
You are viewing Section 2: How to add a Read more button in Joomla 3.1
Section 1: How to write a blog post in Joomla 3.1
Section 3: How to change the banner image in Joomla 3.1
Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve this article:
Email Address
Name

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

Joomla Community Google+ Hangout #3

June 3rd, 2014

Thank you @RustyJoomla for letting me speak on the Joomla Community Google+ Hangout!

Click here to watch!

2013-07-07 10:31 am
Hi
I've tried to insert a readmore button in an article but it don't work.
In the article edition it appear the <hr id="system-readmore" /> code but than it doesn't appear in the site. and also no readmore button.
my site is beta.thewanderlust.pt
can you help me?
Staff
9,968 Points
2013-07-08 2:41 pm
Hello mueva8, and thanks for your comment.

I took a look through several of your pages, and didn't see the <hr id="system-readmore"> code anywhere. It sounds like when you're clicking on the Read more button in Joomla, you are seeing this code added in the source?

It sounds like possibly with the way your caching or publishing settings are setup, that the most recent version of the article you're updating is being used.

It doesn't look like that domain is hosted with us, so I was unable to take a closer look on the server, you might want to contact your current host and see if they can see anything for you.

- Jacob


2013-10-30 5:14 am
Hi!
I have simular problem. I have made site with Joomla 3, insert "system-readmore" in JCKEditor, but it doesn't work (appear). However, I can see it in editor source view, but in site (using localhost for now) it simple disapper (you can not find it on view source looking).
I have readed in some forums that is important what kind of articles are you using (must be blog layout)?
Can someone explain cause for this problem and show solution?
Staff
9,036 Points
2013-10-30 11:21 am
Hello thief1959,

It sounds like you may be viewing a cached version of the site which is causing it to not be displayed. Try clearing your browser cache to ensure everything is fresh.
n/a Points
2014-06-13 9:52 am

i have had this problem of read more for long. please if possible i request anyone to help me.

1 if i use readmore in an article it doesnt work (eg article manager-> new article)

2 if i use feutured article the readmore appears but now the problem come. all my articles appear in every page of the menu eg if tou have menu home aboutus news and articles tom , chali, cell,dom all appear in every menu home aboutus news etc

 

please help

 

Staff
9,036 Points
2014-06-13 9:59 am
Could you clarify what exactly happens when you attempt to add the Read More link to your article using the article manager?
n/a Points
2014-06-13 10:04 am

the readmore doesnt appear

Staff
9,036 Points
2014-06-13 10:24 am
When inserting the Read More link, it will simply intert a red line at the place of your cursor. Be sure that you are clicked within your content, then click it. If you do not see it, you may have a deeper issue within your Joomla installation in which I would then recommend that you disable any extensions as well as replace all of your Joomla core files.
n/a Points
2014-06-13 10:26 am

the red line is there bur readmore on output is the issue it doesn't appear

Staff
9,036 Points
2014-06-13 10:44 am
If you're not seeing it on the front end, it sounds like it is an issue with your theme. I recommend contacting the developer of the theme you are using for more information. It could potentially also be caused by any extensions you may have as well.

Post a Comment

Name:
Email Address:
Phone Number:
Comment:
Submit

Please note: Your name and comment will be displayed, but we will not show your email address.

10 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?

Search

Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail: support@InMotionHosting.com
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!