Lorsque vous écrivez du code CSS pour votre site, vous pouvez utiliser les propriétés custom CSS (Variables) pour en accélérer le développement. Vous utiliserez ces variables pour définir des propriétés  (taille, couleur) qui peuvent être appliquées à divers éléments.

Cela vous donne plus de contrôle sur votre code et le design de votre site. En changeant la valeur d'une variable, celle ci prendra le pas sur la valeur de cette propriété partout ou elle est invoquée.

Cet article vous explique comment utiliser les variables CSS et inclut des exemples pratiques.

Alors commençons !

Si vous utilisez Joomla pour gérer votre site, vous n'ignorez pas que Joomla 5 apporte de nouvelles fonctionnalités.  Il est nécessaire de faire votre mise à jour si vous utilisez nos templates, alors comment faire cette mise à jour ? 

Pour faire la mise à jour de Joomla 4 vers Joomla 5, assurez vous que la version de Joomla que vous utilisez est au minimum 4.4.0.  Si vous êtes sous Joomla 3 migrez d'abord sous Joomla 4 en suivant ce tutoriel :  Comment migrer votre site Joomla 3 vers Joomla 4 ?

Ai-je besoin de faire cette mise à jour vers Joomla 5 ?

La réponse est OUI. Voici de bonnes raisons : 

1. La mise à jour de Joomla 4 vers Joomla 5 est beaucoup simple que la migration  de Joomla 3 vers Joomla 4.
2. Cette mise à jour vers Joomla 5 améliore : la sécurité de votre site, ses performances, et sa gestion. Découvrez ses nouvelles fonctionnalités dans cet article : Fonctionnalités de Joomla 5 : Quelles sont les nouveautés et améliorations ?.

Deux tutoriels viennent d'être mis à jour :

• Google Outils pour les Webmasters : pour pour tenir compte du fait que les sites multilingues qui utilisent des sous dossiers dans leurs URLs pour dissocier les différentes langues doivent être enregistrés comme des sites différents, tel que website.com/en, website.com/fr etc.
• Robots.txt et balise meta robots : afin de préciser comment y inclure l'emplacement de votre sitemap et de détailler la procédure de mise à jour de votre robots.txt suite à une mise à jour Joomla

Une nouvelle version d' Akeeba Backup  (9.9.4) est disponible pour plus de détails (en anglais)  consultez cette adresse :https://www.akeeba.com/download/akeeba-backup/9-9-4.html   puis cliquez sur le bouton Show release notes .

Avant de faire cette mise à jour : 

Vérifiez que cette nouvelle version est compatible avec à la version de PHP de votre serveur .

Pour savoir quelle version de PHP votre serveur utilise, rendez-vous dans l'administration de Joomla : Système > Informations système puis cliquez sur Informations PHP.

Avant de faire cette mise à jour n'oubliez pas de : 

• Faire un backup complet de votre site avec Akeeba Backup.
• Consultez cet article pour savoir ou se trouve la sauvegarde (backup) générée par Akeeba Backup ?
• Télécharger ce backup avec Filezilla sur votre ordinateur.
• Puis copiez le sur un disque externe non connecté :   
  • à internet   
  • à votre ordinateur en permanence.
• Supprimer le Backup Akeeba avec Filezilla de votre serveur.

Je sais qu'il y a beaucoup d'informations sur mon site, et je peux comprendre que cela puisse être un peu to much pour les débutants, ou vous avez besoin d'une checklist moins longue afin de vous assurer que vous avez couvert toutes les étapes principales. C'est la raison pour laquelle j'ai écrit cet article. Il ne contient que les étapes de base pour optimiser le référencement de votre site Joomla. Il est aussi pratique que possible. Notez que cet article est destiné aux nouveaux sites. Pour des sites existants vous devez être prudent notamment faîtes attention à ne pas changer vos URL's ce qui pourait se produire avec certaines étapes décrites ci-dessous. Bref, mettons nous à la tache. Notez que cet article est écrit pour Joomla 4!

Prérequis

Avant de commencer à configurer votre site et de créer du contenu, il y a des prérequis que vous devez adresser :

• Assurez vous de choisir un hébergeur performant & fiable ( j'utilise et recommande SiteGround) 
• Assurez vous d'avoir un template rapide. Si vous avez des compétences en HTML et CSS vous pouvez très bien le créer vous même. Sinon recherchez  un fournisseur de templates optimisés. Personnellement j'utilise les templates Yootheme Pro,  il sont rapides et  incorporent des options avancées qui peuvent améliorer, encore plus, leur performance.
• Assurez vous de connaitre vos visiteurs et ce qu'ils recherchent. Assurez vous aussi d'utiliser des, mots clés qu'ils rechercherons (en savoir plus ici) .
• Ecrivez de contenu de très bonne qualité. Une règle importante est d'écrire pour vos visiteurs & non pas pour Google ! Sinon vous allez vous retrouver avec du contenu de très faible qualité qui fera fuir vos visiteurs. Utilisez vos mots clés mais n'en faites pas trop, évitez le bourrage de mots clés. 

Joomla 5 est la dernières évolution de notre système de gestion de contenu (CMS) préféré, il comporte de nombreuses  améliorations, toutes plus exaltantes  les unes que les autres. Le but principal de cette nouvelle version est de construire sur les bases de Joomla 4.x une . En bref, Joomla 5 améliore la vitesse, l'accessibilité, la sécurité et l'extensibilité de Joomla.

Mises à jour du noyau de Joomla

• Performance : Temps de téléchargement plus rapide pour améliorer l'expérience de vos visiteurs. 
• Accessibilité : Design inclusif pour tous les utilisateurs, quelque soit leur handicap.
• Sécurité : Protection améliorée contre les  menaces en ligne.
• Extensibilité : Un écosystème plus puissant  pour les extensions et templates.
• Customisation : Personnalisation de votre site selon vos attentes.

Dans cet article, nous allons approfondir les nouvelles  fonctionnalités clés de Joomla 5, regroupées en catégories pour une meilleure compréhension.

Akeeba backup est un composant Joomla indispensable qui vous permet de sauvegarder à la fois tous les fichiers de votre site Joomla mais aussi votre base de donnée.

Dans ce tutoriel, nous verrons comment :

• Installer Akeeba Backup
• Faire le backup de son site
• Et enfin comment récupérer le backup d' Akeeba Backup
  

Une vidéo très drôle pour :

• découvrir un crème afin d'agrandir votre logo
• un spray pour éliminer les whitespaces
• et plus ...

Suivez ce lien http://www.makemylogobiggercream.com/

Saviez-vous que vous pouvez ajouter du contenu à votre site en utilisant du CSS ? 

Cela peut paraître fou mais c'est la vérité. Je vais vous montrer commenta ajouter du texte à un site internet en utilisant la propriété CSS content. Nous allons aussi utiliser les pseudos-éléments :before et :after. 

1ère étape. Le code HTML

Pour cet exemple, je vais utiliser le code HTML ci-dessous: 

<div class="content">
    <h2>Texte inséré en HTML (de façon habituelle)</h2>
</div>

Le sélecteur que l'on va utiliser est la class content, plus les pseudos-éléments :before and :after .

Joomla 4 apporte  de nombreuses nouvelles fonctionnalités à Joomla. L'une d'elles vous permet d'ajouter directement, depuis vos articles un élément de menu, ce sans quitter l'édition de votre article,  un gain de temps non négligeable.

Comment ajouter un élément de menu depuis un article Joomla 4 ?

Créer un nouvel article

Pour créer votre article, depuis l'administration de Joomla rendez-vous dans Contenus > Articles puis cliquez sur le bouton Nouveau en haut à gauche  pour créer votre nouvel article.

Ajouter l'article à un menu

Une fois avoir que vous êtes prêt à sauvegarder votre contenu, choisissez l'option  Enregistrer dans le menu.

La page qui s'ouvre permet de créer l'élément de Menu lié à l'article. Joomla complète automatiquement le champ Titre du lien, que vous pouvez modifier. 
Le Type de lien de menu est déjà sélectionné sur Article. N'oubliez pas de choisir le Menu, dans lequel vous voulez faire à apparaitre l'élément de menu, à partir de la liste déroulant Menu situé à droite.

Si vous utilisez un CMS comme Jooma, il est possible que le même contenu apparaisse sur de multiples pages. Cela peut être équivoque, pour les moteurs de recherche,  d' identifier quelle URL est la "bonne" et laquelle doit être montrée dans les résultats de recherche.

La solution est d'utiliser des URLs canoniques.

En utilisant le "StyleWare Content Canonical Plugin", vous pourrez indiquer aux moteurs de recherche quelle URL doit être indexée en ne considérant pas les autres.

Joomla fut crée par des Australiens, mais il a maintenant une base d’utilisateurs internationale . Vous trouverez des créateurs de sites Joomla à travers le monde en Europe, Amérique du nord, Asie du sud-est,  et bien-sur en Australie.

Il nous est souvent demandé quelles sont les organisations réputées qui utilisent Joomla pour leur site internet. Voici une vue d'ensemble d' utilisateurs reconnues qui utilisent joomla. Cet article a été mis à jour en 2019.

Des gouvernements utilisent Joomla

Joomla est utilisé par beaucoup de gouvernements nationaux et régionaux. Des organisations internationales telles que les Nations Unies et l'Union Européenne utilisent Joomla, mais aussi des gouvernements Américains, du Royaume Unis, du Portugal, d’Indonésie du Sri Lanka et la Mongolie. Voici un exemple https://www.casarosada.gob.ar/, le site officiel du président argentin montré ci-dessous :

L'éditeur de texte JCE fournit beaucoup de paramétrages supplémentaires aux utilisateurs de Joomla, tels que la création de tableaux, l'insertion d'images, la modification de l'aspect du texte et bien plus.

L'alignement d'images est très facile avec JCE, c'est l'une des raisons pour laquelle nous aimons utiliser cet éditeur.

Dans ce tutoriel, je vais vous expliquer comment aligner des images avec JCE.

Insérer une image alignée a gauche 

Lorsque vous éditez un article Joomla ou un module de "Contenu personnalisé".

• Cliquez sur l'icône "Insert/Edit image"

Lorsque l'on travail avec du css, les designers cible généralement les éléments à partir de leur id ou de leur class . Toutefois vous pouvez cibler des éléments en n'utilisant pas ces deux attributs.

Il y a beaucoup  d'exemples ou l'on peut souhaiter cibler un élément tout en évitant d' utiliser ces deux sélecteurs les plus courant . 

Dans cet article nous allons vous montrer comment cibler des éléments avec du CSS et des attributs 2 exemples qui vont plus loin que les id et class. 

Cibler un élément avec un attribut et sa valeur exacte 

Dans notre premier exemple, nous souhaitions cibler ce champ  avec du CSS :

<input type="text" name="myfield">

Nous pouvons utiliser l' attribut  type  comme sélecteur. Le CSS ressemble à ceci  :

input[type="text"] {
 /* Votre CSS personnalisé à insérer */
}

Nous pouvons aussi utiliser l 'attribut  name comme sélecteur. La clé est de mettre l'attribut et sa valeur exacte entre les crochets à coté du tag name :

input[name="myfield"] {
 /* Votre CSS personnalisé à insérer */
}

 Joomla 3.7 est disponible depuis quelques mois.  Comme les changements du router n'ont pas pu être mis en place, il semblait qu'aucune amélioration SEO n'était incluse dans cette nouvelle version. Toutefois il s'avère quelle contient une pépite, bien cachée. Il s'agit certes d'un petit changement, mais il est extrêmement utile. Il nous évite de mettre en place des hacks et d'utiliser des extensions qui sont superflues maintenant !

Ce changement ouvre une nouvelle possibilité de configuration / définition du titre de page du navigateur pour chaque article individuellement . Pour éviter toutes confusions, je parle du titre de page comme vous pouvez le voir sur l'onglet de votre navigateur : 

Le plus important, est qu'il est utilisé par Google comme le titre des sites dans ses résultats de recherche. Il est communément considéré comme le critère le plus important en matière de SEO (référencement naturel).  

L'un de nos clients nous a demandé comment il pourrait télécharger ses backups (sauvegardes) de son site directement dans Google drive. En effet,  Ils ont pour habitude de créer leurs sauvegardes avec la très populaire extension : Akeeba backup.

Dans cet article, vous allez apprendre comment mettre en place une procédure afin que  les backups de votre site soient directement  téléchargés dans Google Drive.

Vous aurez  juste à cliquer sur votre backup et le composant fera le reste.

Avoir une copie du backup de votre site en dehors de votre serveur est une très bonne approche. Vous aurez ainsi un backup disponible  quoique qu'il arrive à votre serveur.

Le processus est simple. Créer un nouveau profil de backup dans l'administration d'Akeeba Backup. Puis l' authentifier le de façon à ce qu'il fonctionne avec votre compte  Google Drive.

Efin, lancez tout simplement votre backup. Une fois qu' Akeeba Backup aura fini de créer votre backup, il va automatiquement le transférer dans Google Drive.

Note : 

• Vous devez être logger dans votre  compte Google Mail pour suivre ce tutoriel.
• Ce tutoriel ne peut être suivi que si vous avez un compte  Akeeba Backup Professionnel. Dans la suite de ce tutoriel quand nous ferons référence à "Akeeba Backup" il s' agira de la version professionnel de ce composant.

Etape N°1. Créer un Nouveau Profil de Backup

• Rendez vous dans Basic Operations > Profile Management.

Est ce que l'activation du  cache de Joomla améliore la vitesse de votre site Joomla ? La réponse est oui, absolument !

Il y a plusieurs façons d'améliorer la vitesse de votre site mais l'activation du cache est de loin la meilleure solution. Alors en quoi consiste  exactement ce  cache ?

Le caching permet de montrer aux internautes  une version enregistrée des données de votre site. Il récupère temporairement et stocke toutes les données de votre base de données c'est à dire qu'il  charge les plugins , les composants les modules installés mais aussi les fichiers du template qu'il compile dans une seule page HTML.

Ainsi lorsqu' un internaute charge l'une de vos pages pour la première fois, le résultat du processus décrit ci-dessus se retrouve stocké/enregistré. Et le prochain internaute qui visitera cette même page accédera directement au fichier HTML de vos données, fichier qui est plus léger et qui prend nettement moins de temps à télécharger, ce qui améliorera la performance de votre site. 

Joomla propose différents types de configuration de cache :  le cache d'une page entière  ou le cache d'une sélection de modules.

Voyons maintenant les différentes configurations et comment les activer avec Joomla 4.

Activer le cache de Joomla

Dans un premier temps il faut activer le cache de Joomla puis il faudra ensuite sélectionner les différentes configurations.

Pour activer le cache de Joomla, connectez vous à l'administration de Joomla et rendez-vous dans Système > Configuration globale

Nos 3 acteurs: un programmeur, un designer et le client.

Il y a quelque temps Jon mis cette photo sur sa page flick, celle-ci fut choisie comme photo du jour (le 23 Septembre) sur la page officielle du blog flickr. Aujourd'hui elle a été vue plus de 13 000 fois.