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.
We value your feedback!
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.
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
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.
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 clearing your browser cache to ensure everything is fresh.
Post a Comment
Do you want to publish a tutorial to our support center?
News / Announcements
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|