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.
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 our Support Center:
Email Address
Optional, but our team may contact you for more information.
Like this Article?


Post a comment
2013-07-07 10:31 am
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?
5,648 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
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?
4,301 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.

Post a Comment

Email Address:
Are you a bot?

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

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

Need more Help?


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!