✅ How to Build a Website With Joomla 4 or Joomla 5 | Beginners Tutorial | Localhost

How to make a website using Joomla 4 or Joomla 5: This is a step by step tutorial on build or make a website with Joomla 4 or Joomla 5

Joomla 5 is the latest version of Joomla to be released.
In this tutorial, we are going to install Joomla 4 on a local host on Windows 11 or 10 PC. It is the same process when working with Joomla 5. I will then give you an overview of how the admin dashboard looks like.
After that, we are going to build an awesome website using Joomla step by step on localhost. This will make you feel comfortable when exploring Joomla 4 or Joomla 5 by yourself and keep building on your knowledge.

TIMESTAMP | STEPS COVERED

Below are some of the areas covered in this tutorial. You may want to watch to the end so that you don't miss out on other important sections which are not listed below.
00:00 Introduction
00:13 Website Preview
03:28 Joomla Installation on localhost
09:25 Replacing Cassiopeia template logo
12:05 Working on the site content (Categories/Articles)
18:45 Creating Main menu Items (Home | About Us | Services)
25:46 Working on the Blog page
39:28 Working on the Contact Us page
43:00 Working on the Gallery page (Free Gallery Component)
50:14 Home page layout (Search bar | Free Slideshow Component | Icons | Newsflash)
1:22:27 Working on the Footer Items
1:40:20 Packaging the website files plus the database ready to go live.

Disclaimer: TechRuzz Tutorials is supported by its audience. When you purchase through links on our channel, we may earn an affiliate commission.

FOLLOW US:

#TechRuzz #JoomlaTutorial

[joshuamitchell]

I came across this video to learn one thing and ended up learning a host of other things. Very nice video, really helps understanding joomla and working with modules etc. Highly recommend this!

[austin]

joomla is overwhelming at first and it seems like every other tutorial is in joomla 3, this helps a lot thank you so much!

[florencekabona]

Thanks a lot. This was exactly what I was looking for to build my website. The tutorial is easy and precise.

[ris_bo]

I was really struggling to a find a good enough tutorial for Joomla 4. Thanks a bunch! Managed to put all the important stuff in under 2 hours. Also, I enjoyed the background music. I would like to see more Joomla content on this channel.

[mackiver]

i'm really happy you made this tutorial and included a 'bucket list' that you can accomplish, i was overwhelmed by the navigation and buttons on the joomla.. your examples was enough to see what is going on :) :) :) and the results are amazing . thanks

[FernandoBautista]

Cordial saludo.

Excelente video tutorial, cada quien planea el modo de hacer un sitio web, en mi caso, el área de servicios lo habría realizado con un separador en el ítem de menú mostrando los artículos correspondientes pero en el video explican otro modo de hacerlo cosa que está muy bien y justamente de eso se trata, de demostrar la versatilidad de Joomla al crear un sitio web fácil, con sus propias herramientas y bajo distintos modos de hacer el contenido sencillo de administrar.

Muchas gracias por el video tutorial.

[wolszebnik]

Watching your tutorial helped me a lot, many things so simply explained... Thanks!

[bangastar]

You're great! Just wondering how module positions are created apart from relying on the default ones.

[wolfgangkohler]

Sehr gute Anleitung, hat mir sehr geholfen!!!

[ericgarcia]

Please keep making more tutorial about joomla, Thank you 🙏

[buddhasworkshop]

Thanks a lot for this tutorial, was a very good start into Joomla! 4 for me. And you prove: Talking is overestimated... :-)

[nasserbaioumy]

Nice tutorial, I came looking for something else but I've learned much from you, many thanks hope you not stop 👍

[nluxnhu]

Merci infiniment.un tutoriel complet et tres clair vous etes si généreux.bonne continuation

[sonigaur]

It is very nice tutorial
Well explained
Plz make more tutorial on template customization & coding functionality in Joomla

[HarbourPoland]

For those of you, who have issue with two columns in blog. I also had this problem and was very frustrated. What I done was to switch editor into text mode, add opening <div> and closing </div> tags at the beginning and at the end of code and save it. Then logout. Then log in, remove these tags, save. It helped. From then on blog colums started functioning as they sholud. It can take some more effort (adding "stupid" code", logins, logouts) but it should eventually be okay.
For author of this video: you are the best :-) Thank you for your commitment to the community. I also very like that "no words" style, cuz I can learn without bothering anyone xD

[hehe-wrty]

Thanks alot!! Helped alot for my uni assignment 🙌🙌

[maw]

Fantastic tutorial! I understood everything without you saying one word.

[johancahyonugroho]

Thank you for your easy to follow tutorial.

[DarthTrader]

Great tutorial. Thank you for taking the time to make this tutorial.

[xascar]

Thank you! Nice tutorial :)
By the way, is there any way to make the sticky header when displaying on small screens?