Portal

Joomla 4: Difference between revisions

From Joomla! Documentation

← Older editNewer edit →
No edit summary
First draft of revised layout
Line 4: Line 4:
{{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>
Joomla! 4.x</translate>}}
Joomla! 4.x</translate>}}
<translate>==Introduction==</translate>
==Introduction==
16 years after the first version, Joomla! 4 was released on 17th August 2021.


<translate>
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.
16 years after the first version Joomla! 4 was released on 17th August 2021.</translate>
[https://www.joomla.org/4/<translate>en</translate> <translate>More about Joomla! 4 Benefits and Features</translate>].


<translate>===What new features comes with Joomla! 4?===</translate>
;<big>Why Use Joomla! 4?</big>


* Bootstrap 5 in the core
Joomla! 4 is an  Open Source, robust, secure and easy to use Content Management System (CMS) that enables website creators to produce powerful websites.
* Fontawesome Icons
* [[S:MyLanguage/J4.x:Workflow|<translate>Workflow for publishing content</translate>]]
* New backend based on Bootstrap 5
* 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


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>
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.
This portal brings together information and further links related specifically to Joomla! 4.</translate>
 
<translate>
The relevant sections contain general information as well as targeted information for users, administrators and developers can be accessed from here.</translate>


{{-}}
{{-}}
<hr>
;<big>Joomla! 4 Documentation</big>
This portal brings together information related specifically to Joomla! 4.
{{section portal heading|icon=none|title=<translate>Getting Started</translate>}}
<div>
<div class="large-6 column">
*[[S:MyLanguage/J4.x:Getting_Started_with_Joomla!|<translate>Getting started with Joomla</translate>]]
*[[S:MyLanguage/J4.x:Setting Up Your Local Environment|<translate>Setting up your Local Environment</translate>]]
*[[S:MyLanguage/Potential backward compatibility issues in Joomla 4|<translate>Potential Backwards Compatibilty</translate>]]
*[[S:MyLanguage/Joomla 3.x to 4.x Step by Step Migration|<translate>Joomla 3.x to 4.x Step by Step Migration</translate>]]
*[[S:MyLanguage/J4.x:Installing Joomla|<translate>Installing Joomla</translate>]]
*[[S:MyLanguage/J4.x:Logging in to Joomla|<translate>Logging into Joomla</translate>]]
</div>
<div class="large-6 column">
*[[S:MyLanguage/JDOC:Joomla_4_Tutorials_Project|<translate>Joomla 4 Tutorials Project</translate>]]
*[[S:MyLanguage/Help4.x:Joomla_Version_Information|<translate>Joomla Version Information</translate>]]
*[[S:MyLanguage/J4.x:Optional_Technical_Requirements|<translate>Optional Technical Requirements</translate>]]
*[[S:MyLanguage/Pre-Update_Check|<translate>J3.10x to J4.x Pre Update Check</translate>]]
*[[S:MyLanguage/J4.x:Unsupported_PHP_Version|<translate>Unsupported PHP Versions</translate>]]
</div>
</div>
<hr>
{{section portal heading|icon=none|title=<translate>Joomla! Site Administration</translate>}}
<div>
<div class="large-6 column">
;<big>Security</big>
*[[S:MyLanguage/J4.x:Http_Header_Management|<translate>HTTP Header Management</translate>]]
*[[S:MyLanguage/WebAuthn_Passwordless_Login|<translate>WebAuthn Passwordless Login</translate>]]


<div class="large-12 column">{{section portal heading|icon=check-square-o|title=<translate>General</translate>}}</div>
;<big>Updates</big>
{{-}}
*[[S:MyLanguage/J4.x:CLI_Update|<translate>CLI Update</translate>]]
*[[S:MyLanguage/J4.x:Update_from_4.0.1_to_4.0.2|<translate>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>Upgrades to Joomla 4.0.2 fail with an AJAX error message</translate>]]
*[[S:MyLanguage/J4.x:Updating_from_an_existing_version|<translate>Updating from an existing version</translate>]]
</div>
<div class="large-6 column">
;<big>User Management</big>
*[[S:MyLanguage/J4.x:Users_List_and_Details_Views|<translate>Users List and Details Views</translate>]]
</div>
</div>
<hr>
{{section portal heading|icon=none|title=<translate>Joomla! Content</translate>}}
<div>
<div class="large-6 column">
;<big>Articles</big>
*[[S:MyLanguage/J4.x:Adding a New Article|<translate>Adding a New Article</translate>]]
*[[S:MyLanguage/J4.x:Deleting an Article|<translate>Deleting an Article</translate>]]
*[[S:MyLanguage/J4.x:Restricting_access_to_an_Article|<translate>Restricting access to an Article</translate>]]
*[[S:MyLanguage/J4.x:Scheduling_the_publication_of_an_article|<translate>Scheduling the Publication of an Article</translate>]]


<translate>This section contains general information to help you learn more about Joomla 4 and what you need to know to get up and running with a Joomla 4. It provides resources for people considering using Joomla and resources to help existing Joomla Administrators or Developers to migrate from Joomla! 3.</translate>
;<big>Categories</big>
*[[S:MyLanguage/J4.x:Create and Manage Article Categories|<translate>Create and Manage Article Categories</translate>]]
</div>
<div>
<div class="large-6 column">
;<big>Media</big>
*[[S:MyLanguage/J4.x:Media_Manager|<translate>Media Media_Manager</translate>]]
*[[S:MyLanguage/J4.x:How_to_use_the_new_Media_Manager|<translate>How to use the New Media Manager</translate>]]
*[[S:MyLanguage/J4.x:How_to_use_the_new_Media_Manager/Accessing_Media_Manager|<translate>Accessing the Media Manager</translate>]]
*[[S:MyLanguage/J4.x:How_to_use_the_new_Media_Manager/Managing_Folders|<translate>Managing Folders</translate>]]
*[[S:MyLanguage/J4.x:How_to_use_the_new_Media_Manager/Media_Manager_Options|<translate>Media Manager Options</translate>]]
*[[S:MyLanguage/J4.x:How_to_use_the_new_Media_Manager/Working_with_Images|<translate>Working with Images</translate>]]
*[[S:MyLanguage/J4.x:Adaptive_Images_for_Media_Manager|<translate>Adaptive Images for Media Manager</translate>]]
;<big>Workflow</big>
*[[S:MyLanguage/J4.x:Workflow|<translate>Workflow for Publishing Content</translate>]]
*[[S:MyLanguage/J4.x:Workflow/Scenarios|<translate>Workflow Scenarios</translate>]]
</div>
</div>
<hr>
{{section portal heading|icon=none|title=<translate>Joomla! Menus</translate>}}
<div>
<div class="large-6 column">
*[[S:MyLanguage/J4.x:Adding a menu link in an article|Adding a Menu Link within an Article]]
</div>
<div class="large-6 column">


<translate>===What is Joomla! 4?===</translate>
</div>
</div>
<!--
<hr>
{{section portal heading|icon=none|title=<translate>Joomla! Modules</translate>}}
<div>
<div class="large-6 column">


<translate>
</div>
Joomla 4 is an Open Source, robust, secure and easy to use Content Management System (CMS) that enables website creators to produce powerful websites.
<div class="large-6 column">


Maintaining content, the system and users is made easy by the use of software features that benefits from the skills and experience of a strong community of volunteers that have been maintaining and improving Joomla versions since 2005.
</div>
</div>
<hr>
{{section portal heading|icon=none|title=<translate>Joomla! Components</translate>}}
<div>
<div class="large-6 column">


'''Key features of Joomla 4 are:'''</translate>
</div>
 
<div class="large-6 column">
<translate>'''Security First:''' With a focus on security built in, Joomla 4 helps you protect your data, brand and your visitors.</translate>
 
<translate>'''Flexible:''' Joomla's Layout and Overrides System and built in Extendable Functions make it easy to create customised solutions for your website. There are over 6,500 verified extensions and high quality templates available, many for free.</translate>
 
<translate>'''Open Source:''' Open Source, open to scrutiny. More scrutiny drives better code quality. Developers can find and fix bugs fast.</translate>
 
<translate>'''SEO Optimised:''' Search Engine Optimization is built in allowing you to control your SEO your way.</translate>
 
<translate>'''Multilingual Content:''' With Joomla 4 you have a CMS that is multilingual out of the box. Allow for language specific pages so that they meet the cultural differences your clients need.</translate>
 
<translate>'''Room to Grow:''' Growing is essential for any business and using Joomla 4 you have all the room you need to scale up when necessary.</translate>
 
[https://www.joomla.org/4/<translate>en</translate> <translate>More about Joomla! 4 Benefits and Features</translate>]
 
<translate>===Where can I get Joomla! 4?===</translate>
 
<translate>You can download Joomla 4 from our download portal:</translate> https://downloads.joomla.org.
 
<translate>===How can I install Joomla! 4?===</translate>
 
<translate>'''Read:'''</translate> [[S:MyLanguage/J4.x:Installing_Joomla|<translate>Installing Joomla</translate>]] <translate>to learn how Joomla can be installed.</translate>
 
<translate>===How can I migrate from Joomla! 3.x to Joomla! 4x?===</translate>


</div>
</div>
-->
<hr>
{{section portal heading|icon=none|title=<translate>Joomla! Plugins and Extensions</translate>}}
<translate>
<translate>
If you are running a J3.x website, the first step is to upgrade your site to Joomla! 3.10x which is a "bridge" between version 3 and 4.
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.
The Joomla 3.10x version has an integrated migration check up for Joomla! 4, the </translate>[[S:MyLanguage/Pre-Update_Check|<translate>Pre-Update_Check component</translate>]]. <translate>The check up advises on the readiness of your server environment, database, extensions and templates. This allows you to make the necessary adjustments or changes before carrying out the migration.</translate>


<translate>'''Read:'''</translate> [[S:MyLanguage/Joomla_3.x_to_4.x_Step_by_Step_Migration|<translate>Joomla_3.x_to_4.x_Step_by_Step_Migration</translate>]]
Alternatively you can go to: [https://extensions.joomla.org/ Joomla! Extensions Directory]</translate>


<translate>===Where can I find more information about using Joomla 4?===</translate>
<div>
<div class="large-6 column">


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


<translate>There is a wide range of information available. For getting started read:</translate> [[S:MyLanguage/J4.x:Getting_Started_with_Joomla!|<translate>Getting Started with Joomla</translate>]]
</div>
</div>
<hr>
{{section portal heading|icon=none|title=<translate>Joomla! Templates</translate>}}
<div>
<div class="large-6 column">
*[[S:MyLanguage/J4.x:Changed parameters for template providers|<translate>Changed Parameters for Template Providers</translate>]]
*[[S:MyLanguage/J4.x:SCSS_and_Sass|<translate>SCSS and SASS</translate>]]
*[[S:MyLanguage/J4.x:Using_Bootstrap_Components_in_Joomla_4|<translate>Using Bootstrap Components</translate>]]
</div>
<div class="large-6 column">


<translate>A helpful list of documents can be found here:</translate> [[S:MyLanguage/Category:Joomla!_4.x|<translate>Pages in Category: Joomla! 4.x</translate>]]
</div>
</div>
<hr>
{{section portal heading|icon=none|title=<translate>Joomla! Development</translate>}}
<div>
<div class="large-6 column">
;<big>API</big>
*[[S:MyLanguage/J4.x:Adding an API to a Joomla Component|<translate>Adding an API to a Joomla Component.</translate>]]
*[[S:MyLanguage/Joomla_Api_Specification|<translate>Joomla API Specification</translate>]]
*[[S:MyLanguage/J4.x:Joomla_Core_APIs|<translate>Joomla Core APIs</translate>]]


;<big>Assets</big>
*[[S:MyLanguage/J4.x:Web_Assets|<translate>Web Assets</translate>]]


<div class="large-12 column">{{section portal heading|icon=check-square-o|title=<translate>Administration</translate>}}</div>
;<big>CLI</big>
{{-}}
*[[S:MyLanguage/J4.x:Writing_A_CLI_Application|<translate>Writing A CLI Application</translate>]]
*[[S:MyLanguage/J4.x:CLI_Database_Exporter_Importer|<translate>CLI Database Exporter / Importer</translate>]]


<translate>
;<big>Data</big>
Joomla 4 comes with a clean looking and easy to use administration interface that allows you to manage all aspects of your Joomla installation and website content.
*[[S:MyLanguage/J4.x:Inserting_Updating_and_Removing_data_using_JDatabase|<translate>Inserting, Updating and Removing Data using JDatabase</translate>]]
 
*[[S:MyLanguage/J4.x:Selecting_data_using_JDatabase|<translate>Selecting Data using JDatabase</translate>]]
Its Home Dashboard provides a set of configurable panels providing site notifications and quick access to a wide range of tasks such as adding an article or changing global configuration of the site.</translate>
 
<translate>
A sidebar menu provides access to all areas of the administration interface via direct shortcuts for tasks such as adding an article or a new module, or to dashboards such as the System Dashboard and the Components Dashboard.</translate>
 
<translate>If you're migrating from Joomla 3, once you have got used to the new interface you'll feel right at home.</translate>
 
 
===<translate>What changes comes with Joomla 4?</translate>===
 
<translate>Joomla 4 comes by default with Bootstrap 5 and plain JavaScript scripts. It includes jQuery for backwards compatibility and Bootstrap 5 compatibility. jQuery is not used at Joomla 4 core level.
 
Icons are now from Fontawesome.
</translate>
 
<translate>
Joomla 4 comes with built in features across the administration interface that improve productivity and allow flexibility on how you want to do things.
 
For example, related tasks such as articles, categories, tags and menus can be achieved together rather than as separate tasks.  However, as the needs of Administrators and Content Writers are often different, you can also carry out the tasks individually, in the relevant administration area.</translate>
 
===<translate>What are the official reference extensions for Joomla 4?</translate>===
 
* [https://github.com/joomla-extensions/weblinks/tree/4.0-dev <translate>Weblinks for Joomla 4</translate>]
* [https://github.com/joomla-extensions/patchtester <translate>Patchtester for Joomla 4</translate>]
 
===<translate>Where can I find Joomla 4 compatible extensions?</translate>===
 
<translate>
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: [https://extensions.joomla.org/ Joomla! Extensions Directory]</translate>


<div class="large-12 column">{{section portal heading|icon=check-square-o|title=<translate>Developers</translate>}}</div>
;<big>Components</big>
*[[S:MyLanguage/Part_1:_The_Site_code|<translate>Component Tutorial - Part 1 - Site Code</translate>]]
*[[S:MyLanguage/Part_2:_The_Administrator_code|<translate>Component Tutorial - Part 2 - Administrator Code</translate>]]
*[[S:MyLanguage/J4.x:Developing_an_MVC_Component|<translate>Developing an MVC Component</translate>]]
*[[S:MyLanguage/J4.x:Developing_an_MVC_Component/Introduction|<translate>Developing an MVC Component - Introduction</translate>]]
*[[S:MyLanguage/J4.x:Developing_an_MVC_Component/Developing_a_Basic_Component|<translate>Developing an MVC Component - Developing a Basic Component</translate>]]
*[[S:MyLanguage/J4.x:Developing_an_MVC_Component/Language_Management|<translate>Developing an MVC Component - Language Mamagement</translate>]]
*[[S:MyLanguage/J4.x:Developing_an_MVC_Component/Adding_a_Menu_Type_to_the_Site_Part|<translate>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>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>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>Developing an MVC Component - Setting up the Database</translate>]]


<translate>Intro text.</translate>  
</div>
<div class="large-6 column">
;<big>Modules</big>
*[[S:MyLanguage/J4.x:Creating a Simple Module|<translate>Creating a Simple Module</translate>]]


===<translate>Template development</translate>===
;<big>Plugins</big>
*[[S:MyLanguage/J4.x:Creating a Plugin for Joomla|<translate>Creating a Plugin</translate>]]
*[[S:MyLanguage/J4_CLI_example_-_Onoffbydate|<translate>CLI example - Onoffbydate</translate>]]
;<big>Testing</big>
*[[S:MyLanguage/J4.x:Automated_System_Testing|<translate>Automated System Testing</translate>]]
*[[S:MyLanguage/JavaScript_Tests_for_Joomla4|<translate>JavaScript Tests</translate>]]


xx
;<big>Miscellaneous</big>
*[[S:MyLanguage/J3.x:Joomla_3.10_Backports|<translate>Joomla 3.10 Backports</translate>]]
*[[S:MyLanguage/Adding changelog to your manifest file|<translate>Adding Changelog to your Manifest File</translate>]]
*[[S:MyLanguage/J4.x:ClientSideEvents|<translate>Client Side Events</translate>]]
*[[S:MyLanguage/J4.x:Cloud_File_Systems_for_Media_Manager|<translate>Cloud File Systems for Media Manager</translate>]]
*[[S:MyLanguage/Joomla!_Codenames|<translate>Joomla Codenames</translate>]]
*[[S:MyLanguage/J4.x:Joomla_Entities|<translate>Joomla Entities</translate>]]
*[[S:MyLanguage/J4.x:Dependency_Injection_in_Joomla_4|<translate>Dependency Injection</translate>]]
*[[S:MyLanguage/J4.x:Namespace_Conventions_In_Joomla|<translate>Namespace Conventions In Joomla</translate>]]
*[[S:MyLanguage/J4.x:Creating_Multilingual_Associations_Automatically|<translate>Creating Multilingual Associations Automatically</translate>]]
*[[S:MyLanguage/J4.x:Response_Formats|<translate>Response Formats</translate>]]
*[[S:MyLanguage/Setting_up_Eclipse_PDT_2020_and_Git_for_Pulls|<translate>Setting up Eclipse PDT 2020 and Git for Pulls</translate>]]
*[[S:MyLanguage/J4.x:Tips_and_Tricks_for_Joomla_4_Developers|<translate>Tips and Tricks for Joomla 4 Developers</translate>]]
*[https://github.com/joomla-extensions/weblinks/tree/4.0-dev <translate>Weblinks for Joomla 4</translate>]
*[https://github.com/joomla-extensions/patchtester <translate>Patchtester for Joomla 4</translate>]
</div>
</div>
<!--
<hr>
{{section portal heading|icon=none|title=<translate>Joomla! Help</translate>}}
<div>
<div class="large-6 column">


===<translate>Extension development</translate>===
</div>
<div class="large-6 column">


* [[S:MyLanguage/J4.x:Creating_a_Plugin_for_Joomla|<translate>Creating a Plugin for Joomla 4</translate>]]
</div>
* [[S:MyLanguage/J4.x:Creating_a_Simple_Module|<translate>Creating a simple Module for Joomla 4</translate>]]
</div>
* [[S:MyLanguage/J4.x:Creating_an_Authentication_Plugin_for_Joomla|<translate>Creating an Authentication Plugin for Joomla</translate>]]
-->




Revision as of 16:32, 31 December 2021

Under Construction

This portal or component is in the process of an expansion or major restructuring. You are welcome to assist in its construction by editing it as well. If this portal or component has not been edited in several days, please remove this template.
This page was last edited by Alann (talk| contribs) 4 years ago. (Purge)

Other languages:
Joomla! 
4.0
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

Articles
Categories

Joomla! Menus

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

API
Assets
CLI
Data
Components
Modules
Plugins
Testing
Miscellaneous
Retrieved from "https://docs.sandbox.joomla.org/index.php?title=Portal:Joomla_4&oldid=864323"