Tout juste un mois apr\u00e8s la sortie de Joomla! 4 en version stable, le projet Joomla! annonce d\u00e9j\u00e0 la sortie de la prochaine version mineure, Joomla! 4.1, le 15 f\u00e9vrier prochain.<\/p>\n
\nCr\u00e9ez votre site web avec Joomla! 4 et l’h\u00e9bergeur Ionos Dans cet article, nous allons voir comment facilement cr\u00e9er un site web, un blog ou une landing page, avec Joomla! 4 et l’h\u00e9bergeur Ionos L’h\u00e9bergeur Ionos propose une offre \u00e0 1\u20ac HT pour la premi\u00e8re ann\u00e9e puis 10\u20ac par an les ann\u00e9es suivantes pour l’h\u00e9bergement de votre site Web. Une offre qui regroupe tout le n\u00e9cessaire pour la cr\u00e9ation de votre site Joomla! 4 : <\/p>\n
1 nom de domaine
\n1 bo\u00eete email
\n100 GB espace web
\n100 bases de donn\u00e9es
\nUne protection des donn\u00e9es
\nUne gestion DNS avanc\u00e9e
\nDes acc\u00e8s FTP
\nUn certificat SSL
\nUne configuration rapide et simple <\/p>\n
Rendez-vous sur Ionos.
\nConfiguration de l’offre Ionos
\nRendez-vous sur la page d’accueil Ionos.Entrez un nom de domaine disponible, choisissez si vous souhaitez h\u00e9berger votre site en .fr ou en .com, il existe \u00e9galement de nombreuses autres extensions comme .net, .eu, .be \u2026 Mais nous vous conseillons de rester sur .fr ou .com.
\nApr\u00e8s avoir choisi votre nom de domaine, cliquez sur Ajouter puis Continuer.Une fois sur votre panier de commande, v\u00e9rifiez la formule d\u2019h\u00e9bergement ainsi que l\u2019orthographe de votre nom de domaine.
\n Panier de commande Ionos H\u00e9bergament et nom de domaine
\nVous pouvez ensuite, cliquez sur Continuer.
\nVous arrivez \u00e0 la page de connexion, vous pouvez vous cr\u00e9er un compte ou vous connecter.Si vous choisissez de vous cr\u00e9er un compte, il vous suffira de rentrer vos informations personnelles, accepter les conditions g\u00e9n\u00e9rales de vente puis de confirmer votre commande.
\nConnectez-vous \u00e0 votre compte Ionos. <\/p>\n
Menu Ionos
\nDepuis le menu Ionos, dirigez-vous vers H\u00e9bergement.
\nVous retrouvez votre nom de domaine inscrit dans Espace Web. <\/p>\n
Espace Web Ionos
\nSur l\u2019\u00e9cran vous remarquez qu\u2019\u00e0 c\u00f4t\u00e9 de votre nom de domaine il y a un cadenas rouge, cliquez simplement dessus afin d’installer un certificat SLL pour que votre site soit accessible en HTPPS.
\n
\nCr\u00e9ation de la base de donn\u00e9es pour votre site web Joomla!
\nRendez-vous dans Base de donn\u00e9es > Cr\u00e9er une base de donn\u00e9es. Remplissez les champs Description et Mot de passe et cliquez sur EnregistrerUne fois la base de donn\u00e9es cr\u00e9\u00e9es, vous retrouvez toutes les informations n\u00e9cessaires pour installer Joomla!
\n
\nT\u00e9l\u00e9chargement de Joomla! 4
\nPour cela, rendez-vous sur Joomla.fr .
\n Site de Joomla.fr pour t\u00e9l\u00e9charger Joomla! 4 en fran\u00e7ais
\nCliquez sur \u00ab Joomla! en Fran\u00e7ais \u00bb puis attendez que votre fichier se t\u00e9l\u00e9charge.
\nDirigez-vous vers les t\u00e9l\u00e9chargements de votre ordinateur puis zipp\u00e9 le fichier Joomla! 4, cela ne vous prendra que quelques secondes, faites un clique droit sur votre dossier et cliquez sur Compresser.
\nRetournez sur votre menu Ionos, puis dans H\u00e9bergement > Espace Web > Charger <\/p>\n
Espace Web pour charger le dossier Joomla! 4
\nD\u00e9posez votre fichier Zip. Comme nous avons d\u00e9pos\u00e9 un fichier zipp\u00e9 nous allons le dezipper, en le s\u00e9lectionnant Actions > D\u00e9compresser. <\/p>\n
D\u00e9zipper le dossier Joomla! 4
\nPuis Enregistrer. Votre pack Joomla! 4 est maintenant ajout\u00e9 \u00e0 Ionos.
\n
\nInstallation de Joomla! 4
\nDans votre barre de recherche saisissez votre nom domaine. Vous arrivez sur cette page <\/p>\n
Intallation de Joomla
\nS\u00e9lectionnez votre langue.
\nPuis saisissez le nom de votre site puis cliquez sur Configuration des donn\u00e9es de connexion.<\/p>\n
Informations de connexion Joomla
\nSaisissez le nom du \u00ab\u00a0Super Utilisateur\u00a0\u00bb principal ainsi que le nom d\u2019utilisateur pour ce compte \u00ab\u00a0Super Utilisateur \u00ab\u00a0.Choisissez un mot de passe et entrez votre adresse e-mail. Puis cliquez sur Configuration de la connexion \u00e0 la base de donn\u00e9es.
\nSur cette page, vous allez rentrer toutes les informations concernant votre base de donn\u00e9es pr\u00e9c\u00e9demment cr\u00e9er. <\/p>\n
Informations sur la base de donn\u00e9es
\nRetournez sur Ionos, allez dans Hebergement > Base de donn\u00e9es.Puis cliquez sur la base de donn\u00e9es pr\u00e9c\u00e9demment cr\u00e9e et copiez le nom d\u2019h\u00f4te que vous allez coller dans la case nom d\u2019h\u00f4te. <\/p>\n
Caract\u00e9ristiques de la base de donn\u00e9es
\nEnsuite copiez le nom d\u2019utilisateur puis collez le dans la case nom d\u2019utilisateur. Apr\u00e8s \u00e7a saisissez le mot de passe de votre base de donn\u00e9es. Puis le nom de votre base de donn\u00e9es.
\nVous pouvez ensuite cliquer sur Installer Joomla. <\/p>\n
Message de s\u00e9curit\u00e9 concernant la propri\u00e9t\u00e9 du compte d’h\u00e9bergement
\nUn message s\u2019affiche en haut de la page, nous allons devoir supprimer un fichier dans l\u2019espace Web. Pour cela retournez sur Ionos, H\u00e9bergement > Utiliser l’espace Web > fichier Installation. Puis cherchez le document \u00ab Joomla_4 0.3-Stable-Full_Package.zip \u00bb. <\/p>\n
Suppr\u00e9sion du fichier dans installation
\n S\u00e9lectionnez-le, puis appuyez sur Supprimer et Confirmer la suppression.
\nRetournez ensuite sur l’installation de Joomla et cliquez en bas de la page sur Installer Joomla.Votre installation est termin\u00e9e, vous pouvez cliquer sur Finalisation et acc\u00e8s au site.
\n Connexion \u00e0 Joomla! 4
\nVous pouvez alors vous connecter en frontend pour d\u00e9couvrir votre site. Ou pour commencer la construction de votre site rendez-vous sur le backend pour cela dans la barre de recherche, ajoutez \u00ab\u00a0\/administrator\u00a0\u00bb \u00e0 la suite de votre lien URL.<\/p>\n
Connexion au backend de votre site Joomla! 4
\nVous arrivez sur une page de connexion, rentrez vos identifiants puis connectez-vous.
\n
\nLes templates pour votre site Joomla! 4
\nLe backend de votre site utilise le template Cassiopeia qui est fourni automatiquement lors de l\u2019installation de Joomla. Mais nous allons voir ensemble qu\u2019il existe plein d\u2019autres templates qui vous permettront de personnalis\u00e9 votre site.
\nRendez-vous sur le site Cinnk.com . Puis dans Articles, vous trouverez l\u2019article qui r\u00e9pertorie plus de 400 templates compatibles avec Joomla! 4, comme JoomShapper, Joomlart, GavickPro\u2026Ou l’article qui regroupe plusieurs templates gratuits et disponibles avec Joomla! 4. Vous trouverez des templates avec un design simple et \u00e9pur\u00e9 comme Stark ou m\u00eame, un template pour cr\u00e9er un magazine en ligne, SJ Basic4.
\nNous allons utiliser le template Helix Ultimate, un template disponible chez JoomShaper, c\u2019est l\u2019un des meilleurs templates gratuits propos\u00e9s par un des leaders des templates et extensions pour Joomla!.
\nDans l\u2019article de Cinnk, cliquez sur T\u00e9l\u00e9charger.<\/p>\n
Article Cinnk Templates gratuits et disponibles pour Joomla! 4
\nVous arrivez sur le site de JoomShaper, cliquez sur Download Free puis Download et de nouveau Download. <\/p>\n
T\u00e9l\u00e9chargement H\u00e9lix Ultimate sur JoomShaper
\nVotre template se t\u00e9l\u00e9charge.
\nRendez-vous dans les t\u00e9l\u00e9chargements de votre ordinateur. Pour le t\u00e9l\u00e9charger sur notre site Joomla, nous allons zipper le fichier pour cela faites un clique droit puis cliquez sur Compresser.
\n
\nAjouter Helix Ultimate \u00e0 votre site Joomla! 4
\nDans le panneau d’administration, dirigez-vous vers System > install > Extensions. Glissez et d\u00e9posez votre fichier zipp\u00e9. Une fois votre dossier t\u00e9l\u00e9charg\u00e9, rendez-vous dans Sytem > Site Template Styles > D\u00e9fault > helixutimate. <\/p>\n
Ajouter H\u00e9lix Ultimate comme template
\nVous pouvez vous rendre sur votre frontend pour d\u00e9couvrir votre site avec votre nouveau template.
\nLa premi\u00e8re extension de votre site vient d’\u00eatre install\u00e9.\u00c0 noter, que lors de chaque extension, il est important de nettoyer le r\u00e9pertoire \/tpm, un raccourci temporaire qui stock des fichiers de l’ex\u00e9cution de l’installation.
\n
\nChanger la langue de votre site
\nDans le panneau d’administration, cliquez sur System > Install > languages > dans la barre de recherche taper French > Install. Une fois votre Language pack est install\u00e9, cliquez sur System > Manage > Languages > dans la colonne \u00ab d\u00e9fault \u00bb > cliquer sur French.
\nVotre site Joomla! 4 est maintenant en Fran\u00e7ais.
\nPour rester dans le domaine des langues, il est \u00e9galement possible de r\u00e9aliser une substitution de langue afin de traduire automatiquement certaines chaines de caract\u00e8res, aussi bien en Frontend qu’en Backend.
\n
\n
\nT\u00e9l\u00e9charger SP Page Builder facilement
\n Pour t\u00e9l\u00e9charger l’extension SP Page Builder, une extension qui va vous permettre de facilement g\u00e9rer vos mises en pages, sans toucher une ligne de code, rendez-vous sur JoomShaper.
\nCliquez sur Page Builder > en bas de la page cliquez que Download Lite Version
\n T\u00e9l\u00e9charger la version gratuite de SP Page Builder
\nPuis cliquez de nouveau sur Download.Votre fichier se t\u00e9l\u00e9charge.
\nRendez-vous dans les t\u00e9l\u00e9chargements de votre ordinateur. Pour ajouter SP Page Builder \u00e0 notre site Joomla, nous allons zipper le fichier pour cela faites un clique droit puis cliquez sur Compresser.
\nDans le panneau d\u2019administration, dirigez-vous vers System > Extensions Puis glissez et d\u00e9posez votre fichier zipp\u00e9.L\u2019installation de SP Page Builder est termin\u00e9e.
\nVous retrouverez votre extension dans Composants > SP Page Builder
\n
\nCr\u00e9ation d’une page avec SP Page Builder
\nPour d\u00e9couvrir l\u2019extension, nous allons cr\u00e9er une page d\u2019accueil, cliquez sur Nouveau Donnez un titre \u00e0 votre page comme \u00ab Accueil \u00bb.
\nDeux choix s\u2019offrent \u00e0 vous, vous pouvez faire de choix d\u2019utiliser un template SP Page Builder mais pour cela il faudra vous munir de la version Pro de SP Page Builder ou alors vous pouvez cr\u00e9er simplement et gratuitement vos pages.
\nSi vous choisissez de cr\u00e9er vos pages, cliquez sur ADD New Row. C\u2019est ici que vous allez pouvoir ajouter des addons \u00e0 vos pages, avec la version gratuite vous avez tout l\u2019essentiel pour construire une page soit un bloc texte, des ic\u00f4nes, l\u2019ajout d\u2019encart vid\u00e9o ou photo ou m\u00eame d\u2019un bouton \u2026
\n Addons disponible avec la version gratuite de SP Page Builder
\nCr\u00e9ez votre page d\u2019accueil, en compl\u00e9tant vos addons, vous pouvez ajouter plusieurs Row pour construire votre page. <\/p>\n
Exemple de composition de page d’accueil
\nUne fois termin\u00e9, vous pouvez cliquer sur Enregistrer et fermer.
\n Et pour avoir un aper\u00e7u de votre page cliquez sur Preview. <\/p>\n
Acc\u00e8der \u00e0 la preview d’une page Joomla
\n
\nRattacher une page SP Page Builder au menu principal
\nNous allons maintenant rattacher la page que nous venons de cr\u00e9er au menu principal afin que les visiteurs de votre site arrivent sur cette page.
\nSur le panneau d\u2019administration, dirigez-vous vers Menus > Menu Principal > Nouveau Donner un titre \u00e0 votre lien de menu. S\u00e9lectionner le type de lien de menu, SP PAGE BUILDER > Page S\u00e9lectionner la page que nous venons de cr\u00e9er \u00ab\u00a0Accueil\u00a0\u00bb Vous pouvez Enregistrer et fermer. <\/p>\n
Ajouter un lien de menu
\nDans la colonne Accueil, cliquez sur le rond gris afin de d\u00e9finir votre nouvelle page comme page d\u2019accueil de votre site <\/p>\n
D\u00e9finir une page comme page d’accueil
\nRetournez sur le fronted de votre site pour d\u00e9couvrir votre page d\u2019accueil.
\n
\nVous savez maintenant comment cr\u00e9er un site Joomla! 4 avec l\u2019h\u00e9bergeur Ionos.
\n\u00c0 vous de construire votre site selon vos envies, mais si jamais vous avez besoin d\u2019aide nous restons \u00e0 votre disposition sur notre forum.<\/p>\n","protected":false},"excerpt":{"rendered":"
Tout juste un mois apr\u00e8s la sortie de Joomla! 4 en version stable, le projet Joomla! annonce d\u00e9j\u00e0 la sortie de la prochaine version mineure, Joomla! 4.1, le 15 f\u00e9vrier prochain.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[3],"tags":[],"class_list":["post-565","post","type-post","status-publish","format-standard","hentry","category-articles"],"yoast_head":"\n