View source for Joomla 4

==<translate><!--T:2--> Introduction</translate>==
<translate><!--T:3--> 16 years after the first version, Joomla! 4 was released on 17th August 2021.</translate>

<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>

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

;<big><translate><!--T:7--> Why Use Joomla! 4?</translate></big>

<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>

<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>

<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>

{{-}}
<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>]]

;<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>]

;<big><translate><!--T:37--> Articles</translate></big>
*[[S:MyLanguage/J4.x:Adding a New Article|<translate><!--T:38--> Adding a New Article</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>]]

;<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">

</div>
</div>

<hr>

{{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">

</div>
</div>
<hr>

{{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>]]

</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">

</div>
</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>]

</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>]]

;<big><translate><!--T:71--> Assets</translate></big>
*[[S:MyLanguage/J4.x:Web_Assets|<translate><!--T:72--> Web Assets</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>]]

;<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>
<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>]]

;<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>]]

;<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">

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

</div>
</div>
-->

<hr>
{{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>
<translate>
<!--T:114-->
[[Category:Landing_Pages]]
[[Category:Joomla!_4.x]]
[[Category:Documentation_Working_Group]]
[[Category:Update Working Group]]
</translate>
</noinclude>