How to Create a Read More Link for a Single Joomla Article

How to Create a Read More Link for a Single Joomla Article

By default, the "Read More" button in Joomla doesn't display on a single article page. It's normally used for showing the first part of an article on blog pages.

However, one Joomlashack user asked us if it was possible to have a "Read More" link inside a single article. Yes, there is a workaround to make this possible.

In this blog post, I will show you how to create a Read More button using the Tabs and Sliders extension.


Step #1. Download and install Tabs and Sliders

  • To download "Tabs and Sliders Pro", go to your Joomlashack customer Dashboard.
  • To download "Tabs and Sliders Free", go to the "Tabs and Sliders" page.
  • In your Joomla control panel, go to Extensions > Manage and install "Tabs and Sliders".
  • Go to Extensions > Plugins and make sure the Tabs and Sliders [for articles] plugin is enabled:

make sure tabs and sliders joomla plugin is enabled


Step #2. Separate your article text with a slider

  • Open up your required Joomla article for editing.
  • Type in slider between curly bracket tag where you would like to display a Read More button.
  • At the end of the rest of the article's text, place the /slider closing tag, also between curly brackets. Your article text should now look similar to the text, displayed on the image below:

final article with read more slider

  • Click Save or Save & Close.
  • Visit the article's page at your site front end. You should now see the Read More button at work:

the read more button from front end

  • Click on the Read More button. You should see the full text of the article expanded underneath:

full text displayed


Want to get Tabs and Sliders (and more?!)


What's Next?

Save $1,000's when you sign up for Joomlashack's Everything Club.

You will get your hands on our extensive range of over 20 extensions, plus legendary support!

Click here to join the Everything Club