How to install Habari CMS in XAMPP Windows 11


Habari is a free and open source content management system. It was initially released on April 3, 2007 by Habari Community. If you are a blogger, Habari suits you because this CMS is blog engine. And for this tutorial, we are going to make one out of it. But you need to download the necessary files first to be able to start making one. I provided the links below.


Requirement:


After downloading all the files, continue doing the listed tutorials below.


Table of Content

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

Here are the steps on how to install Habari in XAMPP using Windows


XAMPP installation on Windows 11


1. Open the XAMPP file that you downloaded earlier. If a Warning appears, just press OK to proceed.


xampp installation warning about user account control

2. Under Setup - XAMPP, just click NEXT.


xampp installation wizard welcome page

3. In the Select Components, click NEXT also.


xampp installation select components

4. Same for the Installation folder, just leave it and click NEXT.


xampp installation folder c:\xampp

5. In the Bitnami for XAMPP, click NEXT again.


bitnami for xampp

6. We are now ready to install XAMPP, click NEXT to proceed.


xampp is ready to install

7. Wait for the installation to finish.


xampp is unpacking and installing

8. When done, click Finish to exit the installer.


xampp is successfully installed

Running XAMPP Control Panel's Apache and MySQL


1. To run XAMPP, you can either click its shortcut icon in your desktop or go to Start and search for xampp and press ENTER. Inside XAMPP Control Panel, click the Start buttons for Apache and MySQL.


start apache and mysql in xampp control panel

2. You will see two Stop buttons. Apache and MySQL are both running now.


apache and mysql is now running in xampp control panel

3. If a Windows Security Alert appears, just click on Allow access to exit.


allow access for windows security alert regarding xampp mysqld.exe

Copying Habari installer to HTDOCS folder


1. Go back to the Habari zip file that you also downloaded earlier. Extract it and rename the extracted folder as "habari". Make sure all the contents of the folder are not inside a sub-folder. When done, copy your habari folder. Go to Start and search for "this pc" and press ENTER.


search for this pc windows 11

2. Inside This PC, open your C drive.


windows 11 c drive

3. Inside C, click on xampp folder.


xampp folder located in c drive windows 11

4. Now, find and open htdocs folder.


htdocs folder located in xampp folder c drive windows 11

5. Paste your habari folder inside htdocs.


copying and pasting the habari installation folder inside xampp htdocs

Creating Habari Database on XAMPP phpMyAdmin


1. We are now going to create a database for our Habari installation. Open your web browser and go to 127.0.0.1.


accessing xamp localhost using internet browser

2. Inside, click on phpMyAdmin.


accessing phpmyadmin using xampp localhost

3. Inside phpMyAdmin, click on Databases.


accessing phpmyadmin via xampp localhost to make habari database

4. In the Create database, name it as habari_db and next to it set the value to utf8mb4_unicode_ci and press Create button.


habari database name

5. In the Create table, name your table as habari_table and set the columns to 4. Press Go to proceed.


habari create table table name

6. In the Structure, name it as habari and set Type to INT.


habari structure name

7. For Collation, set it to utf8_unicode_ci and leave all the other fields blank.


habari collation utf8_unicode_ci

8. Save your Database.


save structure collation for habari

Habari installation via Localhost or 127.0.0.1


1. We are now ready to install our Habari website. Open your web browser and go to 127.0.0.1/habari.


accessing habari installation folder using xampp localhost via web browser

2. In Language, select en-us. For Database Setup do the following: Database Type - mysql. Database Host - localhost. Username - root. Password - blank or none. Database name - habari_db. When done, click on Check Database Connection.


habari installation check database connection

3. You will see "OK" in some of the fields on Database Setup, this means that you can proceed to the next step below.


habari installation database checkup done

4. Under Site Configuration, do the following: Site name - Your site name. Username - admin. Password - your admin account password. Email - input a valid email address.


habari installation site configuration

5. In the Theme Selection, select any theme that is available. For this tutorial, I selected Charcoal 0.5.


habari installation theme selection

6. In the Plugin Activation, just select all of it.


habari installation plugin activation

7. Press the Install Habari to continue with the installation.


habari installation ready

8. Done! You have successfully created a blog using Habari CMS for free.


successfully installed habari website

Accessing Habari website home page


1. To open your Habari website homepage, just go to 127.0.0.1/habari.


sample habari website homepage

Accessing Habari website ADMIN account


1. To open your Habari admin account, just click on Login link or go 127.0.0.1/habari/auth/login.


habari website user login

2. In the login page, input your username and password. Click login to proceed.


login page habari website

3. Inside your Habari administration page, you will see options, settings, themes, plugins, and many more links that you can use to modify your Habari website. This is only available to you as owner and admin of your site. So, do not share your admin username and password to others.


sample administration page for habari website

Thank you for reading this tutorial guys. I do hope that you have learned a lot while doing this. If you have a question, you can leave a comment below. 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.