How to Convert a Prototype to Joomla

Place your prototype page into Joomla to see how it looks with the rest of your site.

Joomla is a popular content management system for websites. Joomla is free to use and can create dynamic websites with contact forms, extensions, user registrations and other interactive components. If you have a prototype webpage that you have already created, you may wish to place it on your Joomla site so that you can see how it works with the rest of the site. You can do this by creating a new menu and article, and pasting the HTML of your prototype into the Joomla article.

Instructions

1. Log on to your Joomla administrative area and click "Menu Manager." Click on the "New" button at the top-right of the screen.

2. Type the title and description for your menu. Specify a unique name for it. This will be used to assign modules later.

3. Click "New."

4. Select the type of menu item. Expand the "Articles" category and click "Front Page Blog Layout."

5. Enter the title in the field. The title will appear on the menu link on your prototype.

6. Set this menu item as default by clicking the default checkbox. If you do not have a default item, Joomla will produce an error message stating "404 Component Not Found."

7. Add a module to your prototype that will display your menu. Go to the "Extensions" menu, click "Module Manager" and press the "New" button at the top-right side of the page.

8. Select "Menu" for module type and click "Next."

9. Pick a name for the module then set it to "Enabled."

10. Choose the position where the module should be displayed in the drop-down menu.

11. Click "Save."

12. Open the "Article Manager" from the Administrative area.

13. Click on the article you just created.

14. Paste the HTML from your prototype into the text field.

15. Save the article.

References

• Siteground: Joomla Tutorials: How to Convert a Static Website to Joomla
• Joomla: Documentation: Converting an Existing Website to a Joomla Website