Trucs et astuces

Vous trouverez ci-dessous des astuces Joomla souvent peu documentées. Ce sont des usages très courants pour toute personne souhaitant progresser dans l'utilisation de Joomla. Sauf exception, la plupart de ces conseils, sont valables pour Joomla3, Joomla4 et Joomla5.

Sommaire:

Rechercher un contenu au sein des articles
Trouver un contenu en fonction de son Id
Rechercher des modules grâce aux descriptions : tous les modules d'une page
Protéger les adresses mails mentionnées dans vos contenus
Supprimer le nom de Joomla dans le code HTML
Créer des contenus responsive en colonnes sous Joomla
Désactiver l'alerte de mise à jour Joomla5
Présentation en onglets sous desktop et en accordéon sous mobile

Recherche d'un contenu au sein des articles

Il s'agit ici de rechercher une expression au sein du corps des articles et non de leur titre.
Pour cela il faut saisir Content:xxxxxx dans le champ de recherche des articles, où xxxxxx est l'expression recherchée.
Exemples:

1- on recherche les articles qui parlent dans leur contenu du composant "Falang"

 2- on recherche les articles qui contiennent des onglets, identifiables avec le tag "{tab"

On retrouve bien en bas de la page concernée des onglets affichés (cf ci-dessous):

Recherche par Id

Il est possible de rechercher un article, un module ou un élément de menu par Id, qui est un numéro unique, donc un critère imparable pour cibler exactement le contenu souhaité.
Par exemple, il est fréquent d'avoir créé de nombreux modules. Dans ce contexte, il peut être fastidieux de rechercher dans une longue liste, d'autant que plusieurs peuvent avoir le même nom.

Il suffit de faire clic-droit en positionnant la souris sur le module, puis de sélectionner "Inspecter" dans la fenêtre, on accède ainsi à la console du navigateur.

Au sein de la console on repère facilement un numéro pour le module (cf-ci-dessous 143):

Il suffit ensuite de rechercher "Id:143" dans l'administration des modules:

Le principe est similaire pour un élément de menu, dont on peut repérer l'Id dans la console du navigateur dans le tag HTML "body" dans une classe " itemid-xxx", cf. ci-dessous "itemid-184":

Il suffit ensuite de recherche "Id:184" dans l'administration des éléments de menus:

Concernant les articles, leur Id peuvent se repérer au sein de leurs urls de type /1-categorie/17-article, où 17 est l'Id de l'article.

Rechercher des module grâce aux descriptions

Le champ "Description" est pris en compte dans le champ de recherche par libellé des modules.
Cela peut être très pratique pour rechercher en une seule sélection tous les modules de la page d'accueil.

Exemple de module avec une description:

Sélection de tous les modules rattachés à "accueil" (dans leur nom ET au sein de la zone de description); on obtient ainsi tous les modules qui composent la page d'accueil.

Protéger les adresses mails au sein de vos contenus

Joomla4 intègre nativement la protection des adresses mails mentionnées dans le corps des articles.
Mais s'agissant des adresses mails indiquées dans des modules ou des composants tiers, il n'y a pas de cryptage sur ces zones du site.
Par exemple, il est fréquent d'afficher l'email de contact dans le pied de page, donc forcément au sein d'un module.

Le plugin gratuit de l'éditeur Regular Labs, Email Protector, vous permet d'intégrer la protection des adresses mails aux modules et composants tiers.
Après installation, ce plugin apparaitra dans la liste des plugins, sous le nom ci-dessous en Français:

Il n'y a aucune action ni paramétrage nécessaire, vous pouvez afficher votre HTML dans le navigateur, et rechercher une adresse mail, elle sera remplacée par un script qui commence par:  .

Supprimer le nom de Joomla dans le code HTML

Par défaut Joomla génère dans son code HTML le tag <meta name="generator" content="Joomla! - Open Source Content Management">.
Une mesure de sécurité, certes de bas niveau, mais qui ne "mange pas de pain", consiste à supprimer ce tag si explicite pour les hackers, qu'il s'agit d'un site Joomla.

Voici le lien vers l'extension gratuite qui permet de cacher ce tag de manière automatique, sans action de votre part:
https://extensions.joomla.org/extension/site-management/seo-a-metadata/remove-generator/
Il faut penser à activer le plugin :

Créer des contenus responsive en colonnes sous Joomla

Il est tellement banal de vouloir afficher une image à gauche ou à droite d'un texte. Le flux du HTML impose des règles par toujours simples à respecter, et des pièges pas faciles à éviter, pour afficher cette image et son texte associé, quelle que soit la taille de l'écran.

Afin de garantir un affichage responsive en toutes circonstances, l'éditeur JCE Pro vous permet de créer des colonnes en nombre et en proportion qui vous conviennent. Ne pas dépasser 5 colonnes (éventuellement 6 selon leur contenu).
La notion de proportion consiste à définir la largeur relative de chaque colonne.
Par exemple pour 2 colonnes, on peut avoir les proportions 50-50, ou 1/3-2/3, ou 1/4-3/4 etc...
Par exemple pour 3 colonnes, on peut avoir les proportions 50-25-25 (exemple ci-dessous) ou 25-50-25.

Le paramétrage des colonnes s'effectue via les icônes . Pour afficher les 3 colonnes ci-dessus, on a paramétré de manière très simple:

Dans l'astuce ci-après Présentation en onglets sous desktop et en accordéon sous mobile, vous trouverez une proportion 2/3-1/3 pour placer une image en paysage et une image en portrait, l'une à côté de l'autre.

A noter que si vous avez JCE Pro, et que ces icônes n'apparaissent pas, il faut les intégrer aux autres icônes de l'éditeur en allant en Composants/Editeur JCE / Gestion des profils / Défaut / Barre d'outils. Il faut faire glisser les icônes par drag&drop.

Désactiver l'alerte de mise à jour vers Joomla5

Si ce message vous agace dans l'administration sous Joomla 4:

Il suffit de désactiver le plugin "Icône rapide - Notification de fin de support de Joomla 4", qui alerte en permanence la sortie de Joomla5.
Taper "4" dans la recherche des plugins et le désactiver.

Présentation en onglets sous desktop et en accordéon sous mobile

Le plugin pour Joomla 4 et 5, Tabs & Accordions permet des présentations en accordéons et en onglets.
L'intérêt de cet outil, dont la version gratuite est largement suffisante, est qu'il transforme automatiquement les onglets en accordéons sous mobile.

Illustration ci-dessous en provenance de la page https://www.aufildeschats.fr/theatre/reves-amours-et-entourloupes :

A noter que ce plugin offre bien évidemment une présentation en accordéon sous desktop (voir la mise en place et la syntaxe dans la documentation très simple).

Une petite info supplémentaire sur les onglets et accordéons de ce plugin : on peut mettre en place des liens vers l'un de ces onglets/accordéons.