Passage à Joomla 4 avec Cassiopeia - Introduction
C'est mon tout premier article sous Joomla 4 (fin 2022). Je découvre patiemment toutes les nouveautés!
Pour le passage de Joomla 3 à la version 4, j'ai commencé par installer une sauvegarde de mon Joomla 3 de mon hébergeur sur mon PC, pour jouer avec le template Cassiopeia que j'ai ensuite adopté.

Il faudra naviguer dans les articles de cette catégorie pour découvrir un certain nombre de truc et astuces et découvrir par exemple que j'avais utilisé le template Protostar.

Pour commencer, sans vouloir me prendre la tête, j'ai utilisé la vidéo A Simple Upgrade from Joomla 3 to Joomla 4 ? [2022].

Je suis toujours sur JCE pour l'édition de mes articles. Avant de passer à la version 4 de Joomla, il est important de mettre à jour toutes les extensions dont JCE fait partie!
Le point sans doute le plus important: la mise à niveau de PHP que j'ai fait passé à la version 7.4. Celle-ci se fait avec l'administrateur de mon site Web, c'est à dire pour moi avec mon espace client OVHcloud!

Joomla 4 avec Cassiopeia - Liens Web utiles

Pour débuter avec Joomla, où comme moi (qui ai passé plus de temps ces dernières année avec WordPress) pour me rafraichir, on pourra par exemple débuter avec Joomla 4 Tutorials Project.

L'article Joomla 4 – Cassiopeia Template – a bunch of Tips & Tricks est incontournable, en particulier le paragraphe 4.4.1 où l'on trouve les positions dans le template de Cassiopeia.
Lors de la transition de Joomla 3 (Protostar chez moi) à 4 (Cassiopeia), on peut passer d'un template à l'autre (Système, Site Template Styles) pour pivoter d'un template à l'autre!
Par exemple, avec Menu, Gérer, Menu principal et bouton à droite Module, c'est là que l'on indique pour quel menu on change le titre  et la position sidebar-right (comme indiqué ci-dessus en 4.4.1).

En examinant mon site sous Joomla 4, et avec une configuration à trois colonnes, j'ai vite remarqué qu'il me fallait installer Media Popup pour JCE.
Ce plug-in permet un lien avec un Popup au lieu d'avoir, par exemple pour Youtube, une image miniature! Donc on laisse du texte, au lieu d'images, un choix qui reste possible!

Une extension que j'ai rapidement installée, DJ-ImageSlider, afin de remplacer mon diaporama de photos avec BT Simple Slideshow en haut de la home page (pour l'instant)!
Sous Site Modules, DJ-ImageSlider, on devra indiquer main-top pour la position.
J'ai ensuite transféré toutes mes images 999x450 de BT Simple Slideshow dans le répertoire images/dj_images que j'ai créé et mis à jour dans Content, Site Modules, DJ-ImageSlider (avec 2 pour Visible Images).

J'ai aussi installé le module KickstartCassiopeia dont on trouvera une pléthore d'information sur le Web comme son tutorial et où l'on trouvera aussi sa page de download.
J'y reviendrai après avoir experimenté quelques adaptations du template. 

Cassiopeia - Template enfant (child)

Dès qu'on commence à personnaliser un template, il est nécessaire de créer un child template et de l'assigner à son site.
On trouvera de l'information sur A first Joomla Child-Template (on ne répetera pas le nom Cassiopeia, mais une juste une abbréviation par exemple).
Cette blogeuse est incroyable et ses articles Posts tagged: Joomla une source infinie d'information! CSS Grid est essentiel aussi.

Comme expliquer dans La mise en page du blog dans Cassiopeia on ira sur Menu, Menu principal, Accueil, et avec Introduction de articles et Nombre de colonnes définit à 3 par exemple, et 0 en Articles en pleine largeur!

Quelques autres notes:
Dans Système, Configuration, sous Durée, j'ai augmenté la session de 15 à 120 minutes! Il m'est arrivé de perdre mon travail lors de l'édition de mes articles sous JCE. 

A suivre ....