{"id":7366,"date":"2017-10-17T10:55:29","date_gmt":"2017-10-17T10:55:29","guid":{"rendered":"https:\/\/www.hostinger.com\/tutorials\/?p=7366"},"modified":"2026-03-10T09:31:16","modified_gmt":"2026-03-10T09:31:16","slug":"joomla","status":"publish","type":"post","link":"\/ca\/tutorials\/joomla\/","title":{"rendered":"Joomla tutorial for beginners"},"content":{"rendered":"<?xml encoding=\"utf-8\" ?><p>Joomla is an open-source content management system (CMS) that powers nearly 2 million websites on the internet.<\/p><p>The platform offers numerous advanced features, allowing you to easily make a website or an app.<\/p><p>Considered one of the best WordPress alternatives, Joomla supports various content types and custom fields, including gallery, calendar, and checkboxes. This allows you to create a dynamic website without using third-party plugins.<\/p><p>This article will provide a step-by-step tutorial on how to install Joomla and its core components.&nbsp; It will also walk you through the content creation process and give a few tips on how to speed up your site.&nbsp;<\/p><figure class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/Build-WordPress-Website-in-9%20Steps.pdf\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"566\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2022\/11\/eBook_-Build-website-in-9-steps_in-text-banner-1.png\/w=1024,h=1024,fit=scale-down\" alt=\"\" class=\"wp-image-69276\" style=\"width:840px;height:auto\"  sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/a><\/figure><p>\n\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-understanding-joomla\">Understanding Joomla<\/h2><p>Joomla provides every tool that users need to manage, update, and publish content. Additionally, the platform allows you to build any website, be it for a personal or business project.<\/p><p>From site management to core enhancement, Joomla also helps extend your site&rsquo;s functionality with the vast amount of extensions available. They fall under these types:<\/p><ul class=\"wp-block-list\">\n<li><strong>Components<\/strong> &ndash; core extensions that you can modify from the back-end and view on the front-end of your site. Some examples are <strong>com_content<\/strong>, <strong>com_newsfeeds<\/strong>, and <strong>com_weblinks<\/strong>.<\/li>\n\n\n\n<li><strong>Modules<\/strong> &ndash; lightweight extensions or widgets that display certain content types, such as recent articles, article categories, or search boxes.<\/li>\n\n\n\n<li><strong>Plugins<\/strong> &ndash; pieces of software that provide additional functions such as adding a music player or social media share buttons to enhance your website&rsquo;s performance.<\/li>\n\n\n\n<li><strong>Templates<\/strong> &ndash; sets of design and layouts that control the site&rsquo;s appearance. A template defines how components and Joomla modules are shown on the website.<\/li>\n\n\n\n<li><strong>Languages<\/strong> &ndash; offers translation packs for creating a multi-language site.<\/li>\n\n\n\n<li><strong>Libraries <\/strong>&ndash; collections of function-related code that are used in modules, components, or plugins.<\/li>\n<\/ul><p>You can find them in the<a href=\"https:\/\/extensions.joomla.org\/\" target=\"_blank\" rel=\"noreferrer noopener\"> official Joomla! Directory<\/a> and other third-party sources, such as <a href=\"https:\/\/www.joomlart.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Joomlart<\/a> and <a href=\"https:\/\/www.joomdev.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Joomdev<\/a>.<\/p><p>Because of the flexibility, many famous brands and organizations use this platform for their websites, including Harvard University, Linux.com, Guggenheim, MTV Greece, and the UNRIC.<\/p><p>Of course, this platform also has a steeper learning curve compared to other CMSs. Not to worry, as there are many articles, tutorials, videos, <a href=\"https:\/\/forum.joomla.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">forums<\/a>, and <a href=\"https:\/\/docs.joomla.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">documentation<\/a> to help you along.<\/p><figure class=\"wp-block-image size-full\"><a class=\"hgr-tutorials-cta hgr-tutorials-cta-web-hosting\" href=\"\/ca\/web-hosting\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/11\/Web-hosting_in-text-banner.png\/public\" alt=\"Hostinger web hosting banner\" class=\"wp-image-98604\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-how-to-install-joomla\">How to Install Joomla<\/h2><p>There are two ways to install this platform &ndash; automatically and manually.<\/p><h3 class=\"wp-block-heading\" id=\"h-using-hostinger-s-auto-installer\">Using Hostinger&rsquo;s Auto Installer<\/h3><p>Most <a href=\"\/ca\/tutorials\/best-joomla-hosting-services\/\">Joomla hosting providers<\/a> include auto-installers to allow you to set up software from the admin panel. On Hostinger&rsquo;s hPanel, users can access auto-installers under the <strong>Website<\/strong> menu.<\/p><p>If you use <a href=\"\/ca\/joomla-hosting\" target=\"_blank\" rel=\"noreferrer noopener\">Joomla web hosting<\/a>, the procedure will be the same.<\/p><ol class=\"wp-block-list\">\n<li>Open the <strong>Auto Installer<\/strong>, find <strong>Joomla,<\/strong> and click <strong>Select.&nbsp;<\/strong><\/li>\n<\/ol><figure class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/www.hostinger.com\/ca\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/02\/Joomla-with-select-highlighted.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1150\" height=\"617\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/02\/Joomla-with-select-highlighted.png\/w=1024,h=1024,fit=scale-down\" alt=\"hPanel's Auto Installer menu with the Select button highlighted\" class=\"wp-image-78194\" style=\"width:840px;height:450px\"  sizes=\"auto, (max-width: 1150px) 100vw, 1150px\" \/><\/a><\/figure><ol start=\"2\" class=\"wp-block-list\">\n<li>Enter your website credentials and select <strong>Next<\/strong>. Specify the configuration details, like your <a href=\"\/ca\/domain-name-search\">domain<\/a>, preferred language, administrator email, password, and username. When you&rsquo;re done, click <strong>Install<\/strong>.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.hostinger.com\/ca\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/02\/hPanel-website-autoinstaller-joomla-installhighlighted.png\"><img loading=\"lazy\" decoding=\"async\" width=\"739\" height=\"600\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/02\/hPanel-website-autoinstaller-joomla-installhighlighted.png\/public\" alt=\"The Install Joomla pop-up on hPanel, highlighting the Install option.\" class=\"wp-image-78214\"  sizes=\"auto, (max-width: 739px) 100vw, 739px\" \/><\/a><\/figure><ol start=\"3\" class=\"wp-block-list\">\n<li>Once the installation is complete, you can log in to the control panel and start creating your Joomla website.<\/li>\n<\/ol><p>        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Pro Tip                <\/p>\n            <\/div>\n            <p class=\"protip__content\"> Access the Joomla admin panel by adding <strong>\"\/administrator\"<\/strong> at the end of your URL (e.g., <strong>www.mydomainname.com\/administrator<\/strong>)<\/p>\n                    <\/div>\n        <\/p><p><img loading=\"lazy\" decoding=\"async\" width=\"867\" height=\"474\" class=\"wp-image-29846\" style=\"width: 700px\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2017\/10\/joomla-login.png\" alt=\"Screenshot of Joomla login\"  sizes=\"auto, (max-width: 867px) 100vw, 867px\" \/><\/p><h3 class=\"wp-block-heading\" id=\"h-installing-joomla-manually\">Installing Joomla Manually<\/h3><p>Another way to set up Joomla is through manual installation. This method will require you to create a database to serve as storage for the content.<\/p><p>Before you proceed to the installation, download the latest version of Joomla from its <a href=\"https:\/\/www.joomla.org\/\" target=\"_blank\" rel=\"noopener\">official website<\/a>.&nbsp;<\/p><figure class=\"wp-block-image size-large\"><a href=\"\/ca\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/04\/joomla-download.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1210\" height=\"453\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/04\/joomla-download.png\/w=1024,h=1024,fit=scale-down\" alt=\"Screenshot of how to download the latest version of Joomla\" class=\"wp-image-29847\"  sizes=\"auto, (max-width: 1210px) 100vw, 1210px\" \/><\/a><\/figure><p>Once the download is complete, access your web hosting control panel to create the database.&nbsp;<\/p><ol class=\"wp-block-list\">\n<li>Navigate to your hPanel -&gt; <strong>Databases <\/strong>-&gt; <strong>Management<\/strong>. Define your database name, username, and password in the provided fields. Then click the <strong>Create<\/strong> button.&nbsp;<\/li>\n<\/ol><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.hostinger.com\/ca\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/02\/databases-management-createhighlighted.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1128\" height=\"406\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/02\/databases-management-createhighlighted.png\/w=1024,h=1024,fit=scale-down\" alt=\"hPanel's Databases menu, highlighting the Create option\" class=\"wp-image-78210\"  sizes=\"auto, (max-width: 1128px) 100vw, 1128px\" \/><\/a><\/figure><ol start=\"2\" class=\"wp-block-list\">\n<li>When your database is all set, upload the downloaded <strong>.zip<\/strong> file from your computer into your server using Hostinger <strong>File Manager<\/strong>. Choose the domain or access all files.<\/li>\n<\/ol><figure class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/www.hostinger.com\/ca\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/02\/hpanel-files-filemanager.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1141\" height=\"195\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/02\/hpanel-files-filemanager.png\/w=1024,h=1024,fit=scale-down\" alt=\"hPanel's File Manager menu\" class=\"wp-image-78218\" style=\"width:840px;height:143px\"  sizes=\"auto, (max-width: 1141px) 100vw, 1141px\" \/><\/a><\/figure><p>Open your <strong>public_html <\/strong>folder and click on the <strong>Upload Files <\/strong>button in the upper right corner.<\/p><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.hostinger.com\/ca\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/02\/hPanel-files-filemanager-public_html-uploadhighlighted.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"235\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/02\/hPanel-files-filemanager-public_html-uploadhighlighted.png\/w=1024,h=1024,fit=scale-down\" alt=\"The public_html directory on hPanel with the Upload icon highlighted\" class=\"wp-image-78219\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>Click <strong>File <\/strong>to select the installation package from your computer to begin the process.&nbsp;<\/p><figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.hostinger.com\/ca\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/02\/hPanel-files-filemanager-public_html-upload-filehighlighted.png\"><img loading=\"lazy\" decoding=\"async\" width=\"397\" height=\"321\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/02\/hPanel-files-filemanager-public_html-upload-filehighlighted.png\/public\" alt=\"The Upload pop-up, highlighting the File option\" class=\"wp-image-78222\"  sizes=\"auto, (max-width: 397px) 100vw, 397px\" \/><\/a><\/figure><p>After the file has successfully been uploaded to the folder, you should see the file name on the list.&nbsp;<\/p><ol start=\"3\" class=\"wp-block-list\">\n<li>Extract the file to retrieve the content by right-clicking and choosing the <strong>Extract <\/strong>option.&nbsp;<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.hostinger.com\/ca\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/02\/hPanel-files-filemanager-public_html-.extracthighlighted.png\"><img loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"330\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/02\/hPanel-files-filemanager-public_html-.extracthighlighted.png\/public\" alt=\"hPanel's public_html directory with the Extract option highlighted\" class=\"wp-image-78223\"  sizes=\"auto, (max-width: 663px) 100vw, 663px\" \/><\/a><\/figure><ol start=\"4\" class=\"wp-block-list\">\n<li>Access your domain name through any browser. This will take you to Joomla&rsquo;s <strong>Main Configuration<\/strong> page.<\/li>\n<\/ol><p>Pick your preferred language, then fill out the blank fields.<\/p><figure class=\"wp-block-image size-large\"><a href=\"\/ca\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/04\/joomla-main-configuration.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/04\/joomla-main-configuration.jpg\/w=1024,h=1024,fit=scale-down\" alt=\"Screenshot of the main configuration page on Joomla\" class=\"wp-image-29854\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><ol start=\"5\" class=\"wp-block-list\">\n<li>Input your MySQL database credentials from earlier steps.<\/li>\n<\/ol><figure class=\"wp-block-image size-large\"><a href=\"\/ca\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/04\/joomla-database-configuration.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"728\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/04\/joomla-database-configuration.jpg\/w=1024,h=1024,fit=scale-down\" alt=\"Joomla installation database configuration window\" class=\"wp-image-29855\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><ol start=\"6\" class=\"wp-block-list\">\n<li>Review the configurations and click <strong>Install<\/strong> to finish up.<\/li>\n<\/ol><figure class=\"wp-block-image size-large\"><a href=\"\/ca\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/04\/joomla-finalization.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"545\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/04\/joomla-finalization.png\/w=1024,h=1024,fit=scale-down\" alt=\"Screenshot of the finalization page on Joomla\" class=\"wp-image-29856\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>When the installation process is done, the page will tell you that Joomla has been successfully installed.<\/p><figure class=\"wp-block-image size-large\"><a href=\"\/ca\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/04\/joomla-install-congratulations.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"595\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/04\/joomla-install-congratulations.png\/w=1024,h=1024,fit=scale-down\" alt=\"Screenshot of the congratulations banner when finishing the Joomla install\" class=\"wp-image-29857\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>You can now access the Joomla admin dashboard via <strong>yourdomain.com\/administrator <\/strong>and start working on your project.<\/p><h3 class=\"wp-block-heading\" id=\"h-installing-joomla-on-hostinger-vps\">Installing Joomla on Hostinger VPS<\/h3><p>If you use <a href=\"\/ca\/vps-hosting\">virtual server hosting<\/a> from Hostinger, you have another option to install Joomla with a one-click template. This OS template includes Joomla, OpenLiteSpeed, and LSCache image in the installation, which simplify your setup process.<\/p><p>It makes setting up parts like PHP OPCache faster to help you optimize the web server more efficiently.<\/p><p>You can find this feature by opening hPanel and clicking on your server.<\/p><p>After that, look for <strong>Operating System<\/strong> on the side panel, and choose Applications under the <strong>Change Your Operating System<\/strong> section. You can find the Joomla template in the drop-down menu. Click <strong>Change OS<\/strong> to begin the installation.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.hostinger.com\/ca\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/06\/hpanel-vps-change-operating-system-joomla-template.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"541\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/06\/hpanel-vps-change-operating-system-joomla-template.png\/w=1024,h=1024,fit=scale-down\" alt=\"The option to change operating system for VPS in hPanel with the Joomla template highlighted\" class=\"wp-image-87378\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><p>This process will overwrite your previous OS installation if you have one, so make sure to back up your files beforehand.<\/p><figure class=\"wp-block-image size-large\"><a class=\"hgr-tutorials-cta hgr-tutorials-cta-vps-hosting\" href=\"\/ca\/vps-hosting\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/02\/VPS-hosting-banner.png\/w=1024,h=1024,fit=scale-down\" alt=\"\" class=\"wp-image-77934\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-creating-a-website-with-joomla\">Creating a Website With Joomla<\/h2><p>The following section will help you get familiar with Joomla basics and showcase how to perform various tasks from the <strong>Control Panel<\/strong>.<\/p><h3 class=\"wp-block-heading\" id=\"h-adding-articles\">Adding Articles<\/h3><p>Articles in Joomla refer to blog posts that users display on their websites.&nbsp;<\/p><ol class=\"wp-block-list\">\n<li>To create one, access your admin panel and click <strong>Content<\/strong> -&gt; <strong>Articles<\/strong> -&gt; <strong>Add New Article<\/strong>.<\/li>\n<\/ol><figure class=\"wp-block-image size-large\"><a href=\"\/ca\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/04\/joomla-content.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"455\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/04\/joomla-content.png\/w=1024,h=1024,fit=scale-down\" alt=\"Screenshot of the content tab in Joomla\" class=\"wp-image-29858\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><ol start=\"2\" class=\"wp-block-list\">\n<li>The window will bring up the <a href=\"\/ca\/tutorials\/wysiwyg-web-builders\/\">WYSIWYG<\/a> editor, where you can write and modify the article.&nbsp;<\/li>\n<\/ol><p>When you&rsquo;re done, pick one out of the three provided statuses &ndash; <strong>Published<\/strong>, <strong>Unpublished<\/strong>, or <strong>Archived<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"501\" class=\"wp-image-29859\" style=\"width: 600px\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2017\/10\/joomla-article-draft.png\" alt=\"Screenshot of Joomla's article editor\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p><ol start=\"3\" class=\"wp-block-list\">\n<li>Press the<strong> Save<\/strong> button or select <strong>Save &amp; Close <\/strong>to be directed to the <strong>Articles<\/strong> page. Once the post is created, it&rsquo;ll appear in the <strong>Latest Articles<\/strong> section of your website.<\/li>\n<\/ol><h3 class=\"wp-block-heading\" id=\"h-creating-categories\">Creating Categories<\/h3><p>A category in Joomla enables users to organize their posts based on relevant topics. If you plan to create a wide variety of content, creating categories will let people find information on your site easily.<\/p><p>In order to assign a category to your content, make sure to create them in advance:<\/p><ol class=\"wp-block-list\">\n<li>Click <strong>Content<\/strong> -&gt; <strong>Categories<\/strong> -&gt; <strong>Add New Category<\/strong> on the top-bar menu.<\/li>\n\n\n\n<li>Fill in the <strong>Title<\/strong>, <strong>Description<\/strong>, and <strong>Alias<\/strong> (optional).<\/li>\n\n\n\n<li>Select <strong>Save<\/strong> or <strong>Save &amp; Close<\/strong> to create your new category.<br><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"501\" class=\"wp-image-29860\" style=\"width: 600px\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2017\/10\/joomla-articles-editor.png\" alt=\"Screenshot of draft article on Joomla\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/li>\n<\/ol><p>In addition to assigning a category to a post, Joomla allows you to categorize other components, including banners, contacts, and web links.<\/p><h3 class=\"wp-block-heading\" id=\"h-adding-featured-articles\">Adding Featured Articles<\/h3><p>To feature an article, navigate to <strong>Content -&gt; Articles<\/strong>. There, you&rsquo;ll see the list of published posts on your website. Simply click on the <strong>Star<\/strong> icon next to the desired article to make it featured.<br><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"497\" class=\"wp-image-29861\" style=\"width: 600px\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2017\/10\/joomla-articles-dashboard.png\" alt=\"Screenshot of how to add a featured article on Joomla\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p><p>With this function, you can display and highlight specific posts from multiple categories on your home page.&nbsp;<\/p><h3 class=\"wp-block-heading\" id=\"h-creating-menus\">Creating Menus<\/h3><p>Joomla menus play an important role in defining your site&rsquo;s structure and improving user experience. The more straightforward your site&rsquo;s menu, the easier it will be for people to navigate your website.&nbsp;<\/p><p>You can display a featured articles page and other dedicated pages on your website by creating menus.&nbsp;<\/p><ol class=\"wp-block-list\">\n<li>Head over to the <strong>Menus<\/strong> -&gt; <strong>Main Menu<\/strong> and choose the <strong>Add New Menu Item<\/strong> option.<br><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"502\" class=\"wp-image-29862\" style=\"width: 600px\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2017\/10\/joomla-menu-site-new-item.png\" alt=\"Screenshot of Joomla's menu tab\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/li>\n\n\n\n<li>Type a title for your menu item, e.g., <strong>&ldquo;Featured Articles&rdquo; <\/strong>then define the <strong>Menu Item Type<\/strong>. For this Joomla tutorial, we&rsquo;ll choose<strong> Articles -&gt; Featured Articles<\/strong>.<\/li>\n\n\n\n<li>Select which <strong>Menu<\/strong> item will be displayed and press the <strong>Save<\/strong> or <strong>Save &amp; Close<\/strong> button.<br><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"503\" class=\"wp-image-29863\" style=\"width: 600px\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2017\/10\/joomla-menus.png\" alt=\"Screenshot of Joomla's menu\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/li>\n<\/ol><p>Now the new menu should be accessible from your website.<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"481\" class=\"wp-image-29864\" style=\"width: 600px\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2017\/10\/hostinger-joomla-tutorial.png\" alt=\"Example of a published article using Joomla\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p><p>Aside from the <strong>Featured Articles<\/strong> menu, Joomla has other <a href=\"https:\/\/docs.joomla.org\/Portal:Menu_Management\" target=\"_blank\" rel=\"noopener\">types of menu items<\/a> you can set, including:<\/p><ul class=\"wp-block-list\">\n<li><strong>Article Category Blog <\/strong>&ndash; shows categories of blog posts in a blog layout.<\/li>\n\n\n\n<li><strong>Single News Feed <\/strong>&ndash; highlights one RSS feed.<\/li>\n\n\n\n<li><strong>Contact Featured <\/strong>&ndash; displays a list of featured contacts.<\/li>\n\n\n\n<li><strong>Search Results <\/strong>&ndash; enables a search form for visitors.<\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-creating-components\">Creating Components<\/h3><p>Components in Joomla refer to extensions that are responsible for the site&rsquo;s main elements. They consist of two main categories &ndash; administrator and site.&nbsp;<\/p><p>The administrator side allows you to modify aspects of the components on the back-end. The site part works to render pages requested by your visitors.<\/p><p>This tutorial will show you how to create Joomla&rsquo;s default components, such as <strong>News Feed<\/strong>, <strong>Contact Us <\/strong>page, and <strong>Banner<\/strong>.&nbsp;<\/p><figure class=\"wp-block-image size-large\"><a href=\"\/ca\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/04\/joomla-components.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"502\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/04\/joomla-components.png\/w=1024,h=1024,fit=scale-down\" alt=\"Screenshot of the components tab in Joomla\" class=\"wp-image-29865\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p><strong>News Feeds<\/strong><\/p><p>The <strong>News Feed Manager <\/strong>allows you to display news from other websites to your Joomla site.<\/p><ol class=\"wp-block-list\">\n<li>To get started, navigate to <strong>Components<\/strong> -&gt; <strong>News Feeds<\/strong> -&gt; <strong>Feeds<\/strong>.&nbsp;<\/li>\n\n\n\n<li>Click <strong>New<\/strong>, and fill in the required details &ndash; the <strong>Title<\/strong>, <strong>Link<\/strong> of the source you want to display, and the <strong>Category<\/strong>.&nbsp;<\/li>\n\n\n\n<li>Press the <strong>Save<\/strong> button.<\/li>\n<\/ol><figure class=\"wp-block-image size-large\"><a href=\"\/ca\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/04\/joomla-news-feeds.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"503\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/04\/joomla-news-feeds.png\/w=1024,h=1024,fit=scale-down\" alt=\"Screenshot of the news feed editor in Joomla\" class=\"wp-image-29866\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p><strong>Contact Us Page<\/strong><\/p><p>Another feature from Joomla that can help with user experience is the <strong>contacts<\/strong> component. It allows you to receive feedback from visitors and build engagement by creating a <strong>Contact Us<\/strong> page.<\/p><ol class=\"wp-block-list\">\n<li>To create a contact page, go to <strong>Components<\/strong> -&gt;<strong> Contacts<\/strong>.&nbsp;<\/li>\n\n\n\n<li>Press <strong>New<\/strong>, and fill in your contact details.<\/li>\n\n\n\n<li>Use the <strong>Miscellaneous Information<\/strong> tab if you want to add a description.&nbsp;<\/li>\n\n\n\n<li><strong>Save<\/strong> the page when you&rsquo;re done.<\/li>\n<\/ol><figure class=\"wp-block-image size-large\"><a href=\"\/ca\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/04\/joomla-contacts.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"503\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/04\/joomla-contacts.png\/w=1024,h=1024,fit=scale-down\" alt=\"Screenshot of the contacts page in Joomla\" class=\"wp-image-29867\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Pro Tip                <\/p>\n            <\/div>\n            <p class=\"protip__content\"> Create a <strong>Menu<\/strong> for the <strong>Contact Us<\/strong> page to make the contact form viewable and accessible from your main website. <\/p>\n                    <\/div>\n        \n\n\n\n<\/p><p><strong>Banners<\/strong><\/p><p>Joomla provides a <strong>banners<\/strong> component, enabling you to create and edit ad banners as well as image sliders or carousels.<\/p><ol class=\"wp-block-list\">\n<li>To create a banner, click on <strong>Components<\/strong> -&gt; <strong>Banners<\/strong> -&gt; <strong>Banners<\/strong>.<\/li>\n\n\n\n<li>Press <strong>New<\/strong> on the top-left and enter a name for your banner.&nbsp;<\/li>\n\n\n\n<li><strong>Upload<\/strong> your image and fill in the optional details, such as the dimension, alt text, and description.<\/li>\n\n\n\n<li>Once you are done, press the <strong>Save &amp; Close<\/strong> button.<\/li>\n<\/ol><figure class=\"wp-block-image size-large\"><a href=\"\/ca\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/04\/joomla-banners.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"503\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/04\/joomla-banners.png\/w=1024,h=1024,fit=scale-down\" alt=\"Screenshot of the banners editor in Joomla\" class=\"wp-image-29868\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>To publish a new module and display your new banner, go to <strong>Extensions<\/strong> -&gt; <strong>Modules<\/strong>. Press the <strong>New<\/strong> button.<\/p><p>A list of modules will appear &ndash; select <strong>Banners<\/strong>. Set the <strong>Title<\/strong> and <strong>Position<\/strong> for the module. Finally, <strong>Save<\/strong> your configuration.<br><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"502\" class=\"wp-image-29869\" style=\"width: 600px\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2017\/10\/joomla-modules-banners.png\" alt=\"Screenshot of Joomla's banners module\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p><p>As an example, we have added a featured image banner to the footer of our &ldquo;Hostinger Joomla Tutorial&rdquo; project.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.hostinger.com\/ca\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/02\/hostinger-learn-more.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"500\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/02\/hostinger-learn-more.png\/public\" alt=\"Example of a featured image banner added to the footer of a project.\" class=\"wp-image-78254\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><p>In addition to the core components above, there are many more available on the <a href=\"https:\/\/extensions.joomla.org\/\" target=\"_blank\" rel=\"noopener\">Joomla extensions directory<\/a>. Every extension serves a specific function, from the site&rsquo;s structure and navigation to style and design.<\/p><h2 class=\"wp-block-heading\" id=\"h-installing-joomla-extensions\">Installing Joomla Extensions<\/h2><p>A Joomla extension refers to a software package that enhances website functionality.&nbsp;<\/p><p>You can manage your extensions through the <strong>Extensions<\/strong> -&gt; <strong>Manage<\/strong> section.<\/p><figure class=\"wp-block-image size-large\"><a href=\"\/ca\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/04\/joomla-extensions.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"458\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/04\/joomla-extensions.png\/w=1024,h=1024,fit=scale-down\" alt=\"Screenshot of the extensions tab in Joomla\" class=\"wp-image-29871\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>To perform a manual installation, follow these steps:<\/p><ol class=\"wp-block-list\">\n<li>Download the <strong>.zip<\/strong> package from the Joomla extensions directory.<\/li>\n\n\n\n<li>Go to <strong>Extensions<\/strong> -&gt; <strong>Manage<\/strong> -&gt; <strong>Install<\/strong> section.<\/li>\n\n\n\n<li>Click on the <strong>Upload Package File<\/strong> tab.<\/li>\n\n\n\n<li>Choose the file and upload the <strong>.zip<\/strong> archive.<br><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"503\" class=\"wp-image-29872\" style=\"width: 600px\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2017\/10\/joomla-install-extension.png\" alt=\"Screenshot of how to install extensions in Joomla\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/li>\n<\/ol><p>        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Pro Tip                <\/p>\n            <\/div>\n            <p class=\"protip__content\"> Enable the <strong> Install from Web <\/strong> tab to allow you to search and install any Joomla extensions without leaving the administrator panel. <\/p>\n                    <\/div>\n        \n\n\n\n<\/p><p>With thousands of selections on the extension directory, finding the right one for your website can be a hassle. Below we have a list of the must-have extensions for your Joomla website to help you get started:<\/p><ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/extensions.joomla.org\/extension\/allvideos\/\" target=\"_blank\" rel=\"noopener\"><strong>AllVideos<\/strong><\/a> &ndash; allows you to embed internal or third-party videos and audios within your content. It also integrates with <a href=\"https:\/\/unsplash.com\/\" target=\"_blank\" rel=\"noopener\">Unsplash<\/a> to generate images for the audio files.<\/li>\n\n\n\n<li><a href=\"https:\/\/extensions.joomla.org\/extension\/akeeba-backup\/\" target=\"_blank\" rel=\"noopener\"><strong>Akeeba backup<\/strong><\/a> &ndash; creates an open-source backup of your website in a single archive. The <a href=\"\/ca\/tutorials\/what-is-ajax\/\">AJAX<\/a>-powered system helps to avoid timeouts during the backup and restoration processes.&nbsp;<\/li>\n\n\n\n<li><a href=\"https:\/\/extensions.joomla.org\/extension\/access-a-security\/site-security\/admin-tools\/\" target=\"_blank\" rel=\"noopener\"><strong>Admin Tools<\/strong><\/a><strong> <\/strong>&ndash; fixes your files and directories permissions by enabling a password. The software also regularly notifies and installs a new version of Joomla.<\/li>\n\n\n\n<li><a href=\"https:\/\/extensions.joomla.org\/extension\/jsitemap\/\" target=\"_blank\" rel=\"noopener\"><strong>JSitemap<\/strong><\/a><strong> <\/strong>&ndash; generates an <a href=\"\/ca\/tutorials\/what-is-a-sitemap\/\">XML sitemap<\/a> to allow search engines to index your website better. It provides integration with <a href=\"https:\/\/search.google.com\/search-console\/about\" target=\"_blank\" rel=\"noopener\">Google Search Console<\/a> and Google <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/?hl=id\" target=\"_blank\" rel=\"noopener\">PageSpeed Insights<\/a>.<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-installing-joomla-templates\">Installing Joomla Templates<\/h2><p>Joomla has plenty of free and paid templates available online, though not as many as <a href=\"https:\/\/wordpress.org\/themes\/\" target=\"_blank\" rel=\"noopener\">WordPress<\/a> or <a href=\"https:\/\/www.drupal.org\/project\/project_theme\" target=\"_blank\" rel=\"noopener\">Drupal<\/a>. The installation process of templates is almost identical to installing extensions.<\/p><ol class=\"wp-block-list\">\n<li>Download the template and head to <strong>Extensions<\/strong> -&gt; <strong>Manage<\/strong> -&gt;<strong> Install<\/strong>.<\/li>\n\n\n\n<li>Navigate to <strong>Extensions<\/strong> -&gt; <strong>Templates<\/strong> -&gt; <strong>Styles<\/strong>. Tap the<strong> Star <\/strong>icon next to the template you want to enable.<br><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"502\" class=\"wp-image-29873\" style=\"width: 600px\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2017\/10\/joomla-template-star.png\" alt=\"Screenshot of how to favourite a Joomla template\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/li>\n<\/ol><p>Clicking the star icon will activate the template as your default user interface, but you can apply different templates for your front-end and back-end.&nbsp;<\/p><p>The front-end template defines how your main website is presented to your visitors. Meanwhile, the back-end template controls how elements are displayed on the administration dashboard.<\/p><h2 class=\"wp-block-heading\" id=\"h-backing-up-joomla\">Backing Up Joomla<\/h2><p>As a website owner, regularly backing up your website is an important task to do. With website backup, you can reverse changes made by technical or human errors without losing any data.&nbsp;<\/p><p>Some hosting services offer auto backup for your site&rsquo;s files and databases regardless of what <a href=\"\/ca\/cms-hosting\">CMS<\/a> you use. Hostinger automatically creates weekly or daily backups, depending on your hosting type.&nbsp;<\/p><ol class=\"wp-block-list\">\n<li>To access and <a href=\"\/ca\/tutorials\/backups\/downloading-website-backup\/\">download these backups<\/a>, log into the hPanel, go to <strong>Files<\/strong> and click <strong>Backups<\/strong>. It will present two backup options &ndash; MySQL database and website files. If you&rsquo;re using CMS, like Joomla, you will need both backups.&nbsp;<\/li>\n\n\n\n<li>To download website files, click <strong>Files backups<\/strong>. As for databases, choose <strong>Database backups.<\/strong><\/li>\n<\/ol><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.hostinger.com\/ca\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/02\/hpanel-files-backups.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1138\" height=\"424\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/02\/hpanel-files-backups.png\/w=1024,h=1024,fit=scale-down\" alt=\"hPanel's Manage Backups section\" class=\"wp-image-78234\"  sizes=\"auto, (max-width: 1138px) 100vw, 1138px\" \/><\/a><\/figure><ol start=\"3\" class=\"wp-block-list\">\n<li>Select the backup data you want to restore later and click <strong>Prepare to Download. <\/strong>The system will automatically start the download process and notify you once it&rsquo;s done.<img loading=\"lazy\" decoding=\"async\" width=\"801\" height=\"253\" class=\"wp-image-29877\" style=\"width: 600px\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2017\/10\/hostinger-prepare-download-button.png\" alt=\"Screenshot of Hostinger's prepare to download button\"  sizes=\"auto, (max-width: 801px) 100vw, 801px\" \/><\/li>\n<\/ol><p>Alternatively, you can also backup up your Joomla files and databases on your own.<\/p><h3 class=\"wp-block-heading\" id=\"h-backing-up-joomla-manually\">Backing Up Joomla Manually<\/h3><p>To create a backup copy manually, you need to archive all of your Joomla files and databases first.<\/p><ol class=\"wp-block-list\">\n<li>Access the <strong>File Manager<\/strong> through your hPanel.<\/li>\n\n\n\n<li>Open your main Joomla installation folder and select the <strong>Download<\/strong> icon at the top menu.<\/li>\n<\/ol><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.hostinger.com\/ca\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/02\/hPanel-files-filemanager-public_html-downloadhighlighted.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"106\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/02\/hPanel-files-filemanager-public_html-downloadhighlighted.png\/w=1024,h=1024,fit=scale-down\" alt=\"hPanel's public_html directory with the Download button highlighted\" class=\"wp-image-78245\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>     3. Select the <strong>.zip<\/strong> file.<\/p><figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.hostinger.com\/ca\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/02\/hPanel-files-filemanager-public_html-download-.ziphighlighted.png\"><img loading=\"lazy\" decoding=\"async\" width=\"233\" height=\"459\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/02\/hPanel-files-filemanager-public_html-download-.ziphighlighted.png\/public\" alt=\"The Download files pop-up, highlighting the zip option\" class=\"wp-image-78248\"  sizes=\"auto, (max-width: 233px) 100vw, 233px\" \/><\/a><\/figure><p>        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Pro Tip                <\/p>\n            <\/div>\n            <p class=\"protip__content\"> Alternatively, you can use an<a href=\"\/ca\/tutorials\/ftp\/filezilla-ftp-configuration\/\" style=\"text-decoration:none\"> FTP client<\/a>. The process is straightforward &ndash; all you need to do is navigate to the Joomla folder, select all files and press the Download button. <\/p>\n                    <\/div>\n        \n\n\n\n<\/p><p>In Hostinger, you can create a database backup directly through the <strong>Files<\/strong> menu instead of using the <strong>phpMyAdmin<\/strong> tool.<\/p><ol class=\"wp-block-list\">\n<li>Access <strong>Files <\/strong>on your hPanel and select <strong>Backups<\/strong>. <\/li>\n\n\n\n<li>Click <strong>Select<\/strong> under the <strong>Database backups<\/strong> option and choose from the available databases.<\/li>\n<\/ol><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.hostinger.com\/ca\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/02\/hpanel-files-backups-databasebackups.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1134\" height=\"622\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2023\/02\/hpanel-files-backups-databasebackups.png\/w=1024,h=1024,fit=scale-down\" alt=\"The Manage Backups option on hPanel\" class=\"wp-image-78253\"  sizes=\"auto, (max-width: 1134px) 100vw, 1134px\" \/><\/a><\/figure><p>        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Pro Tip                <\/p>\n            <\/div>\n            <p class=\"protip__content\"> Find out which database Joomla uses by accessing the <strong>configuration.php<\/strong> file in the <strong>public_html<\/strong> folder. <\/p>\n                    <\/div>\n        \n\n\n\n<\/p><p>The system will start the backup process. Once it&rsquo;s done, a successful backup prompt will appear on your screen.<\/p><figure class=\"wp-block-image size-large\"><a href=\"\/ca\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/04\/database-backup-check.png\"><img loading=\"lazy\" decoding=\"async\" width=\"381\" height=\"107\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/04\/database-backup-check.png\/w=1024,h=1024,fit=scale-down\" alt=\"Screenshot of the database backup check\" class=\"wp-image-29881\"  sizes=\"auto, (max-width: 381px) 100vw, 381px\" \/><\/a><\/figure><p>Keep in mind that you can only generate one backup within 24 hours.&nbsp;<\/p><p>Also, every time you create a new one, it will automatically override the old backup files.&nbsp;<\/p><h3 class=\"wp-block-heading\" id=\"h-using-akeeba-to-back-up-joomla\">Using Akeeba to Back Up Joomla<\/h3><p>Akeeba Backup is the most popular Joomla open-source extension. However, it&rsquo;s not in the official directory, so you will need to download the extension from the<a href=\"https:\/\/www.akeebabackup.com\/download.html\" target=\"_blank\" rel=\"noopener\"> official Akeeba website<\/a>.&nbsp;<\/p><p>Follow the tutorials below to set it up:<\/p><ol class=\"wp-block-list\">\n<li>Navigate to <strong>Extensions -&gt; Install<\/strong> to upload and install Akeeba via the <strong>Upload Package File<\/strong> tab.<\/li>\n\n\n\n<li>Go to <strong>Components<\/strong> -&gt; <strong>Akeeba Backup<\/strong>.<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"502\" class=\"wp-image-29882\" style=\"width: 600px\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2017\/10\/joomla-components-1.png\" alt=\"Screenshot of Joomla's components tab\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/li>\n\n\n\n<li>Click the <strong>Configuration<\/strong> -&gt; <strong>Configuration Wizard<\/strong> to activate a benchmarking wizard that will optimize the backup performance for your site.<br><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"503\" class=\"wp-image-29883\" style=\"width: 600px\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2017\/10\/joomla-configuration.png\" alt=\"Screenshot of Joomla's Akeeba control panel\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/li>\n\n\n\n<li>Once the benchmarking process is done, you&rsquo;ll be given three options:\n<ul class=\"wp-block-list\">\n<li><strong>Backup Now<\/strong> &ndash; backs up your website straight away.<\/li>\n\n\n\n<li><strong>Schedule Automatic Backups <\/strong>&ndash; sets the time and date to automate your backups.<\/li>\n\n\n\n<li><strong>Configuration <\/strong>&ndash;<strong> <\/strong>changes the settings that the benchmarking wizard has set up.<br><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"215\" class=\"wp-image-29884\" style=\"width: 600px\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2017\/10\/joomla-benchmarking.png\" alt=\"Screenshot of Joomla's benchmarking\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/li>\n<\/ul>\n<\/li>\n<\/ol><p>        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Pro Tip                <\/p>\n            <\/div>\n            <p class=\"protip__content\"> Once the backup is generated, we recommend keeping a local copy of your backup. Click on the <strong>Manage Backups<\/strong> and select the <strong>Download<\/strong> button to save it on your computer. <\/p>\n                    <\/div>\n        \n\n\n\n<\/p><p>That said, the <strong>free<\/strong> package of Akeeba Backup doesn&rsquo;t support remote backup via FTP, Google Drive, and Google Storage. It also limits you from generating separate backups for your database and site files. To enable such tasks, you can subscribe to its premium version for <strong>&euro;50\/year<\/strong>.<\/p><h2 class=\"wp-block-heading\" id=\"h-updating-joomla\">Updating Joomla<\/h2><figure class=\"wp-block-image size-large\"><a href=\"\/ca\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/04\/joomla-new-release.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1206\" height=\"750\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/04\/joomla-new-release.png\/w=1024,h=1024,fit=scale-down\" alt=\"Screenshot of the newest version of Joomla\" class=\"wp-image-29885\"  sizes=\"auto, (max-width: 1206px) 100vw, 1206px\" \/><\/a><\/figure><p>Keeping Joomla up to date is very important due to several factors:<\/p><ul class=\"wp-block-list\">\n<li><strong>Security <\/strong>&ndash; Joomla regularly releases updates and examines vulnerabilities to keep your website secure.<\/li>\n\n\n\n<li><strong>New Features <\/strong>&ndash; every time Joomla releases a new update, it comes with new features and changes to enhance your site&rsquo;s functionality.<\/li>\n\n\n\n<li><strong>Performance <\/strong>&ndash; the latest version of Joomla fixes bugs and technical issues, improving the website&rsquo;s performance.<\/li>\n<\/ul><p>Every time you log in, Joomla will automatically check to see if any new versions are available.<\/p><p>You will see a new notification on the top of your control panel if there is a new version present in the official repository. It&rsquo;ll contain the name of the update along with an <strong>Update Now<\/strong> button.<\/p><p>Click on the button to be taken to the Joomla update page. You&rsquo;ll see the information regarding your current and new versions of Joomla. Click on <strong>Install<\/strong> to start the installation.<\/p><p><div class=\"announcement-block announcement-block--important\">\n            <span class=\"announcement-block__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n                          d=\"M12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5ZM13.637 7.65198C13.637 6.74791 12.9041 6.01501 12 6.01501C11.0959 6.01501 10.363 6.74791 10.363 7.65198C10.5335 9.53749 10.875 13.383 10.875 13.383C10.875 14.0043 11.3787 14.508 12 14.508C12.6213 14.508 13.125 14.0043 13.125 13.383V13.38L13.637 7.65198ZM11.9927 15.714C11.3714 15.714 10.8677 16.2177 10.8677 16.839C10.8677 17.4603 11.3714 17.964 11.9927 17.964H12.0073C12.6286 17.964 13.1323 17.4603 13.1323 16.839C13.1323 16.2177 12.6286 15.714 12.0073 15.714H11.9927Z\"\n                          fill=\"#FEA419\"\/>\n                <\/svg>\n                Important\n            <\/span>\n            <p class=\"announcement-block__content\">\n                 <strong>Important!<\/strong> It&rsquo;s recommended to create a backup before you begin the update.\n            <\/p><\/div><\/p><h2 class=\"wp-block-heading\" id=\"h-speeding-up-joomla\">Speeding Up Joomla<\/h2><p>Whether you&rsquo;re running a business website or a personal blog, loading speed is one of the essential factors that determine user experience. Google also defines a site&rsquo;s performance as a ranking factor that affects <a href=\"\/ca\/tutorials\/what-is-seo\/\">SEO (Search Engine Optimization)<\/a>.<\/p><p>A slow-loading web page can have a higher bounce rate. Additionally, it can impact the conversion rate by an <a href=\"https:\/\/blog.hubspot.com\/marketing\/page-load-time-conversion-rates\" target=\"_blank\" rel=\"noopener\">average of 2.11%<\/a> for each additional second.&nbsp;<\/p><p>With that in mind, we will show you two ways to improve your website&rsquo;s performance and loading speed.<\/p><h3 class=\"wp-block-heading\" id=\"h-enabling-gzip-compression\">Enabling Gzip Compression<\/h3><p>Compression is the process of decreasing file sizes, including <strong>HTML<\/strong>, <strong>CSS<\/strong>, <strong>PHP<\/strong>, and <strong>JavaScript<\/strong>. <a href=\"\/ca\/tutorials\/enable-gzip-compression\/\">Gzip compression<\/a> helps you decrease the total size of your website files, reducing your site&rsquo;s loading time.<\/p><ol class=\"wp-block-list\">\n<li>To enable Gzip compression, go to <strong>System<\/strong> -&gt; <strong>Global Configuration <\/strong>from your admin dashboard.<br><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"443\" class=\"wp-image-29886\" style=\"width: 600px\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2017\/10\/joomla-system.png\" alt=\"Screenshot of Joomla's system button \"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/li>\n\n\n\n<li>Click on the <strong>Server <\/strong>-&gt; <strong>Server Settings<\/strong> -&gt;<strong> Gzip Page Compression<\/strong>. Select <strong>Yes<\/strong> and <strong>Save<\/strong> your changes.<br><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"473\" class=\"wp-image-29887\" style=\"width: 600px\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2017\/10\/joomla-global-configuration.png\" alt=\"Screenshot of Joomla's global configuration\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/li>\n<\/ol><p>Gzip compression is now enabled for your website.<\/p><h3 class=\"wp-block-heading\" id=\"h-activating-the-default-joomla-cache\">Activating the Default Joomla Cache<\/h3><p>A cache is a temporary storage location that collects data, such as files, scripts, and images, to make websites load faster.&nbsp;<\/p><p>When people access your website, Joomla&rsquo;s system automatically performs queries on your database to retrieve data from the internet and serve it to the visitors. As your database expands, hothe system will take longer to fetch this information.&nbsp;<\/p><p>By enabling caching, the system will retrieve files from the saved cache whenever people visit your site. This way, your website&rsquo;s response time will be much faster.&nbsp;<\/p><p>To enable caching for your website, follow this tutorial:<\/p><ol class=\"wp-block-list\">\n<li>Go to the same<strong> Global Configuration<\/strong> section and select the <strong>System<\/strong> tab.<\/li>\n\n\n\n<li>Under the<strong> Cache Settings<\/strong>, choose which <strong>Cache Handler<\/strong> you want to use. On most shared hosting providers, the<strong> File<\/strong> cache handler should be applied.<\/li>\n\n\n\n<li>Leave <strong>Path to Cache Folder<\/strong> empty unless you want to save cache files in a custom directory.<\/li>\n\n\n\n<li><strong>Cache Time<\/strong> determines how long the cached content stays the same before updating &ndash; the default value is 15 minutes.<\/li>\n<\/ol><p>        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Pro Tip                <\/p>\n            <\/div>\n            <p class=\"protip__content\"> If your website is frequently updated, then you can shorten the cache time value. Otherwise, you can increase the number. <\/p>\n                    <\/div>\n        <\/p><ol start=\"5\" class=\"wp-block-list\">\n<li>Leave <strong>Platform Specific Caching<\/strong> as <strong>No<\/strong>, unless you provide different HTML content on mobile devices.<\/li>\n\n\n\n<li>Turn on <strong>System Cache<\/strong> by selecting one of the two options available.<\/li>\n<\/ol><p>        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Pro Tip                <\/p>\n            <\/div>\n            <p class=\"protip__content\"> Select <strong>Conservative Caching<\/strong> if you have a huge website. Otherwise, choose the default <strong>Progressive Caching<\/strong> option that is best suited for most Joomla sites. <\/p>\n                    <\/div>\n        \n\n\n\n<\/p><ol start=\"7\" class=\"wp-block-list\">\n<li><strong>Save<\/strong> your changes.<br><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"501\" class=\"wp-image-29888\" style=\"width: 600px\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2017\/10\/joomla-debug-settings.png\" alt=\"Screenshot of Joomla's debug settings\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/li>\n<\/ol><h3 class=\"wp-block-heading\" id=\"h-using-cache-plugins\">Using Cache Plugins<\/h3><p>Another way to enable caching is by turning on the cache plugin.&nbsp;&nbsp;<\/p><ol class=\"wp-block-list\">\n<li>To do this, proceed to <strong>Extensions<\/strong> -&gt; <strong>Plugins<\/strong>.<\/li>\n\n\n\n<li>Find the <strong>Page Cache<\/strong> plugin through the search field. Tick the <strong>Status<\/strong> column with a green checkmark.<br><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"266\" class=\"wp-image-29889\" style=\"width: 600px\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2017\/10\/joomla-plugins-tick.png\" alt=\"Screenshot of Joomla's plugin check\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/li>\n<\/ol><p>Having done this, your website&rsquo;s loading speed should improve.<\/p><p>        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Pro Tip                <\/p>\n            <\/div>\n            <p class=\"protip__content\"> For further optimization, it is also advised to<a href=\"\/ca\/tutorials\/website\/improving-website-performance-serving-scaled-images\/\" style=\"text-decoration:none\"> serve scaled image<\/a>. <\/p>\n                    <\/div>\n        \n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusion<\/h2><p>Joomla is an open-source content management system that comes with powerful built-in features and functionality. Compared to <a href=\"\/ca\/tutorials\/best-cms\/\">other CMSs<\/a>, this platform has several advantages, including:<\/p><ul class=\"wp-block-list\">\n<li><strong>Advanced user management <\/strong>&ndash; allows multiple administrators to manage and control the site&rsquo;s environment and configuration.<\/li>\n\n\n\n<li><strong>Multilingual support <\/strong>&ndash; there is a built-in translation system, enabling you to produce multilingual content.<\/li>\n\n\n\n<li><strong>Flexible templates <\/strong>&ndash; set different templates for your front-end and back-end interfaces.<\/li>\n<\/ul><p>Joomla has a steeper learning curve compared to WordPress. However, thanks to the ever increasing, widely available documentation, tutorials, and forums, learning Joomla has become more accessible.<\/p><p>All in all, we hope this article has helped you understand more about this platform. Once you&rsquo;ve set up your Joomla website, don&rsquo;t forget to perform backups, updates, and caching to optimize its performance.<\/p><p>        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Other Suggested Reading                <\/p>\n            <\/div>\n            <p class=\"protip__content\"><a href=\"\/ca\/tutorials\/drupal\/\">Drupal Tutorial Explained for Beginners<\/a><br>\n<a href=\"\/ca\/tutorials\/best-forum-software\/\">12 Best Forum Software to Build an Online Community<\/a><\/p>\n                    <\/div>\n        \n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-joomla-faq\">Joomla FAQ <\/h2><p>Here are some of the most frequently asked questions about Joomla.<\/p><div class=\"schema-faq wp-block-yoast-faq-block\"><div class=\"schema-faq-section\" id=\"faq-question-1622804249946\"><h3 class=\"schema-faq-question\"><strong>Is Joomla Easy to Use?<\/strong><\/h3> <p class=\"schema-faq-answer\">Joomla is one of the easiest content management systems to use and most web hosts even offer a Joomla auto-installer. Joomla extensions help you expand the site functionality. To modify the website design, choose from free and premium templates available at marketplaces like TemplateMonster.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1622804266320\"><h3 class=\"schema-faq-question\"><strong>What Can You Do with Joomla?<\/strong><\/h3> <p class=\"schema-faq-answer\">You can create all kinds of websites with Joomla, like forums, portfolios, online stores, business websites, online magazines, and personal websites. Often you&rsquo;ll need the appropriate extensions for the best results. There are over 5,000 extensions available, covering over 30 different categories.&nbsp;<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1622804343959\"><h3 class=\"schema-faq-question\"><strong>How Do I Edit an Existing Joomla Website?<\/strong><\/h3> <p class=\"schema-faq-answer\">Log in to your Joomla admin panel. To edit published content, go to <strong>Content<\/strong> -&gt; <strong>Articles<\/strong> to see the list of articles on your website. Click on the one that you wish to edit. After you finish editing, click <strong>Save and close<\/strong>.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1622804360133\"><h3 class=\"schema-faq-question\"><strong>Is Joomla Better than WordPress?<\/strong><\/h3> <p class=\"schema-faq-answer\"><a href=\"\/ca\/tutorials\/what-is-wordpress\/\">WordPress is<\/a> arguably better than Joomla, thanks to its ease of use and a vast collection of themes and plugins. It also has a huge user community, making it easier to find help and support if you run into issues.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1656934253245\"><h3 class=\"schema-faq-question\">How Do I Switch a Joomla Template?<\/h3> <p class=\"schema-faq-answer\">If you want to switch templates, go to <strong>Extensions<\/strong> -&gt; <strong>Templates<\/strong>. This will take you to the <strong>Template Manager<\/strong>, where it&rsquo;s possible to edit the template&rsquo;s options, delete it or set a new template as default.<\/p> <\/div> <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Joomla is an open-source content management system (CMS) that powers nearly 2 million websites on the internet. The platform offers numerous advanced features, allowing you to easily make a website or an app. Considered one of the best WordPress alternatives, Joomla supports various content types and custom fields, including gallery, calendar, and checkboxes. This allows [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/ca\/tutorials\/joomla\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":180,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Joomla Tutorial for Beginners: Create a Website with Joomla","rank_math_description":"Learn how to create a website with Joomla using this beginner's guide. We cover everything from installation to publication.","rank_math_focus_keyword":"joomla tutorial","footnotes":""},"categories":[22699],"tags":[],"class_list":["post-7366","post","type-post","status-publish","format-standard","hentry","category-vps"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/joomla","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/tutorial-joomla-principiantes","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/joomla-adalah","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/joomla","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/joomla\/","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/joomla\/","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/tutorial-joomla-principiantes","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/tutorial-joomla-principiantes","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/tutorial-joomla-principiantes","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/joomla","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/joomla","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/joomla","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/joomla","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/ca\/tutorials\/wp-json\/wp\/v2\/posts\/7366","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/ca\/tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/ca\/tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/ca\/tutorials\/wp-json\/wp\/v2\/users\/180"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/ca\/tutorials\/wp-json\/wp\/v2\/comments?post=7366"}],"version-history":[{"count":109,"href":"https:\/\/www.hostinger.com\/ca\/tutorials\/wp-json\/wp\/v2\/posts\/7366\/revisions"}],"predecessor-version":[{"id":142640,"href":"https:\/\/www.hostinger.com\/ca\/tutorials\/wp-json\/wp\/v2\/posts\/7366\/revisions\/142640"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/ca\/tutorials\/wp-json\/wp\/v2\/media?parent=7366"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/ca\/tutorials\/wp-json\/wp\/v2\/categories?post=7366"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/ca\/tutorials\/wp-json\/wp\/v2\/tags?post=7366"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}