How to add a Read more button in Joomla 3.1
In 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
- Log into your Joomla 3.0 admin dashboard
- 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.
- 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" />
- When 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.
Joomla Community Google+ Hangout #3
June 3rd, 2014
Thank you @RustyJoomla for letting me speak on the Joomla Community Google+ Hangout!
Support Center Login
Social Media Login
How to Blog using Joomla 3
Working with Blog Posts
|1.||How to write a blog post in Joomla 3.1|
|2.||How to add a Read more button in Joomla 3.1|
Working with the Header / Banner Images
|3.||How to change the banner image in Joomla 3.1|
|4.||How to hide the banner image in Joomla 3.1|
|5.||Change the number of articles on your Joomla 3.1 frontpage|
|6.||Showing Articles in Columns on the Joomla 3.1 frontpage|
|7.||Changing the number of links on the Joomla 3.1 frontpage|
|8.||Joomla 3.1 frontpage article order|
Sidebar Modules and Widgets
|9.||Configuring Older Posts in Joomla 3.1|
|10.||Working with the BlogRoll module in Joomla 3.1|
|11.||Working with the Most Read Posts module in Joomla 3.1|
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?
2013-07-08 2:41 pm
<div style="background-color: #FFF; padding-left: 10px;">Hello mueva8, and thanks for your comment.
I took a look through several of your pages, and didn't see the <strong><hr id="system-readmore"></strong> code anywhere. It sounds like when you're clicking on the <strong>Read more</strong> 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.
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?
2013-10-30 11:21 am
It sounds like you may be viewing a cached version of the site which is causing it to not be displayed. Try <a href="http://www.inmotionhosting.com/support/website/how-to/clear-browser-cache">clearing your browser cache</a> to ensure everything is fresh.
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
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?
2014-06-13 10:24 am
When inserting the <em>Read More</em> 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.
2014-06-13 10:26 am
the red line is there bur readmore on output is the issue it doesn't appear
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.