Créer un site Web Joomla : la con­fi­gu­ra­tion de votre page d’accueil étape par étape

Pour disposer d’un projet Web pro­fes­sion­nel offrant une flexi­bi­lité maximale et évolutive à tout moment, il est re­com­mandé de choisir un système de gestion de contenu comme Joomla. Dans cet article, nous ex­pli­quons les con­di­tions requises pour utiliser cette ap­pli­ca­tion open source et comment créer un site Web avec Joomla.

Qu’est-ce que Joomla ?

Joomla est un système de gestion de contenu lancé en 2005, qui se distingue notamment par sa grande facilité d’uti­li­sa­tion. Ainsi, après une courte période d’adap­ta­tion et avec des con­nais­sances de base, il est possible de manipuler le logiciel. Dès que l’on s’est un peu fa­mi­lia­risé avec, on peut commencer à créer un site Web Joomla. Le CMS est sous licence GNU-GPL et est écrit en langage de script PHP.

Pour le stockage des données, Joomla utilise par défaut le système de gestion de base de données re­la­tion­nelle MySQL. Depuis des années, l’ap­pli­ca­tion fait partie des solutions open source les plus po­pu­laires pour la gestion de sites Web, ce qui a permis le dé­ve­lop­pe­ment de milliers d’ex­ten­sions pour le frontend et le backend, prin­ci­pa­le­ment grâce à une com­mu­nauté très active.

Tutoriel Joomla : guide de con­fi­gu­ra­tion et d’ins­tal­la­tion

Avant de créer un site Web avec Joomla, il est essentiel de réunir les con­di­tions préa­lables. La première étape consiste à choisir un en­vi­ron­ne­ment d’hé­ber­ge­ment approprié pour stocker Joomla et les données de votre projet Web. Ré­flé­chis­sez dès le départ à l’hé­ber­ge­ment du CMS, soit sur un serveur personnel, soit sur le serveur d’un four­nis­seur d’hé­ber­ge­ment. Ensuite, pensez à l’adresse de votre site Web et en­re­gis­trez le domaine de votre choix.

Grâce à des outils comme le vé­ri­fi­ca­teur de domaines de IONOS, vous pouvez vérifier la dis­po­ni­bi­lité de l’adresse que vous souhaitez.

Étape 1 : installer et con­fi­gu­rer le serveur Web et la base de données

Une fois l’hé­ber­ge­ment en place et le domaine en­re­gis­tré, vous pouvez installer les com­po­sants logiciels né­ces­saires au bon fonc­tion­ne­ment de Joomla.

D’une part, vous aurez besoin d’un serveur Web com­pa­tible avec PHP (qui doit également être installé sur le serveur) et con­trô­lable via FTP. Il est re­com­mandé d’installer un serveur Web Apache.

D’autre part, un système de gestion de base de données est né­ces­saire pour stocker les données de votre site Joomla. MySQL est une ex­cel­lente solution pour cela. Té­lé­char­gez de pré­fé­rence les fichiers d’ins­tal­la­tion depuis le site Web de MySQL. Notez qu’il existe une version com­mer­ciale payante, MySQL En­ter­prise Edition, et une version gratuite open source, MySQL Community Edition.

Étape 2 : té­lé­char­ger et installer la version actuelle de Joomla

Une fois le serveur Web et la base de données démarrés, accédez à la page d’accueil de Joomla et té­lé­char­gez les fichiers d’ins­tal­la­tion pour la dernière version du système de gestion de contenu.

Le fichier té­lé­chargé est une archive que vous pouvez dé­com­pres­ser lo­ca­le­ment avant de la trans­fé­rer sur le serveur Web à l’aide d’un client FTP, comme FileZilla, ou bien après le té­lé­char­ge­ment FTP. Il est important que les fichiers Joomla dé­com­pres­sés soient placés dans le ré­per­toire racine public, gé­né­ra­le­ment nommé public_html ou htdocs.

Pour commencer l’ins­tal­la­tion de Joomla, accédez à l’ins­tal­la­teur Web via votre na­vi­ga­teur en dirigeant votre domaine ou l’em­pla­ce­ment local (http://localhost/chemin-vers-le-dossier-joomla) vers Joomla. L’ins­tal­la­teur vous demandera d’abord de définir quelques pa­ra­mètres de base, à commencer par la sélection de la langue. Joomla devrait au­to­ma­ti­que­ment choisir la version lin­guis­tique cor­res­pon­dant à la langue de votre na­vi­ga­teur. Ensuite, vous devrez remplir les champs suivants :

• Nom du site Web : indiquez le nom de votre site Joomla, que vous pourrez modifier à tout moment dans la con­fi­gu­ra­tion globale.
• Nom d’uti­li­sa­teur : par défaut, Joomla utilise « admin » pour le Super Uti­li­sa­teur. Modifiez ce nom ici.
• Mot de passe : choi­sis­sez un mot de passe sécurisé pour l’accès ad­mi­nis­tra­teur, car ce compte dispose de tous les droits d’accès.
• Email : Joomla requiert une adresse email valide liée au compte admin, né­ces­saire par exemple pour réi­ni­tia­li­ser le mot de passe.

Une fois ces in­for­ma­tions remplies, passez à l’étape suivante : le menu de con­fi­gu­ra­tion de la base de données. Indiquez-y les in­for­ma­tions demandées, comme le type de base de données, le nom du serveur et le login, puis cliquez sur le bouton d’ins­tal­la­tion pour finaliser l’opération.

Créer un site Web Joomla : tutoriel pour débutants

En tant que CMS classique, Joomla offre deux niveaux d’édition distincts pour gérer le contenu d’un site Web : le frontend, qui permet de modifier di­rec­te­ment le contenu sur les pages, et le backend, où vous con­fi­gu­rez la fonc­tion­na­lité, le design et la gestion du projet Web. Si vous souhaitez créer un site Web Joomla, vous com­men­ce­rez lo­gi­que­ment par le backend. Dans ce tutoriel pour débutants, nous vous guiderons sur les démarches ad­mi­nis­tra­tives à réaliser au début et comment créer une page Joomla simple, puis y ajouter du contenu.

Étape 1 : se connecter au backend Joomla

L’accès au backend (et au frontend) se fait fa­ci­le­ment via votre na­vi­ga­teur. Après avoir relié votre domaine à Joomla, tapez http://www.nom-du-site-web.fr/administrator dans la barre d’adresse pour accéder à la fenêtre de connexion du backend. Remplacez nom-du-site-web.fr par l’adresse de votre futur site. Sur la page de connexion, entrez les in­for­ma­tions d’ad­mi­nis­tra­teur définies lors de l’ins­tal­la­tion et cliquez sur le bouton de connexion.

Étape 2 : modifier les pa­ra­mètres globaux de Joomla dans le menu de con­fi­gu­ra­tion

Une fois connecté, vous accédez au tableau de bord de Joomla, qui offre un aperçu des données clés de votre site Web et des activités dans le système de gestion de contenu. Vous y trouvez, d’une part, des in­for­ma­tions sur la version du système d’ex­ploi­ta­tion, de PHP et de la base de données utilisées, ainsi que le nombre de visiteurs actifs sur votre site. D’autre part, vous pouvez voir quels comptes uti­li­sa­teurs sont connectés, que ce soit dans le backend ou le frontend, et quelles mo­di­fi­ca­tions récentes ont été apportées au projet Web. Depuis le tableau de bord, vous avez également accès au menu des options du CMS, où vous pouvez ajuster les pa­ra­mètres de base de votre page d’accueil Joomla en cliquant sur le bouton « Con­fi­gu­ra­tion ».

Dans l’onglet « Site », vous trouverez, entre autres, des pa­ra­mètres déjà définis lors de l’ins­tal­la­tion, comme le nom du site, les mé­ta­don­nées globales et l’option per­met­tant d’activer le mode hors ligne pour votre projet Web. Vous pouvez aussi choisir l’éditeur que vous souhaitez utiliser dans Joomla. Par défaut, l’éditeur WYSIWYG TinyMCE est sé­lec­tionné, mais vous pouvez par exemple opter pour l’éditeur de code simple Co­de­Mir­ror. Des ex­ten­sions per­met­tent d’intégrer d’autres éditeurs po­pu­laires, tels que ARK Editor ou JCE.

Des réglages relatifs à l’in­dexa­tion et à l’op­ti­mi­sa­tion pour les moteurs de recherche sont également dis­po­nibles. Dans le champ « Robots », vous pouvez spécifier si les robots d’ex­plo­ra­tion des moteurs de recherche doivent indexer (index) ou ne pas indexer (noindex) les pages HTML, et suivre (follow) ou ne pas suivre (nofollow) les liens. Les autres onglets du menu de con­fi­gu­ra­tion per­met­tent les réglages suivants :

• Système : sous cet onglet, vous pouvez con­fi­gu­rer des pa­ra­mètres pour le caching, le débogage et la gestion des sessions.
• Serveur : ce menu contient toutes les options es­sen­tielles pour la gestion du serveur Web. Par exemple, vous pouvez activer ou dé­sac­ti­ver FTP, HTTPS ou un serveur proxy.
• Jour­na­li­sa­tion : vous pouvez ajuster le ré­per­toire des journaux et définir d’autres pa­ra­mètres liés à la jour­na­li­sa­tion dans Joomla.
• Filtres de texte : ce menu permet de spécifier les types d’éléments HTML que chaque groupe d’uti­li­sa­teurs peut utiliser lors de l’édition du contenu.
• Per­mis­sions : vous pouvez définir in­di­vi­duel­le­ment les droits des dif­fé­rents comptes uti­li­sa­teurs dans le menu « Au­to­ri­sa­tions ». Parmi les actions dé­fi­nis­sables figurent l’accès ad­mi­nis­tra­teur, la connexion à la page, ainsi que la création, la sup­pres­sion et la mo­di­fi­ca­tion de contenu.

Étape 3 : gérer les groupes d’uti­li­sa­teurs et ajouter un compte uti­li­sa­teur

Après l’ins­tal­la­tion, le compte ad­mi­nis­tra­teur est le seul compte uti­li­sa­teur. Toutefois, selon le type et l’ampleur du projet Web, il peut y avoir d’autres uti­li­sa­teurs impliqués dans la gestion du site ou la création de contenu. Joomla propose un schéma uti­li­sa­teur pré­fa­bri­qué et hié­rar­chisé, que vous pouvez ajuster à votre guise. Pour ce faire, cliquez d’abord sur « Uti­li­sa­teurs » dans le menu latéral gauche, puis sur « Groupes d’uti­li­sa­teurs » :

Si vous souhaitez apporter des mo­di­fi­ca­tions au schéma des groupes d’uti­li­sa­teurs, cliquez sim­ple­ment sur le groupe désiré. De plus, vous pouvez supprimer des groupes en cliquant sur « Supprimer ». Pour définir les pos­si­bi­li­tés d’accès des dif­fé­rents profils uti­li­sa­teurs, allez dans l’onglet « Au­to­ri­sa­tions » dans le menu « Con­fi­gu­ra­tion ». Cliquez sur le groupe ou sous-groupe à modifier et choi­sis­sez l’un des trois réglages suivants pour chaque action d’accès :

• Hérité : la per­mis­sion est reprise de la con­fi­gu­ra­tion du groupe parent
• Autorisé : le groupe d’uti­li­sa­teurs est autorisé à effectuer l’action in­dé­pen­dam­ment des réglages du groupe parent
• Refusé : le groupe d’uti­li­sa­teurs n’est pas autorisé à effectuer l’action, in­dé­pen­dam­ment des réglages du groupe parent

Si les groupes et les droits d’accès cor­res­pon­dent à vos attentes, vous pouvez créer de nouveaux comptes uti­li­sa­teurs et les assigner aux groupes souhaités. Pour cela, déroulez le menu « Uti­li­sa­teurs » et cliquez sur le bouton « Nouveau » (+). Il vous suffira ensuite de ren­seig­ner le nom, le nom d’uti­li­sa­teur ainsi qu’une adresse email valide du nouvel uti­li­sa­teur, puis de cocher, dans l’onglet « Groupes attribués », le ou les groupes auxquels ce nouveau compte uti­li­sa­teur doit être rattaché. Ensuite, appuyez sur « En­re­gis­trer et fermer » pour créer le compte. Celui-ci devrait main­te­nant ap­pa­raître dans la liste des uti­li­sa­teurs à côté du compte ad­mi­nis­tra­teur (Super Uti­li­sa­teur).

Étape 4 : intégrer le modèle souhaité pour votre site Joomla

Lorsque vous créez un site Web avec Joomla, vous bé­né­fi­ciez du grand avantage de disposer de divers modèles de design (souvent appelés thèmes ou templates). Dans sa version de base, Joomla fournit les modèles res­pon­sives Cas­sio­peia pour le frontend et le template Atum pour le backend. Cependant, si vous avez un autre template Joomla en tête comme base pour votre projet Web, vous pouvez l’intégrer à tout moment via le backend. Pour ce faire, commencez par té­lé­char­ger le template depuis le site Joomla, puis allez dans le Ges­tion­naire d’ex­ten­sions sous « Ex­ten­sions » dans le menu supérieur. Ensuite, cliquez sur « Installer » puis sur « Installer depuis le fichier ». Faites glisser-déposer le fichier du template té­lé­chargé dans la zone prévue à cet effet. Joomla com­men­cera au­to­ma­ti­que­ment l’ins­tal­la­tion.

Après l’ins­tal­la­tion, vous trouverez les templates intégrés sous « Système » > « Templates ».

Étape 5 : créer une page Joomla et l’en­re­gis­trer comme page d’accueil

Les pages d’un projet Web sont appelées articles dans Joomla. Si vous avez sé­lec­tionné l’option cor­res­pon­dante lors de l’ins­tal­la­tion, le contenu préétabli « Getting Started » est déjà présent et visible lorsque vous consultez votre site à ce stade. Pour enfin créer la première page de votre propre site Joomla, cliquez sur « Nouvel article » (sous « Articles ») dans le tableau de bord. Choi­sis­sez un titre pour la page et ajoutez ensuite le contenu souhaité via l’éditeur. Le bouton « Format » vous permet d’effectuer des mises en forme courantes telles que les titres, les mises en gras, les italiques ou les pa­ra­graphes. Pour terminer, cliquez sur « En­re­gis­trer et fermer » pour générer la page.

Vous pouvez désormais modifier ou supprimer la page Joomla créée à tout moment sous « Articles ». Cependant, pour la définir comme page d’accueil de votre projet Web, vous devez passer au menu « Menus ». Cliquez d’abord sur « Menu Principal », puis sur « Accueil ». Si vous choi­sis­sez l’option « Article Unique » comme type d’entrée de menu, vous pouvez ensuite, sous « Sé­lec­tion­ner un article », définir la page que vous avez créée comme page d’accueil :

Étape 6 : intégrer des liens dans les articles Joomla

Les liens sont un élément essentiel des sites Web réussis, car les liens internes et externes con­tri­buent à la valeur ajoutée de votre contenu et amé­lio­rent le clas­se­ment dans les moteurs de recherche. Une fois que vous avez les liens ap­pro­priés, vous pouvez les intégrer fa­ci­le­ment dans vos articles. Pour insérer des liens externes, sé­lec­tion­nez la portion de texte que vous souhaitez lier et cliquez sur « Insérer/modifier un lien » :

Pour ajouter des liens internes, cliquez sur le bouton « Articles » et sé­lec­tion­nez l’article désiré de votre projet Joomla.

Étape 7 : ajouter des images à votre nouvelle page d’accueil Joomla

L’in­té­gra­tion d’images est es­sen­tielle pour enrichir le contenu et attirer l’attention des lecteurs. Pour insérer des images dans vos articles, ouvrez l’article via le menu « Articles », puis sé­lec­tion­nez dans l’éditeur « Contenu CMS » et « Images » :

Cliquez sur l’image que vous souhaitez insérer dans l’article, ren­seig­nez les in­for­ma­tions de titre ou de des­crip­tion de l’image, puis appuyez sur « Insérer ». L’image sera ajoutée à l’em­pla­ce­ment souhaité dans l’article.