ThemeXpert Blog

How To Create Beautiful Documentation Site with Joomla & xDocs

Uzzal Raz Bongshi

3 mins

From landing page to sales page, every page is important. We spent our most of the times creating and designing these pages but forget about the documentation page. A documentation page contents all the documentation items related to your product.

Some of us might think that it might be difficult or time-consuming. However, it can be created very quickly.

Therefore today I am going to show you how to create beautiful documentation site quickly in Joomla using xDocs. 

What is xDocs?

xDocs is a very powerful documentation management extension for Joomla which allows you to organize all the documentation of your website in a proper manner.

Let's start, just follow the the steps below.

At first, download xDocs and install it on your Joomla site using native Joomla installer. If you have any issues regarding installation, you can take help from here.

Creating Category

Now click on New button to add a new category. Give the suitable title and type your description of the category, below in Category tab.

Including Category tab, there are three more tabs options, publishing, and permissions.

From options tab, you can change the layout and can change the image for your category. By default, there is no image with a new category.

Publishing tab allows you to edit creation date, modification date, meta description along with meta keywords and also allows you to select the author. You can set permission for each type of user using permissions tab.

Customize the new category as you need. You can create as much category you need. For creating a bunch of new categories faster, you can use "Save & New" button. 

After creating one category click "Save & Close" or "Save" button. If you exit directly, no changes will be saved. 

Creating Article

After writing all the content of article, from the right side choose the category you want to publish under. It is very important to choose the category carefully because your article will only show on the chosen category.

In Publishing tab, provide the details of your publisher, meta description & keywords, and other details.

According to your need create the documentation under the specific category. When finished creating, click save & close.

Now you have successfully created documentation page with the default layout. If you want to customize more, you can add your custom CSS in the page.

Wait, now you might be thinking "where is my documentation? Why can I not see it?"

Till now we have just created the documentation page but haven't placed it on the website. You can place the documentation in anywhere, under any menu.

For you, I am putting the documentation on the homepage in the main menu. 

Then from "Menu Item Type" select the type of the menu. I have selected "Landing page for Category" and left other settings untouched. If you want a different setting, you can customize it in your way.

After you finish click "save & close."

Now go to the front end of your site and check out the content you just made.
At here you can check how many contents are under your category. You can also see how many times it has been read.
This is a specific documentation for content. For quick scrolling, you have the option on the right side.


So you must have known that creating documentation site is not a tough task. Even a newbie can create a beautiful Documentation site with the help of xDocs extension.

Share your thoughts and queries with us through comments. 

The Beginner's Guide to Create Multilingual Joomla...
The Beginner's Guide to Secure Joomla Website

Build better website with ThemeXpert

Get access to all premium Joomla templates and
next generation page builder Quix.

Join our club

Comments (0)

There are no comments posted here yet

Leave your comments

  1. Posting comment as a guest. Sign up or login to your account.
Attachments (0 / 3)
Share Your Location