Portal

Joomla 4: Difference between revisions

From Joomla! Documentation

No edit summary
m Amend Version
 
(49 intermediate revisions by 7 users not shown)
Line 1: Line 1:
{{incomplete}}
{{underconstruction}}
<noinclude><languages /></noinclude>
<noinclude><languages /></noinclude>
{{Joomla version|version=4.0}}
{{Joomla version|version=4.x}}
{{Top portal heading|color=white-bkgd|icon=joomla|icon-color=#5091cd|size=4x|text-color=#333|title=<translate>
{{Top portal heading|color=white-bkgd|icon=joomla|icon-color=#5091cd|size=4x|text-color=#333|title=<translate>
<!--T:1-->
Joomla! 4.x</translate>}}
Joomla! 4.x</translate>}}
<div class="large-12 column"><translate>Into text</translate>__TOC__</div>
==<translate><!--T:2--> Introduction</translate>==
<translate><!--T:3--> 16 years after the first version, Joomla! 4 was released on 17th August 2021.</translate>


<div class="large-12 column">{{section portal heading|icon=check-square-o|title=<translate>General</translate>}}</div>
<translate><!--T:4--> With a security first approach, granular access control and a new administration interface, Joomla! 4 comes with Bootstrap 5, Fontawesome, better accessibility built in, faster page loads and a host of other improvements.</translate>
<translate>Intro text.</translate>


===<translate>What is Joomla! 4?</translate>===
[https://www.joomla.org/4/<translate><!--T:5--> en</translate> <translate><!--T:6--> More about Joomla! 4 Benefits and Features</translate>].


Joomla! 4 is the new main version of Joomla! released 16 years after the first version.
;<big><translate><!--T:7--> Why Use Joomla! 4?</translate></big>


===<translate>What new features comes with Joomla! 4?</translate>===
<translate><!--T:8--> Joomla! 4 is an  Open Source, robust, secure and easy to use Content Management System (CMS) that enables website creators to produce powerful websites.</translate>


* Bootstrap 5 in core
<translate><!--T:9--> Maintaining content, the system and users is made easy by the use of software features that benefit from the skills and experience of a strong community of volunteers that have been maintaining and improving Joomla versions since 2005.</translate>
* [[S:MyLanguage/J4.x:Workflow|<translate>Workflow for publishing content</translate>]]
* New backend based on Bootstrap 4
* Use of more Joomla! framework packages
* Revised event management system
* Introduction of a service container for global dependency management
* Removal of jQuery from the core
* Framework for agnostic web components
* Faster page load times


===<translate>Where can I get Joomla! 4?</translate>===
<translate><!--T:10--> From a simple 5 page website to an enterprise solution serving thousands of pages, with its powerful layout overrides, custom fields and flexible modules built right in, your Joomla website can be built to look and feel just the way you want it to.</translate>


<translate>When Joomla! 4 is released, you can download J4 from our download portal:</translate><br />
{{-}}
* https://downloads.joomla.org.
<hr>
;<big><translate><!--T:11--> Joomla! 4 Documentation</translate></big>
<translate><!--T:12--> This portal brings together information related specifically to Joomla! 4.</translate>
{{section portal heading|icon=none|title=<translate><!--T:13--> Getting Started</translate>}}
<div>
<div class="large-6 column">
*[[S:MyLanguage/J4.x:Getting_Started_with_Joomla!|<translate><!--T:14--> Getting Started with Joomla</translate>]]
*[[S:MyLanguage/J4.x:Setting Up Your Local Environment|<translate><!--T:15--> Setting up your Local Environment</translate>]]
*[[S:MyLanguage/Potential backward compatibility issues in Joomla 4|<translate><!--T:16--> Potential Backwards Compatibilty</translate>]]
*[[S:MyLanguage/Joomla 3.x to 4.x Step by Step Migration|<translate><!--T:17--> Joomla 3.x to 4.x Step by Step Migration</translate>]]
*[[S:MyLanguage/J4.x:Installing Joomla|<translate><!--T:18--> Installing Joomla</translate>]]
*[[S:MyLanguage/J4.x:Logging in to Joomla|<translate><!--T:19--> Logging into Joomla</translate>]]
</div>
<div class="large-6 column">
*[[S:MyLanguage/JDOC:Joomla_4_Tutorials_Project|<translate><!--T:20--> Joomla 4 Tutorials Project</translate>]]
*[[S:MyLanguage/Help4.x:Joomla_Version_Information|<translate><!--T:21--> Joomla Version Information</translate>]]
*[[S:MyLanguage/J4.x:Optional_Technical_Requirements|<translate><!--T:22--> Optional Technical Requirements</translate>]]
*[[S:MyLanguage/Pre-Update_Check|<translate><!--T:23--> J3.10x to J4.x Pre-Update Check</translate>]]
*[[S:MyLanguage/J4.x:Unsupported_PHP_Version|<translate><!--T:24--> Unsupported PHP Versions</translate>]]
*[[S:MyLanguage/J4.x:Joomla_CLI_Installation|<translate><!--T:148--> Joomla CLI Installation</translate>]]
</div>
</div>
<hr>
{{section portal heading|icon=none|title=<translate><!--T:25--> Joomla! Site Administration</translate>}}
<div>
{{Joomla version|version={{CurrentSTSVer4|maintenace}}|comment='''<translate>
<!--T:123-->
Stable Version</translate>'''}}<br />
<div class="large-6 column">
;<big><translate><!--T:149--> Efficiency</translate></big>
*[[S:MyLanguage/Keyboard_Shortcuts|<translate><!--T:27--> Keyboard Shortcuts</translate>]]
;<big><translate><!--T:26--> Security</translate></big>
*[[S:MyLanguage/J4.x:Http_Header_Management|<translate><!--T:150--> HTTP Header Management</translate>]]
*[[S:MyLanguage/WebAuthn_Passwordless_Login|<translate><!--T:151--> WebAuthn Passwordless Login</translate>]]


===<translate>How can I migrate my J!3.x page to Joomla! 4?</translate>====
;<big><translate><!--T:29--> Updates</translate></big>
*[[S:MyLanguage/J4.x:CLI_Update|<translate><!--T:30--> CLI Update</translate>]]
*[[S:MyLanguage/J4.x:Update_from_4.0.1_to_4.0.2|<translate><!--T:31--> Update from 4.0.1 to 4.0.2</translate>]]
*[[S:MyLanguage/J4.x:Upgrades_to_Joomla_4.0.2_fail_with_an_AJAX_error_message|<translate><!--T:32--> Upgrades to Joomla 4.0.2 fail with an AJAX error message</translate>]]
*[[S:MyLanguage/J4.x:Updating_from_an_existing_version|<translate><!--T:33--> Updating from an existing version</translate>]]
</div>
<div class="large-6 column">
;<big><translate><!--T:34--> User Management</translate></big>
*[[S:MyLanguage/How_do_you_recover_or_reset_your_admin_password%3F|<translate> <!--T:124--> Recover / Reset Admin Password</translate>]]
*[[S:MyLanguage/J4.x:Users_List_and_Details_Views|<translate><!--T:35--> Users List and Details Views</translate>]]
;<big><translate><!--T:120--> Privacy</translate></big>
*[[S:MyLanguage/J3.x:Privacy|<translate><!--T:121--> Privacy Tool Suite</translate>]]
;<big><translate><!--T:142--> Navigation</translate></big>
*[[S:MyLanguage/J4.x:Components_Dashboard|<translate><!--T:152--> The Components Dashboard</translate>]]
*[[S:MyLanguage/J4.x:Content_Dashboard|<translate><!--T:153--> The Content Dashboard</translate>]]
*[[S:MyLanguage/J4.x:System_Dashboard|<translate><!--T:143--> The System Dashboard</translate>]]
</div>
</div>
<hr>
{{section portal heading|icon=none|title=<translate><!--T:36--> Joomla! Content</translate>}}
<div>
<div class="large-6 column">
;<big><translate> <!--T:125--> Accessibility</translate></big>
*[https://joomla-projects.github.io/joomla-a11y-checker/ <translate> <!--T:126--> JOOA11Y - The Joomla Accessibility Checker</translate>]


<translate>If you are running a J3.x page, the first step is to upgrade your page to Joomla! 3.10.
;<big><translate><!--T:37--> Articles</translate></big>
This version has an integrated migration check up for Joomla! 4.</translate>
*[[S:MyLanguage/J4.x:Adding a New Article|<translate><!--T:38--> Adding a New Article</translate>]]
* [[S:MyLanguage/J3.x:Updating_from_an_existing_version|<translate>J3.x:Updating_from_an_existing_version</translate>]]
*[[S:MyLanguage/J4.x:Deleting an Article|<translate><!--T:39--> Deleting an Article</translate>]]
*[[S:MyLanguage/J4.x:Restricting_access_to_an_Article|<translate><!--T:40--> Restricting access to an Article</translate>]]
*[[S:MyLanguage/J4.x:Scheduling_the_publication_of_an_article|<translate><!--T:41--> Scheduling the Publication of an Article</translate>]]
*[[S:MyLanguage/J4.x:How_to_Archive_an_Article|<translate><!--T:137--> How to Archive an Article</translate>]]


===<translate>How can I install Joomla! 4?</translate>===
;<big><translate><!--T:42--> Categories</translate></big>
*[[S:MyLanguage/J4.x:Create and Manage Article Categories|<translate><!--T:43--> Create and Manage Article Categories</translate>]]
</div>
<div>
<div class="large-6 column">
;<big><translate><!--T:144--> Fields and Fields Groups</translate></big>
*[[S:MyLanguage/J4.x:Fields_and_Field_Groups|<translate> <!--T:145--> Working with Fields and Field Groups</translate>]]
;<big><translate><!--T:44--> Media</translate></big>
* [[S:MyLanguage/J4.x:Managing_Media|<translate><!--T:132--> Managing Media</translate>]]
* [[S:MyLanguage/J4.x:Media:_Upload_Delete_Rename|<translate><!--T:133--> Upload Delete Rename</translate>]]
* [[S:MyLanguage/J4.x:Media:_Image_Crop_Resize_Rotate|<translate><!--T:134--> Image Crop Resize Rotate</translate>]]
* [[S:MyLanguage/J4.x:Media:_Options|<translate><!--T:135--> Options</translate>]]
* [[S:MyLanguage/J4.x:Adaptive_Images_for_Media_Manager|<translate><!--T:51--> Adaptive Images for Media Manager</translate>]]
;<big><translate><!--T:52--> Workflow</translate></big>
*[[S:MyLanguage/J4.x:Workflow|<translate><!--T:53--> Workflow for Publishing Content</translate>]]
*[[S:MyLanguage/J4.x:Workflow/Scenarios|<translate><!--T:54--> Workflow Scenarios</translate>]]
</div>
</div>
<hr>
{{section portal heading|icon=none|title=<translate><!--T:55--> Joomla! Menus</translate>}}
<div>
<div class="large-6 column">
*[[S:MyLanguage/J4.x:Menu_Dashboard|<translate><!--T:141--> Menu Dashboard</translate>]]
*[[S:MyLanguage/J4.x:Adding_a_New_Menu|<translate> <!--T:136--> Adding a New Menu</translate>]]
*[[S:MyLanguage/J4.x:Adding a menu link in an article|<translate><!--T:56--> Adding a Menu Link within an Article</translate>]]
*[[S:MyLanguage/J4.x:Adding_a_Custom_Administrator_Menu|<translate><!--T:138--> Adding a Custom Administrator Menu</translate>]]
*[[S:MyLanguage/J4.x:How_to_Create_a_Menu_Item_to_View_Archived_Articles|<translate><!--T:139--> How to Create a Menu Item to View Archived Articles</translate>]]
</div>
<div class="large-6 column">


Read the [[S:MyLanguage/J4.x:Installing_Joomla|<translate>Installing Joomla document.</translate>]] <translate>to learn how Joomla can be installed</translate>.
</div>
</div>


<div class="large-12 column">{{section portal heading|icon=check-square-o|title=<translate>Administration</translate>}}</div>
<hr>
<translate>Intro text.</translate>


{{section portal heading|icon=none|title=<translate><!--T:57--> Joomla! Modules</translate>}}
<div>
<div class="large-6 column">
*[[S:MyLanguage/J4.x:Administrator_Modules|<translate> <!--T:146--> Administrator Modules Explained</translate>]]
*[[S:MyLanguage/J4.x:Site_Modules|<translate> <!--T:147--> Site Modules Explained</translate>]]
*[[S:MyLanguage/J4.x:How_to_Show_a_Calendar_Month_List_of_Archived_Articles_Using_a_Module|<translate><!--T:140--> How to Show a Calendar Month List of Archived Articles Using a Module</translate>]]
</div>
<div class="large-6 column">


===<translate>What changes comes with Joomla 4?</translate>===
</div>
</div>
<hr>


<translate>Joomla 4 comes by default with Bootstrap 4 and plain JavaScript scripts. Joomla 4 includes jQuery for backwards compatibility and BS4 compatibility. jQuery is not used at Joomla 4 core level.</translate>
{{section portal heading|icon=none|title=<translate><!--T:58--> Joomla! Components</translate>}}
<div>
<div class="large-6 column">
*[[S:MyLanguage/J4.x:How_To_Use_Content_Tags_in_Joomla|<translate><!--T:115--> How To Use Content Tags in Joomla</translate>]]
</div>
<div class="large-6 column">
*[[S:MyLanguage/J4.x:Workflow|<translate><!--T:122--> Workflow for Publishing Content</translate>]]


===<translate>How can I upgrade my Joomla! 3.x website to Joomla 4?</translate>===
</div>
</div>
<hr>
{{section portal heading|icon=none|title=<translate><!--T:59--> Joomla! Plugins and Extensions</translate>}}
<translate>
<!--T:60-->
The Joomla 4 ''Extensions; Install'' page has an '''Install from Web''' option. By default it lists the extensions available in the official Joomla! Extensions Directory for your current version.</translate>
 
<translate><!--T:61--> Alternatively you can go to: [https://extensions.joomla.org/ Joomla! Extensions Directory]</translate>
 
<div>
<div class="large-6 column">
 
</div>
<div class="large-6 column">


First, you have to update your website to 3.10. Joomla 3.10 comes with a [[S:MyLanguage/Pre-Update_Check|<translate>Pre-Update_Check component</translate>]].
</div>
<translate>This component checks your PHP and database setup and shows, if your extensions are ready for Joomla! 4.</translate>
</div>
<hr>
{{section portal heading|icon=none|title=<translate><!--T:62--> Joomla! Templates</translate>}}
<div>
<div class="large-6 column">
*[[S:MyLanguage/J4.x:Changed parameters for template providers|<translate><!--T:63--> Changed Parameters for Template Providers</translate>]]
*[[S:MyLanguage/J4.x:SCSS_and_Sass|<translate><!--T:64--> SCSS and SASS</translate>]]
*[[S:MyLanguage/J4.x:Using_Bootstrap_Components_in_Joomla_4|<translate><!--T:65--> Using Bootstrap Components</translate>]]
*[[S:MyLanguage/Module_Position|<translate> <!--T:154--> Understanding Module Positions</translate>]]
</div>
<div class="large-6 column">
;<big><translate><!--T:127--> Joomla! Template Cassiopeia</translate></big>
*[[S:MyLanguage/J4.x:Cassiopeia_Template_Folders_and_Files|<translate><!--T:128--> Cassiopeia Template Folders and Files</translate>]]
*[[S:MyLanguage/J4.x:Cassiopeia_Template_Customisation|<translate><!--T:129--> Cassiopeia Template Customisation</translate>]]
*[[S:MyLanguage/J4.x:Cassiopeia_Template_Simplified_-_A_Case_Study|<translate><!--T:130--> Cassiopeia Template Simplified - A Case Study</translate>]]
*[https://magazine.joomla.org/all-issues/february-2022/joomla-4-cassiopeia-template-a-bunch-of-tips-tricks <translate><!--T:131--> Community Magazine: Cassiopeia Template - Tips and Tricks</translate>]


===<translate>What are the official reference extensions for Joomla 4?</translate>===
</div>
</div>
<hr>
{{section portal heading|icon=none|title=<translate><!--T:66--> Joomla! Development</translate>}}
<div>
<div class="large-6 column">
;<big><translate><!--T:67--> API</translate></big>
*[[S:MyLanguage/J4.x:Adding an API to a Joomla Component|<translate><!--T:68--> Adding an API to a Joomla Component</translate>]]
*[[S:MyLanguage/Joomla_Api_Specification|<translate><!--T:69--> Joomla API Specification</translate>]]
*[[S:MyLanguage/J4.x:Joomla_Core_APIs|<translate><!--T:70--> Joomla Core APIs</translate>]]


* [https://github.com/joomla-extensions/weblinks/tree/4.0-dev <translate>Weblinks for Joomla 4</translate>]
;<big><translate><!--T:71--> Assets</translate></big>
* [https://github.com/joomla-extensions/patchtester <translate>Patchtester for Joomla 4</translate>]
*[[S:MyLanguage/J4.x:Web_Assets|<translate><!--T:72--> Web Assets</translate>]]


===<translate>Where can I find Joomla 4 compatible extensions?</translate>===
;<big><translate><!--T:73--> CLI</translate></big>
*[[S:MyLanguage/J4.x:Writing_A_CLI_Application|<translate><!--T:74--> Writing A CLI Application</translate>]]
*[[S:MyLanguage/J4.x:CLI_Database_Exporter_Importer|<translate><!--T:75--> CLI Database Exporter / Importer</translate>]]
*[[S:MyLanguage/J4.x:Task_Scheduler|<translate><!--T:155--> Task Scheduler</translate>]]
;<big><translate><!--T:76--> Data</translate></big>
*[[S:MyLanguage/J4.x:Inserting_Updating_and_Removing_data_using_JDatabase|<translate><!--T:77--> Inserting, Updating and Removing Data using JDatabase</translate>]]
*[[S:MyLanguage/J4.x:Selecting_data_using_JDatabase|<translate><!--T:78--> Selecting Data using JDatabase</translate>]]


xx
;<big><translate><!--T:79--> Components</translate></big>
*[[S:MyLanguage/Part_1:_The_Site_code|<translate><!--T:80--> Component Tutorial - Part 1 - Site Code</translate>]]
*[[S:MyLanguage/Part_2:_The_Administrator_code|<translate><!--T:81--> Component Tutorial - Part 2 - Administrator Code</translate>]]
*[[S:MyLanguage/J4.x:Developing_an_MVC_Component|<translate><!--T:82--> Developing an MVC Component</translate>]]
*[[S:MyLanguage/J4.x:Developing_an_MVC_Component/Introduction|<translate><!--T:83--> Developing an MVC Component - Introduction</translate>]]
*[[S:MyLanguage/J4.x:Developing_an_MVC_Component/Developing_a_Basic_Component|<translate><!--T:84--> Developing an MVC Component - Developing a Basic Component</translate>]]
*[[S:MyLanguage/J4.x:Developing_an_MVC_Component/Language_Management|<translate><!--T:85--> Developing an MVC Component - Language Mamagement</translate>]]
*[[S:MyLanguage/J4.x:Developing_an_MVC_Component/Adding_a_Menu_Type_to_the_Site_Part|<translate><!--T:86--> Developing an MVC Component - Adding a Menu Type to the Site Part</translate>]]
*[[S:MyLanguage/J4.x:Developing_an_MVC_Component/Adding_a_Request_Variable_in_the_Menu_Link|<translate><!--T:87--> Developing an MVC Component - Adding a Request Variable in the Menu Link</translate>]]
*[[S:MyLanguage/J4.x:Developing_an_MVC_Component/Adding_a_View_to_the_Site_Part|<translate><!--T:88--> Developing an MVC Component - Adding a View to the Site Part</translate>]]
*[[S:MyLanguage/J4.x:Developing_an_MVC_Component/Setting_up_the_Database|<translate><!--T:89--> Developing an MVC Component - Setting up the Database</translate>]]


<div class="large-12 column">{{section portal heading|icon=check-square-o|title=<translate>Developers</translate>}}</div>
</div>
<div class="large-6 column">
;<big><translate><!--T:90--> Modules</translate></big>
*[[S:MyLanguage/J4.x:Creating a Simple Module|<translate><!--T:91--> Creating a Simple Module</translate>]]


<translate>Intro text.</translate>  
;<big><translate><!--T:92--> Plugins</translate></big>
*[[S:MyLanguage/J4.x:Creating a Plugin for Joomla|<translate><!--T:93--> Creating a Plugin</translate>]]
*[[S:MyLanguage/J4_CLI_example_-_Onoffbydate|<translate><!--T:94--> CLI example - Onoffbydate</translate>]]
;<big><translate><!--T:95--> Testing</translate></big>
*[[S:MyLanguage/J4.x:Automated_System_Testing|<translate><!--T:96--> Automated System Testing</translate>]]
*[[S:MyLanguage/JavaScript_Tests_for_Joomla4|<translate><!--T:97--> JavaScript Tests</translate>]]


===<translate>Template development</translate>===
;<big><translate><!--T:98--> Miscellaneous</translate></big>
*[[S:MyLanguage/Joomla_4.1_version_history|<translate><!--T:116--> Joomla 4.1 Version History</translate>]]
*[[S:MyLanguage/J3.x:Joomla_3.10_Backports|<translate><!--T:99--> Joomla 3.10 Backports</translate>]]
*[[S:MyLanguage/Adding changelog to your manifest file|<translate><!--T:100--> Adding Changelog to your Manifest File</translate>]]
*[[S:MyLanguage/J4.x:ClientSideEvents|<translate><!--T:101--> Client Side Events</translate>]]
*[[S:MyLanguage/J4.x:Cloud_File_Systems_for_Media_Manager|<translate><!--T:102--> Cloud File Systems for Media Manager</translate>]]
*[[S:MyLanguage/Joomla!_Codenames|<translate><!--T:103--> Joomla Codenames</translate>]]
*[[S:MyLanguage/J4.x:Joomla_Entities|<translate><!--T:104--> Joomla Entities</translate>]]
*[[S:MyLanguage/J4.x:Dependency_Injection_in_Joomla_4|<translate><!--T:105--> Dependency Injection</translate>]]
*[[S:MyLanguage/J4.x:Namespace_Conventions_In_Joomla|<translate><!--T:106--> Namespace Conventions In Joomla</translate>]]
*[[S:MyLanguage/J4.x:Creating_Multilingual_Associations_Automatically|<translate><!--T:107--> Creating Multilingual Associations Automatically</translate>]]
*[[S:MyLanguage/J4.x:Response_Formats|<translate><!--T:108--> Response Formats</translate>]]
*[[S:MyLanguage/Setting_up_Eclipse_PDT_2020_and_Git_for_Pulls|<translate><!--T:109--> Setting up Eclipse PDT 2020 and Git for Pulls</translate>]]
*[[S:MyLanguage/J4.x:Tips_and_Tricks_for_Joomla_4_Developers|<translate><!--T:110--> Tips and Tricks for Joomla 4 Developers</translate>]]
*[https://github.com/joomla-extensions/weblinks/tree/4.0-dev <translate><!--T:111--> Weblinks for Joomla 4</translate>]
*[https://github.com/joomla-extensions/patchtester <translate><!--T:112--> Patchtester for Joomla 4</translate>]
</div>
</div>
<!--
<hr>
{{section portal heading|icon=none|title=<translate><!--T:113--> Joomla! Help</translate>}}
<div>
<div class="large-6 column">


xx
</div>
<div class="large-6 column">


===<translate>Extension development</translate>===
</div>
</div>
-->


* [[S:MyLanguage/J4.x:Creating_a_Plugin_for_Joomla|<translate>Creating a Plugin for Joomla 4</translate>]]
<hr>
* [[S:MyLanguage/J4.x:Creating_a_Simple_Module|<translate>Creating a simple Module for Joomla 4</translate>]]
{{section portal heading|icon=none|title=<translate><!--T:117--> Joomla! Troubleshooting</translate>}}
<div>
<div class="large-6 column">
;<big><translate><!--T:118--> Database</translate></big>
*[[S:MyLanguage/J4.x:Fix_%22Database_Table_Structure_NOT_Up_to_Date%22_before_Update|<translate><!--T:119--> Fix "Database Table Structure NOT Up to Date" before update error</translate>]]
</div>
<div class="large-6 column">


</div>
</div>




<noinclude>
<noinclude>
<translate>
<translate>
<!--T:114-->
[[Category:Landing_Pages]]
[[Category:Landing_Pages]]
[[Category:Version 4.x FAQ]]
[[Category:Joomla!_4.x]]
[[Category:Documentation_Working_Group]]
[[Category:Documentation_Working_Group]]
[[Category:Update Working Group]]
[[Category:Update Working Group]]
</translate>
</translate>
</noinclude>
</noinclude>

Latest revision as of 15:26, 16 March 2023

Joomla! 
4.x
Joomla! 4.x

Introduction

16 years after the first version, Joomla! 4 was released on 17th August 2021.

With a security first approach, granular access control and a new administration interface, Joomla! 4 comes with Bootstrap 5, Fontawesome, better accessibility built in, faster page loads and a host of other improvements.

More about Joomla! 4 Benefits and Features.

Why Use Joomla! 4?

Joomla! 4 is an Open Source, robust, secure and easy to use Content Management System (CMS) that enables website creators to produce powerful websites.

Maintaining content, the system and users is made easy by the use of software features that benefit from the skills and experience of a strong community of volunteers that have been maintaining and improving Joomla versions since 2005.

From a simple 5 page website to an enterprise solution serving thousands of pages, with its powerful layout overrides, custom fields and flexible modules built right in, your Joomla website can be built to look and feel just the way you want it to.


Joomla! 4 Documentation

This portal brings together information related specifically to Joomla! 4.

Getting Started


Joomla! Site Administration


Joomla! Content


Joomla! Menus


Joomla! Modules


Joomla! Components


Joomla! Plugins and Extensions

The Joomla 4 Extensions; Install page has an Install from Web option. By default it lists the extensions available in the official Joomla! Extensions Directory for your current version.

Alternatively you can go to: Joomla! Extensions Directory


Joomla! Templates


Joomla! Development


Joomla! Troubleshooting