How to install Joomla in XAMPP Windows 11


Joomla is one of the oldest, most used and popular free Content Management Systems available today. It was first released by Open Source Matters, Inc. on September 22, 2005. It is mobile-ready, user-friendly and has so many modules and plugins as well as themes that you can download for free. And for this tutorial, we are gonna be making a website out if it. But before anything else, please download the two files below. I already provided the download links also.


Requirements:



Assuming that you already download the given files above, continue doing the tutorials below.


Table of Contents


  • XAMPP installation on Windows 11
  • Running XAMPP Control Panel's Apache and MySQL
  • Copying Joomla installer to HTDOCS folder
  • Creating Joomla Database on XAMPP phpMyAdmin
  • Joomla installation via Localhost or 127.0.0.1
  • Accessing Joomla website home page
  • Accessing Joomla website ADMIN account

Here are the steps on how to install Joomla in XAMPP using Windows 11 pc


XAMPP installation on Windows 11


1. Open the XAMPP file that you downloaded earlier. If a Question about "antivirus running" appears, click on YES to proceed.


xampp installation warning about antivirus

2. If a warning also appears about User Account Control (UAC), just press OK again to proceed.


xampp installation warning about user account control windows

3. Under Setup - XAMPP, click on NEXT to proceed.


welcome to xampp setup wizard witn next button

4. In the Select Components, click on NEXT again.


xampp installation select components

5. In the Installation folder, do not change the directory, just leave it. Press NEXT to proceed.


xampp installation select a folder to install xampp

6. Under Language, select English or your own local language. Click NEXT to proceed.


select language for xampp installation

7. Your XAMPP is now ready to be installed. Click NEXT to start.


xampp installation ready to begin

8. Wait for the installation and unpacking to finish.


xampp installation in progress unpacking files

9. When done, just uncheck the "Do you want to start the Control Panel now?" and click Finish to exit.


xampp installation finished

Running XAMPP Control Panel's Apache and MySQL


1. To run XAMPP Control Panel, you can just click its shortcut located on your desktop. You can also go to Start and search for xampp and press ENTER.


search for xampp app windows

2. Inside XAMPP Control Panel, click the Start buttons for both Apache and MySQL.


start xampp apache mysql server

3. The two buttons are now running if you see that they are both labeled Stop.


xampp apache mysql server are running

4. If a Windows Security Alert appears, just click the Allow access to exit.


allow access to xampp in windows defender firewall

Copying Joomla installer to HTDOCS folder


1. Go to the Joomla zip file that you download earlier and extract it. Rename your extracted folder as "joomla". Copy your joomla folder. Now, go to Start and search for "this pc" and press ENTER.


search for this pc windows 11

2. Inside This PC, click on your C drive.


windows 11 c drive

3. Inside, find and click on xampp folder.


xampp folder located in c drive windows 11

4. Inside xampp, click on htdocs folder.


htdocs folder located in xampp folder c drive windows 11

5. Paste your joomla folder inside htdocs.


copying joomla installer inside xampp htdocs folder

Creating Joomla Database on XAMPP phpMyAdmin


1. Joomla installation needs database to be able to run. We are going to make one. Open your internet browser. In the address bar, enter 127.0.0.1 and press ENTER.


accessing xampp localhost using chrome

2. Find and click phpMyAdmin.


accessing xampp phpmyadmin

3. Now, click Databases.


phpmyadmin creating database for joomla

4. In the Create database, name your database as joomla_db. Leave utf8mb4_general_ci as it is and press the Create button to proceed.


naming and creating joomla database localhost

5. In the Create new table, name your table as joomla_tb or joomla_table (any name will do). Leave 4 as the default value of columns and press Create button to proceed.


naming and creating joomla database table localhost

6. In the Structure, name it as joomla or joomla_st. For type it is already set to INT.


structure name joomla database localhost

7. For Collation, find and select utf8_unicode_ci and leave all the other fields blank.


structure collation joomla database localhost

8. Press Save (new Preview SQL) to save your database.


save joomla database structure localhost

Joomla installation via Localhost or 127.0.0.1


1. We are now ready to install Joomla. Open your internet browser again and go to 127.0.0.1/joomla and press ENTER.


accessing joomla installation folder using internet browser via xampp's localhost

2. Under Joomla Installer - Select Installation Language, select English (United States) or your own local language if you want. In the Setup Site Name, just name your Joomla website. Press Setup Login Data to proceed.


joomla installer select installation language and setup site name

3. Under Login Data, in the Super User real name, you can just enter any name you want like Administrator, etc. For username just enter admin. Enter your password (do not forget it) and your email address (a valid one). Press the Setup Database Connection to proceed.


joomla installer login data

4. In the Setup Database Connection, do the following: Database type - MySQLi, Host name: localhost, Username: root, Password: blank or none, Database name: joomla_db. Leave the other fields as default and press Install Joomla to proceed.


joomla installer database configuration

5. Wait for the installation to finish.


joomla website installation started

6. Done! You have successfully created a website using Joomla.


joomla website successfully installed

7. You need to delete now the "installation" folder located at This PC > C drive > xampp> htdocs> joomla> installation.


deleting joomla installation folder inside xampp htdocs folder

Accessing Joomla website home page


1. Now, to access your Joomla website homepage, just go to 127.0.0.1/joomla or localhost/joomla.


sample joomla website homepage

Accessing Joomla website ADMIN account


1. To access your admin login page, just go to 127.0.0.1/joomla/administrator.


sample joomla website admin login page

2. Inside your administration page, you will see there controls on your menu, your home dashboard, links to create new contents or pages, components, manage users, and other important system settings.


joomla website administration page

Done! You have created a free website out of Joomla CMS. You can start making your website anything that it needs and consider uploading it online on a paid-web hosting service. If you do not have one, then, you can try uploading it on a free web hosting first.

If you have any question, you can leave a comment below. Thank you for reading this post guys. Cheers!

No comments:

123how.xyz only wants on-topic comment. Do not include any link, else your comment won't be published. Thanks!

Most Read Tutorials:

Powered by Blogger.