You may have noticed that some articles in Joomla 2.5 show a Read More button, usually when the article shows on a featured articles page. This Read More option allows you to break up an article into smaller sections, which makes the articles much easier to display when you don't have a lot of screen space to work with.

In this article, we're going to show you how to add a Read More link when writing an article in Joomla 2.5, which is not the same thing as adding a link to another article.

To break up an article with a Read More link in Joomla 2.5:

  1. Log into your Joomla 2.5 admin
  2. Open for edit the article you want to work with.

    To do this, in the top menu hover over Content and click Article Manager. Then, using the filter feature, find and click on your article.
  3. Place your cursor in the article editor where you would like to separate it using a read more link
  4. Click the Read More button under the article editor. You will then see a red line added to your article. If you view the source code of the article, you will that red line is actually the following code:

    <hr id="system-readmore" />


    click-the-read-more-button
  5. Click Save in the top right menu.

    Visit the Joomla 2.5 page that lists the article, and you will now see a Read More button inserted automatically for you!

    Before the Read More link:After the Read More link:
    before-read-more-link after-read-more-button-is-added

As we continue our tutorial series about writing articles in Joomla 2.5, we'll next explain how to unlock an article.

Continued Education in Course 102: Writing Articles in Joomla 2.5
You are viewing Section 5: How to add a Read More link in Joomla 2.5 Articles
Section 4: How to link to other articles within a Joomla 2.5 article
Section 6: How to unlock a locked article in Joomla 2.5
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!

n/a Points
2014-04-07 4:00 pm

I am adding the readmore button but I am not getting anything. I see the redline in the text editor, do you have any ideas what the issue could be?

 

Staff
9,968 Points
2014-04-07 4:07 pm
Hello Matthew,

Are you looking directly at the article itself? Adding the read more link should only show up when viewing a snippet of the article such as in the featured articles page, where the full article can't be read at once.

- Jacob
n/a Points
2014-04-07 4:13 pm

Hey Jacob I was looking at it in preview mode...Is that why I do not see it? I appericate the help

 

Matt 

Staff
9,968 Points
2014-04-07 4:20 pm
Hi again Matt,

Yeah I'd guess that's why you're not seeing it, as like mentioned in this article the read more button only shows on pages where the full article can't be displayed.

- Jacob
n/a Points
2014-04-07 4:25 pm

Thanks Man..Sorry read your post to quickly, yes it's not a featured article, just a really long wordt article so to tighten up I was trying ad a read more button to make it look cleaner but I guess that will only work in a feature article or module.Hey thanks for the help

Staff
9,968 Points
2014-04-07 4:32 pm
Hello Matt,

No problem at all. While not available in Joomla 2.5, if you're using 3.0 it does come with Bootstrap which does allow for collapsible sections of content, like this:





Expanded article section


With Joomla 3.0 and Bootstrap you can take advantage of the many Bootstrap components.






Let us know if you had any other questions at all.


- Jacob
n/a Points
2014-04-08 11:44 am

will this read more works in multilingual case as well ? I am facing problem on a multilingual website. Any ideas ?

Staff
9,968 Points
2014-04-08 1:40 pm
Hello steve,

I believe the Read More link should also work with a multilingual setup. Do you possibly have a different template or theme setup that might not include the default Read More option that Joomla displays on pages that only show snippets of the article like the Featured Articles page?

Please note that the Read More link doesn't show up when looking directly at an article, only on certain pages where the full contents of the page isn't displayed.

I would guess if the default one isn't available, then trying to modify it like is described in this article probably wouldn't get it to show up either, without also modifying your template or theme.

- Jacob
n/a Points
2014-04-08 1:44 pm

Basically in laymens terms if the article is viewed on a webpage you do not see read more button, but it does appear if the article is featured or in a module. Is that correct?

Staff
9,968 Points
2014-04-08 1:57 pm
Hello Matthew,

Yes that is correct. Joomla shows the Read More on some articles by default when the full article can't be seen. Using the steps in this guide you can choose where that goes.

For instance if you look at the images at the bottom of the guide, the Koala article on the left already had a Read More link by default, while the Test Article 1 one on the right didn't have one until we added it.

- Jacob
n/a Points
2014-05-15 6:38 pm

Hello i have a problem with the read more button i create it inside a joomla module but i does not show the read more link but only a  single line. thank you!

Staff
9,968 Points
2014-05-15 6:59 pm
Hello Andi,

I'm not sure if you can use the Read More button within a Joomla module, and that might be why it is not working.

You can see that you add the Read More button by using the HTML tag of <hr> which is a horizontal rule line. So it literally is just suppose to be a line on the page, then when it sets the id to be system-readmore this is how Joomla picks up on it to create the button if the article displays on something like the Featured Articles page.

Are you trying to create a custom Joomla module, or is there a default one you are trying to use it on?

- Jacob
n/a Points
2014-09-02 9:39 am

I am using Rockettheme template and Joomla 2.5.

 

When I insert the read more button, my whole article doesn't show up on the  site. Please help.

Staff
8,375 Points
2014-09-02 2:22 pm
The read more link should work well regardless of the theme you are using as themes should take advantage of built-in functionality of Joomla. Check over your code to ensure that nothing is being overridden when the link is placed. If everything appears fine, you may want to speak with the template developer for further information.

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.

14 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!