Sites Joomla

Réaliser votre site internet en 7 jours avec Joomla 2.5

2012-02-26T13:10:00.002-08:00

Auteur : Thierry Cumps
Editeur : Lulu
Dernière mise à jour : Février 2012

Ce guide est destiné à tout le monde, du moment que vous avez quelquesconnaissances en informatique. La création d’un site internet avec Joomla 2.5 yest expliquée clairement et le lecteur est conduit pas à pas avec desexplications claires et des copies d’écrans qu’il suffit de suivre. Il s’agitdonc d’un guide 100% pratique.

Pour ma part, j’aurai aimé trouvé des manuels informatiques aussi pratiquesque les miens, malheureusement, il faut souvent lire beaucoup de pages d’unlivre informatique pour ne retenir que quelques éléments fonctionnels. Comme sila vanité d’un auteur lui imposait de faire le plus gros ouvrage possiblequitte à décourager le lecteur dès les premières pages. Ce sont les adhérentsde mon association qui ont exigé que j’utilise des mots simples et que je fassedes manuels le plus pratique possible. Ils n’ont pas de temps à perdre etaucune volonté à devenir des informaticiens. Je les ai écoutés et j’espère avecce nouveau manuel avoir répondu à leurs attentes.

Acheter le livre
L'acheter au format ePub
Le commander directement à l'auteur

Cet article vous a été communiqué par "Auteurs de livres".

Personnalisez votre template

2012-02-15T01:08:00.001-08:00

Dans cette étape, nous allons faire ce que j’appelle une sauvegarde desfichiers de votre site internet.

Cela est réalisable très facilement à l’aide du client FTP FileZilla.
Nousavons déjà vu comment utiliser le logiciel FileZilla lors de l’installation deJoomla 2.5

Comme tout ce qui touche les transferts de fichiers, il est nécessaire d’avoirun minimum de rigueur, aussi je vous demanderai de créer un répertoire sur ledisque dur de votre ordinateur. Vous donnerez à ce répertoire le nom de votresite internet et à l’intérieur de ce répertoire, vous allez créer unsous-répertoire qui aura pour nom la date du jour.

Voici ce que ça donne pour moi

Lancez FileZilla, ouvrez le gestionnaire de sites, sélectionnez le site enquestion (s’il n’est pas déjà sélectionné), cliquez sur le bouton Connexion.

Vous devez avoir à gauche le répertoire vide (de votre ordinateur) qui vacontenir votre sauvegarde, et à droite les répertoires qui contiennent lesfichiers de votre site internet (chez l’hébergeur OVH).

Sélectionnez le 1^er dossier (ou n’importe quel dossier) sur lesite distant (côté serveur), puis appuyez sur les touches Ctrl-a afin de les sélectionnertous.

Avec la souris, vous allez effectuer le mouvement de glisser les dossierssélectionnés de la droite vers la gauche (du serveur vers votre ordinateur).

Il faut environ 10 minutes pour que la copie des fichiers soit terminée.

Une fois la copie terminée, vous pouvez vous déconnecter du serveur(cliquez sur la croix rouge).

Il est important d’avoir plusieurs jeux de sauvegarde des fichiers (etaussi de la base de données).

Le fait de donner comme nom de dossier la date du jour sous la formejj-mm-aaaa (jour, mois, année séparés pars des tirets) vous permettra de savoirexactement de quand date vos sauvegardes.

Lorsque vous site internet se sera fait piraté (hacké), ou pour une touteautre raison, il suffira d’écraser les fichiers qui sont sur le serveur parceux que vous aurez sauvegardés. Si vous devez remonter dans le temps, ilsuffira de prendre une version plus ancienne de votre site internet.

Le principe que j’ai adopté est de faire une sauvegarde des fichiers et de labase de données avant toute modification importante d’un site ou lorsque j’aibeaucoup travaillé sur le site.

Les fichiers contiennent l’aspect extérieur du site (le contenant) alors quela base de données contient l’intérieur du site (le contenu). Nous verrons lasauvegarde et la restauration de la base de données chez OVH ultérieurement. Maissi vous le souhaitez, vous pouvez jeter un œil sur le tutorial que j’aiconsacré à OVH : http://tuto-ovh.blogspot.com

Avant d’aller plus loin, je vous conseille de vérifier qu’il n’y ait pasune possibilité de personnalisation de votre template déjà prévue. Il faut pourcela, allez dans Extensions – Gestion des templates.

Cliquez ou éditez votre template afin de voir si une personnalisation a étéprévue.

En ce qui concerne le template que j’ai choisi, rien n’a été prévue.

Examinons le template que vous avez choisi (je vais examiner le mien etvous, vous devez examiner le vôtre). Pour cela, allons sur le site internet (appeléfront-office ou frontend = ce que voient les internautes).

Je vais ci-dessous afficher une copie d’écran du site internet sur lequelje travaille. Même si votre site internet est différent du mien (templatedifférent), on va quand même retrouver des similitudes. Ce sont ces similitudesque je vous demande d’examiner.

Par conséquent, observez attentivement la géographie (l’espace) de votresite internet afin de voir ce qu’on pourrait apporter comme modifications.

Ceci étant, si vous devez apporter beaucoup de modifications à votre siteinternet, autant changer de template de suite et en prendre un qui soit plusadapté au rendu final que vous escomptez.

Pour information, afin de pouvoirrécupérer l’intégralité du site internet, il m’a fallu dézoomer (diminuer) l’affichagede mon navigateur internet. Pour ceux qui l’ignorent, en appuyant sur lestouches Ctrl + on augmente l’affichage du navigateur (zoom – idéal pour les malvoyants)et en appuyant sur les touches Ctrl – on diminue l’affichage du navigateur(pratique pour voir l’intégralité d’un site internet).

En examinant le site internet ci-dessus, on constate que le nom du siteinternet ou le logo se situe en haut àgauche (c’est la première chose que l’œil humainrepère). Le haut d’un site internet s’appelle l’entête ou header enanglais. On peut y placer une image, généralement un bandeau que celui-ci soitun jpeg, un diaporama de photos ou un objet flash.

A l’inverse, le bas du site internet (pied de page ou footer en anglais)est la dernière chose que l’œil humain verra sur un site internet. Généralement,on y place le copyright et des liens vers des partenaires ou les crédits (ceuxqui ont participé à l’élaboration du site).

Il y a certaines dispositions classiques pour les sites internet : lecontenu dans la colonne du milieu + une petite colonne à gauche et une colonneà droite. Ici, nous avons une grande colonne pour les articles + une petitecolonne à droite pour les menus.

Certains templates possèdent 2 petites colonnes à gauche ou 2 petitescolonnes à droite. Il existe même des templates qui ont des caractéristiquespeu communes pour un site internet. Mais pour la démonstration, j’ai préféréchoisir un template assez classique.

J’ai signalé que nous avons une petite colonne à droite, celle-ci contient desmenus ainsi qu’un module de connexion. En langage Joomla, on appelle ça desmodules (un menu est aussi un module) et les modules se trouvent dans la partieExtensions.

Il reste encore un détail sur la copie d’écran du site internet que j’aichoisi de vous montrer. Il existe un menu juste en dessous du header (haut de page).Ce menu est appelé généralement menu duhaut ou menu top.

Vous avez peut être remarqué que le haut de l’article est un diaporama de 3photos. Il peut s’agir d’un module type slideshow intégré dans un article parle plugin loadmodule mais comme il se répète dans tous les articles du site etque les articles contenus sur la page d’accueil ne contiennent pas ce module,on peut en déduire que le slide (diaporama) est intégré directement en dur dansle code PHP. Effectivement l’examen du fichier index.php nous montre les lignessuivantes :

Un examen avec le module complémentaire Firebug sur Firefox m’avait déjàmontré qu’il s’agissait d’un slideshow mais en tant que développeur, je ne l’auraijamais intégré en dur dans le code PHP alors qu’il est si simple de l’ajouterau cas par cas par l’intégration d’un module dans les articles voulus.

Nous nous trouvons doncdans une alternative, on conserve ce template que je trouve imparfait, ou on leconserve en le modifiant. Si on conserve ce template, doit-on conserver leslide en modifiant simplement les photos : slide1.jpg, slide2.jpg etslide3.jpg qui se trouvent dans le dossier templates/classicdark/images/

A ce stade là, vous vous demandez peut être comment j’ai su où se trouvaitles 3 photos du diaporama ?

Il y a 2 méthodes très simples. La première étant de faire un clic droitsur l’image, puis cliquer sur Afficher l’imageou Informations sur l’image.

En cliquant sur Informations sur l’image,vous aurez encore plus d’informations comme le poids (ce qu’ils appellent lataille) mais surtout les dimensions de l’image, ce qui sera utile pourremplacer les 3 images par les vôtres (de même dimensions).

La deuxième méthode étant d’utiliser le module complémentaire Firebug surle navigateur Firefox et de pointer l’image que l’on veut examiner. Le codesource apparait sur l’écran du bas et nous montre ci-dessous où se trouve l’image.En attendant quelques secondes les 3 images défilent sur l’écran et le code correspondantaussi.

J’ai décidé de modifier le template afin de supprimer ce slide qui occupele haut de tous les articles de ce site. Avec Firebug, ça l’air très facile, ilsuffit de supprimer la div slide.

J’ai supprimé les lignes PHPconcernant le slide ainsi que le code JavaScript dans le fichier index.php maisj’ai dû aussi modifier le fichier tdefaut.css dans le répertoire css dutemplate parce que la marge du haut était trop importante. J’ai mis margin-topà 0 pixels au lieu de 30.

C’est là qu’on s’aperçoit qu’il vaut mieux connaître un minimum de PHP etde CSS et aussi le HTML pour pouvoir apporter des corrections à un template.

Afin de modifier des fichiers PHP et des fichiers CSS, il vous faut un éditeur HTML type Dreamweaver (payant) ou Notepad++(gratuit). Si vous n’avez pas déjà ce type de logiciel vous pouvez utiliser leBloc-notes de Windows ou télécharger gratuitement Notepad++, Amaya, KompoZer ouEclipse sur la page : www.annuairedelafrance.net/informatique_logiciels_gratuits.php

Afin de voir ce que donnent les modifications que j’ai apportées, je doisenvoyer les fichiers modifiés par FTP (FileZilla) sur le serveur. Pour pouvoirrevenir sur l’ancienne version de mon fichier index.php, je le renomme en index2.phpou _index.php. Quand je ne fais qu’une modification je choisi de mettre un _ (underscore)devant le nom du fichier mais quand je fais plusieurs modifications sur un mêmefichier, je préfère lui ajouter un chiffre à la fin du nom (voir copie d’écranci-dessus). Ainsi vous pouvez modifier sans crainte. En cas d’erreur, il suffitd’effacer le dernier fichier modifié sur le serveur (exemple index.php) et derenommer le fichier renommé précédemment (index1.php ou _index.php) en index.phpet le site reprend son aspect d’origine.

Je fais de même pour le fichier CSS que je viens de modifier.

Si vous avez modifié d’autres fichiers du template, vous devez bien sûr lescopier également sur le serveur, mais assurez-vous d’en avoir gardé unecopie de l’original au cas ou vous devriez restaurer l’ancienne version.

Quand je modifie des lignes dans un fichier CSS (feuilles de style), j’ai l’habitudede recopier la ligne que je vais modifier puis je la neutralise en plaçant lesymbole de commentaire au début et à la fin de la ligne : /* et */

Quand les adhérents de mon association (CUMPS.org) ne savent pas modifierles fichiers PHP et CSS, je le fais pour eux.

En regardant le haut du site (header), on voit clairement 2 images :le mot Classic et un livre. Pour nous en assurer et connaître le nom, le formatet l’emplacement de ces images, il suffit de faire un clic droit dessus.

Une fois que j’ai fait un clic droit, je choisi « Afficher l’image ».

Cela me permet de savoir qu’il s’agit d’un fichier png (image ayant un fondtransparent) appelé logo.png et ce fichier est situé dans le répertoire images.Il me suffit alors de créer un autre fichier png de la même taille avec un fondtransparent et le copier à la place de l’autre.Ce que je vais faire maintenant à l’aide d’un logiciel de traitement d’imagescomme Photoshop, Gimp ou Paint.Net.

Si vous n’avez pas l’unde ces logiciels, téléchargez-en un gratuitement ici :
www.annuairedelafrance.net/informatique_logiciels_gratuits.php

Afin de réussir le png, ajoutez un calque avec un fond d’une couleur foncéequi se détache bien des autres couleurs des calques et placez ce calque en basdes calques. Vous pouvez récupérer les codes couleurs avec la pipette et n’oubliezpas de sauvegarder le fichier au format PNG 24 avec transparence. Puis placezle sur le serveur dans le répertoire images à la place de l’ancien fichier quevous aurez pris soin de renommer afin d’en conserver une copie.

En faisant un clic droit sur la seconde image, je connais le nom de l’image,son format ainsi que l’endroit où elle se trouve. Il ne me reste plus qu’à yapporter quelques modifications.

Une fois l’image modifiée, je la copie par FTP afin qu’elle remplace l’ancienneimage (que je renomme afin de la conserver au cas où je voudrais m’en servir ànouveau).

Ci-dessous, une copie d’écran du haut du site avec les modifications surles images.

Maintenant, il est souhaitable de modifier le bas de page (footer).

Si vous sélectionnez le texte avec la souris, vous voyez bien qu’il s’agitd’un texte et non d’une image.

L’analyse avec Firebug nous donne des informations encore plus précisescomme la balise <div> qui englobe les textes ainsi que les liens. On peutdonc chercher le fichier index.php ou footer.php qui contient ces informationsou demander à notre éditeur HTML (Dreamweaver, NotePad++, etc.) de le chercherpour nous.

Dans mon template, c’est facile, la partie qui m’intéresse se trouve à lafin du fichier index.php.

Au final j’ai modifié aussi le fichier template.php. Ce dernier fichierétait intégré au fichier index.php par la fonction require : <?phprequire("template.php"); ?>

Dans ce dernier fichier, j’ai modifié la variable $gt avant de l’afficheravec la fonction echo.

Maintenant que j’ai personnalisé le template (le contenant), je peux passeraux articles (catégories et menus), mais il me reste une dernière chose à faire,modifier le fichier error.php du template afin d’éviter l’écran suivant :

Quand il n’y a pas de fichier error.php dans le template par défaut (ce quiest le cas ici), c’est dans le template system qu’il faut aller chercher lefichier error.php.

Vous allez ajouter 2 lignes juste après < ?php

La première ligne PHP permet de rediriger le fichier vers l’url de la paged’accueil de votre site.

La deuxième ligne est une fonction qui demande au navigateur de sortir dufichier sans interpréter les instructions suivantes.

Bien sûr, comme après chaque modification sur un fichier en local (survotre ordinateur), vous devez le copier sur le serveur (votre hébergeur).

Ainsi désormais, quoi que l’internaute puisse taper après l’url de monsite, il retombera toujours sur la page d’accueil de mon site et non sur unepage manquante.

Quand je teste un site internet, j’ajoute toujours des lettres et despoints après l’url du site pour voir si les pages d’erreur sont gérées et quandce n’est pas le cas (ce qui arrive souvent), je sais que le travail de l’agenceweb a été mal fait et que les pirates pourront pénétrer facilement sur le siteen question.
Mon propos n’est pas ici de dévoiler les techniques pour hacker (pirater unsite internet) mais la plupart des sites que je vois sur internet sont trèsfacilement piratables mais il vrai que la sécurité n’est pas le point fort desagences de développement de sites internet.

... la suite disponible dans mon dernier livre ...

Choisir un template compatible Joomla 2.5 et l'installer

2012-02-14T03:33:00.003-08:00

Sachez que vous ne devez installer que des templates compatibles Joomla2.5. Mais sachez aussi que les templates Joomla 1.7 sont compatibles avec laversion 2.5

Vous trouverez des templates gratuits sur les sites :

http://www.freshjoomlatemplates.com

http://www.joomlaos.de/joomla_template_galerie.html

http://www.template-joomla.us

Vous pouvez aussi taper sur un moteur de recherche les mots : template gratuits joomla 2.5

Lors de l’installation de Joomla 2.5, vous disposez de 4 répertoires dansle répertoire templates.

Mais sur l’interface d’administration de votre site Joomla, on peut voir 4templates site et 2 templates d’administration.

La bonne nouvelle, c’est que vous pouvez installer de nouveaux templatesque ce soit pour la partie site ou la partie administration. Vous pouvezégalement désinstaller des templates que vous n’utilisez pas afin par exemplede récupérer de la place sur le serveur ou encore afin de ne pas risquer deserreurs en faisant une mise à jour sur un template qu’on n’utilise pas.

Je ne vous conseille pas de changer le template d’administration, parcontre, je vous conseille maintenant d’aller sur internet pour y chercher untemplate qui vous plait.

Voici la façon de faire pour récupérer un template compatible Joomla 2.5 enprenant comme exemple le site http://www.freshjoomlatemplates.com

Je remarque un template qui pourrait m’intéresser.

Je clique sur Live demo afin dele voir en taille réelle. Une nouvelle fenêtre s’ouvre avec un site utilisantle template en question. Comme il ne me plait pas, je décide d’en chercher unautre.

Sur le site allemand, j’ai trouvé plein de templates compatibles Joomla 2.5 :

http://www.joomlaos.de/index.php?set_albumName=album12&option=com_gallery&Itemid=37&include=view_album.php

Notez que l’url ci-dessus n’est pas optimisé pour les moteurs de recherche,mais c’est peut être volontaire.

En cliquant sur Live Preview, vous ouvrez une nouvelle fenêtre sur votrenavigateur qui vous permet de voir le template choisi en grandeur réelle.

En cliquant sur Download, vous pouvez accéder à une nouvelle page à partirde laquelle vous pourrez télécharger le template au format zip.

Avant de pouvoir télécharger le fichier contenant le template, vous devezencore cocher la case qui est à gauche de la phrase : « Je suis d'accord avec les termes de lalicence ». Puis cliquez sur le bouton Download.

Vous n’aurez pas besoin de dézipper (désarchiver) le fichier que vous venezde télécharger, Joomla va l’installer tel quel.

A quoi sert d’avoir choisi un template si on ne sait comment l’installer. Pourcela, il suffit d’aller dans le menu Extensions– Gestion des extensions.

Avec le bouton Parcourir, vousallez chercher sur votre disque dur (dans le répertoire téléchargement) lefichier que vous venez de télécharger.

Une fois ce thème installé, un message nous apprend que si on veut utiliserce template dans un usage commercial, il faut payer une licence de 5 euros.

Il faut savoir que la majorité des agences web utilisent des templatesprofessionnels même si un amateur averti pourrait créer son template lui-même. Ilva de soi, qu’il y a moins de risque à utiliser un template réalisé par des spécialistesde templates (ils ne font que ça), plutôt que de le faire soi-même et qu’aufinal le client s’aperçoit à l’usage que son site comporte des défauts à caused’un template réalisé par un non spécialiste.

Il reste encore à activer le template que vous avez téléchargé et installé,pour cela vous allez sur le menu Extensions– Gestion des templates.

On a du mal à s’en rendre compte sur l’écran ci-dessus, mais certainstemplates sont activés par défaut et d’autres sont assignés.

Cela signifie que pour que votre nouveau template remplace l’ancientemplate, il faudra activer par défaut le nouveau template.

Quant à l’assignation d’un template, cela signifie qu’un template qui n’estpas activé par défaut peut remplacer celui qui est activé par défaut sur deséléments de menus que vous aurez choisi. Ainsi depuis Joomla 1.0, unwebmaster peut utiliser plusieurs templates afin de changer l’affichage de sonsite selon le menu sur lequel l’internaute clique. Cela permet par exemple dedifférencier plusieurs parties du site parce que celles-ci sont trèsdifférentes. Ceci étant, ce n’est pas forcément une bonne chose et j’ai laissétomber cette possibilité afin de ne pas désorienter l’internaute qui s’attend parexemple à ce que les menus soient toujours à la même place et les éléments dedécoration toujours les mêmes.

Comme je veux activer par défaut mon nouveau template, je vais cliquer surl’étoile en face de celui-ci.

Ci-dessus le site avec l'ancien template.

Ci-dessus le même site avec le nouveau template activé par défaut.

Comme on le voit le template s’occupe de l’affichage du site mais lecontenu (les articles) ne change pas.

Avant de passer à l’étape suivante qui consistera à personnaliser letemplate que vous avez choisi, vous devez éliminer les autres templates devotre site afin de faire un peu de place sur votre site mais surtout afin d’évitertout risque d’erreur lorsque vous devrez apporter des modifications dans ledossier qui contient les templates. Rappelez-vous que le dossier templatescontient déjà tous les templates livrés avec Joomla 2.5, des templates d’administrationet des templates de site. Et depuis peu, vous avez ajouté un nouveau template,celui que vous avez téléchargé, installé puis défini comme template par défaut.

Lorsque je vous demanderai de recopier tous les fichiers du répertoire wwwde votre hébergeur OVH vers un dossier de votre disque dur, vous allez aussirecopier l’intégralité du dossier templates, ce dossier qui contient lestemplates sites et les templates d’administration. Et lorsque je vousdemanderai de faire des modifications dans le template de votre site, vousrisquez de ne pas savoir dans quel dossier se trouvent les bons fichiers. Tousles templates Joomla se ressemble plus ou moins : un dossier images, desfichiers CSS et des fichiers PHP, alors inutile de perdre son temps à modifierle mauvais template.

Nous allons donc passer à l’étape de la désinstallation des templates dontnous ne voulons plus.

Pour cela, rendez-vous sur le menu Extensions– Gestion des extensions.

Cliquez sur l’onglet Gestion.

Sélectionnez le type Templates.

Sélectionnez l’emplacement Site.

Sélectionnez tous les templates sites excepté celui que vous aveztéléchargé et installé.

De toute façon, il est impossible de désinstaller un template utilisé pardéfaut.

Cliquez sur l’icône Désinstaller.

Les templates inutilisés ont bien été supprimé de votre site et nous allonspouvoir passer à l’étape suivante qui consistera à copier les fichiers de votresite internet vers le disque de votre ordinateur.

... la suite dans un prochain article ...

Premiers pas avec le back-office de Joomla 2.5

2012-02-13T03:03:00.001-08:00

Les utilisateurs du CMS (Système de gestion de contenus) Joomla appellentle back-office de Joomla, le frontend. Il suffit de savoir que ça signifie lapartie administration du site.
Pour se connecter en administrateur sur un siteJoomla, il suffit d’ajouter /administrator à la fin de l’url du site. Exemple : http://www.jeux-infos.com/administrator

Tapez l’identifiant et le mot de passe que vous avez choisi lors de l’installationde Joomla sur votre hébergeur OVH et appuyez sur la touche Entrée (ou sur Connexion).

Vous êtes maintenant sur la partie Administrationde votre site Joomla.

Vous disposez déjà de plusieurs renseignements comme :

Le numéro de la version de Joomla qui est installée sur votre site (en bas au centre de l’écran)
Les 5 derniers utilisateurs qui se sont connectés (partie droite de l’écran)

En cliquant sur la puce en forme de flèche (ci-dessus), vous pouvez développerou fermer un paragraphe afin d’obtenir ou de masquer les informations que leparagraphe contient.

Vous pouvez aussi voir le site (front-office ou frontend) en cliquant surVoir le site (en haut à droite de l’écran). Sivous avez cliqué sur Voir le site,vous constaterez que le site (frontend ou front-office) s’est ouvert dans unenouvelle fenêtre (ou nouvel onglet).

Mais avant de parler du site (la partie visiblepar les internautes), il nous faut parler du back-office et de son panneau deconfiguration.

Généralités

Les templates

Comme dans la plupart des sites internet construits à l’aide d’un CMS (Systèmede gestion de contenus – Content Management System) : Joomla, Wordpress,Drupal, Spip, etc. et même dans les blogs comme Blogger de Google, vous avezune interface graphique qui s’occupe du rendu du site (l’affichage), on appelleça le template ou le thème ou encore le skin (la peau). En changeant de skin(template), vous changez tout l’affichage du site, c’est-à-dire le nombre et ladisposition des colonnes, le nombre et la disposition des menus et même lafaçon dont s’affiche les modules à l’intérieur des colonnes.

Avec Joomla, on parlera de template. Vous disposez toujours d’au moins 2templates : un pour l’affichage du site et un autre pour l’affichage de lapartie administration du site.

Vous pourrez changer de template presqueaussi facilement que vous changez de vêtement. Je dis presque, parce qu’on peutrencontrer des problèmes en changeant de template, certains templates ne se prêterontpas à ce que vous souhaitez afficher, un peu comme si vous changez de vêtement pouren prendre un trop grand ou un trop petit ou un qui ne soit pas adapté à votresexe ou encore au climat (un peu comme si vous sortez en maillot de bain enplein hiver ou en pull à col roulé en plein été).

Sachez que vous ne devez installer que des templates compatibles Joomla 2.5.Mais sachez aussi que les templates Joomla 1.7 sont compatibles avec la version2.5

Vous trouverez des templates gratuits sur les sites :

http://www.template-joomla.us

http://www.joomlaos.de/joomla_template_galerie.html

Vous pouvez aussi taper sur un moteur de recherche les mots : template gratuits joomla 2.5

Nous reviendrons sur les templates par la suite.

Les articles

Dans un blog, on appelle ça des articles ou des messages. Avec Joomla, onparlera des articles quand vous écrivez une page de texte que celle-cicontienne des images, des vidéos, un diaporama ou même aucun texte. Lesarticles sont en quelque sorte le contenu de votre site internet, ce quiintéresse les visiteurs. Avec un CMS comme Joomla, les articles sont presque indépendants du contenant (lamise en forme). Je dis presque parce que si on compare le template à un vêtementet les articles au corps humain, le corps humain est parfois trop gros pourentrer dans les vêtements et il faut alors changer de vêtements (template) afinde pouvoir y faire entrer les articles (le corps humain).

Si j’ai un article dans lequel j’ai placé une grosse image, celle-ci va déformerma mise en page parce que le template n’a pas une colonne assez large pour yfaire tenir la grosse image. Avec Blogger de Google, j’ai le même problèmelorsque je place dans un article une image trop large dans la colonne desarticles. Pour y remédier, je dois augmenter la largeur de la colonne desarticles ou diminuer la largeur de mon image.

Que ce soit Blogger de Google ou Joomla, nous avons les mêmes problèmes etles mêmes solutions, le contenu doit contenir dans le contenant ou alors ilfaut agrandir le contenant ou diminuer le contenu.

Les catégories

Les catégories permettent de classer les articles comme on classe desaffaires dans des tiroirs. Avec Joomla 2.5 vous pouvez créer autant decatégories et de sous catégories que vous voulez (je ne connais pas delimites). Si vous ne créez pas de catégories, vos articles seront rangésautomatiquement dans la catégorie Noncatégorisé. Le fait de ranger vos articles dans des catégories vont par lasuite vous permettre de créer des menus qui afficheront les articles de cescatégories que ce soit sous forme de listes ou de blogs.

Les menus

Tout le monde sait ce que c’est un menu. Il s’agit principalement de liensqui vont permettre d’aller sur une page ou un ensemble de pages, un formulaireou un site internet.

Les extensions

Avec Joomla, une extension, ce peut être un template, un plugin, un moduleou un composant. Une extension, c’est donc tout composant que vous pouvezajouter à votre site Joomla.

Maintenant que nous avons vu les généralités, on va pouvoir revenir sur lepanneau de configuration (1^ère chose que l’on voit quand on seconnecte en administrateur d’un site Joomla).

Ce panneau de configuration vous permet d’avoir une vision globale de l’administrationde votre site mais vous aurez plus de choix en utilisant le menu du haut :Site, Utilisateurs, Menus, Contenu, Composants, Extensions.

Ce qui est intéressant avec la version 2.5, cessont les 2 derniers icônes.

Ces 2 icônes nous apprennent que Joomla est à jour (nous avons bien la dernièreversion) et que les extensions sont également à jour. Si cela n’était pas lecas, il suffirait de cliquer sur l’icône en question pour pouvoir effectuer lamise à jour.

Réglages de base

Avant toute chose, nous allons procéder à quelques réglages. Pour cela,vous allez cliquer sur Configuration.

Ci-dessus voici les métadonnées de l’un de mes sites internet (www.les-livres.info).
A vous de rempliravec votre description, vos mots clés séparés par des virgules.

Toujours dans le menu Configuration – Site, voici les paramètres SEO telsque je vous conseille de les régler. SEO signifie : Search Engine Optimization(Optimisation pour les Moteurs de Recherche). En gros, il est conseillé d’avoirdes urls de pages explicites et non une suite de caractères incompréhensibles. L’importantétant de trouver dans les adresses (urls) des pages de vos sites les motsimportants (mots clés) qui figurent à la fois dans le titre de vos pages etdans les pages elles-mêmes.

Voici une url nonoptimisée pour les moteurs de recherche :

http://www.jeux-infos.com/index.php?option=com_content&view=article&id=22&Itemid=437

Voici une url optimisée pourles moteurs de recherche :

http://www.les-livres.info/livres-pratiques/75-le-guide-de-l-autoedition.html

Sans le fichier .htaccess qui se trouve à la racine de votre site(répertoire www) il n’y aurait pas d’optimisation des urls de vos pages.

Remarque : quand vous ne connaissez pas la signification d’une phrase(sur la partie administration de Joomla), il suffit de survoler la phrase avecla souris pour voir apparaitre une bulle d’aide.

Il n’y a rien de plus déplaisant que d’être déconnecté de la partieadministration de son site parce qu’on n’a rien fait sur celle-ci pendant plusde 15 minutes. Pour y remédier, je vous conseille de vous rendre sur l’onglet Système du menu Configuration.

En bas à droite de l’écran

J’ai l’habitude mettre un 1 devant le 15 pour faire 115 minutes, ce qui melaisse largement le temps de faire une pause.

Après toute modification, n’oubliez pas de cliquer sur le bouton Enregistrer ou Enregistrer & Fermer.

Enregistrer enregistre les modifications mais vous restez surl’écran en cours.

Enregistrer & Fermer enregistre les modifications et ferme l’écran encours

Si vous ne voulez rien faire, vous cliquez sur Annuler (ou Fermer s’il n’ya pas le bouton Annuler).

Attention à ne jamais quitter l’administration d’un site en fermant la fenêtredu navigateur (la petite croix), vous devez toujours vous déconnecter avant,sinon vous risquez de verrouiller des articles ou pire. C’est un peu comme si vous éteignez un ordinateur en appuyant sur le boutonéteindre sans l’avoir arrêté auparavant à l’aide du bouton Démarrer – Arrêter.

C’est dans Configuration – Serveur, que vous devez indiquer Aucun en face de Rapport d’erreurs.

Aucune modification dans les onglets Droitset Filtres de texte.

Rendez-vous maintenant dans le menu Extensions– Gestion des templates.

Cliquez sur l’icône Paramètres.

Je vous engage à activer la prévisualisation de la position des modules. Cecivous permettra de connaître la position des modules sur votre site Joomla,simplement en ajoutant /?tp=1 à lafin de l’url de votre site.

Exemple : http://www.les-livres.info/?tp=1

Vous pourrez désactiver cette fonction à tout moment.

... la suite dans un prochain article ...

Installer la dernière version de Joomla 2.5

2012-02-11T04:42:00.000-08:00

Afin d’installer la dernière version de Joomla 2.5, rendez-vous sur le site :www.joomla.fr

A l’heure où j’écris ces lignes, la dernière version de Joomla 2.5 est la2.5.1

De toute façon, depuis Joomla 2.5, la mise à jour est (presque)automatique. Votre site détectera qu’il doit mettre à jour sa version deJoomla et vous n’aurez qu’à cliquer sur un bouton.

Vous devez cliquer sur « Télécharger la version complète Joomla! 2.5.1 en français »

Cliquez sur le bouton « Télécharger ».

Vous avez téléchargé un fichier archive (fichier zip) et vous devrez ledésarchiver (dézipper) avec de le copier dans le répertoire www de votrehébergement (OVH).

Si vous n’avez pas le logiciel pour dézipper le fichier, rendez-vous surles logiciels gratuits sur le site www.annuairedelafrance.net

Les logiciels ci-dessous sont gratuits :

http://www.7-zip.org : 7-Zip permet de compresser vos dossiers et vos fichiers afin qu'ils utilisent moins d'espace sur votre disque dur. Le programme est capable de créer des archives aux formats 7z, TAR, Gzip, Bzip2 et ZIP. Il peut ouvrir de nombreux formats tels que 7z, ZIP, CAB, RAR, ARJ, Gzip, Bzip2, TAR, Cpio, RPM et DEB.
http://www.izarc.org : IZArc se positionne en concurrent direct de WinZip 15, PowerArchiver 2010, UltimateZip et consorts. Il propose plus ou moins les même fonctionnalités que tous les autres à savoir le support d'un très grand nombre de formats de compression.

Déplacez-vous dans le dossier Téléchargement dans lequel se trouve lefichier téléchargé.

Choisissez Extraire vers Joomla_2.5.1-Stable-Full_Package_FR\

Les fichiers vont être extrait du fichier .zip afin d’être placés dans undossier que vous devrez transférer dans le dossier www (dossier contenant lesfichiers du site internet) de votre hébergeur (OVH).

Vous devez avoir dans le dossier nouvellement créé les dossiers et les fichiers ci-dessus.

Transférer vos fichiers avec le client FTPFileZilla

Si vous n’avez pas le logiciel FileZilla, vous pouvez le télécharger sur :

www.annuairedelafrance.net/informatique_logiciels_gratuits.php

http://www.filezilla-project.org : FileZillaest un client FTP, FTPS et SFTP, développé sous la licence publique généraleGNU.

Une fois lancé FileZilla, vous allez surtout avoir besoin d’utiliser leGestionnaire de Sites.

Les gestionnaire de sites vous permet d’enregistrer les paramètres deconnexion de tous les sites internet que vous devez gérer (les vôtres ou ceux devos clients).

Vous devez créer un Nouveau site (moi je choisi le nom du site, exemplewww.leslivres.com), lui donner le nom de l’hôte (exemple ftp.perso.ovh.net), choisir le type d’authentificationnormale, donnez le nom d’identifiant qu’OVH vous a communiqué ainsi que le motde passe. Sachez qu’à tout moment, vous pouvez vous connecter sur le manager d’OVHpour modifier le nom de l’identifiant ainsi que le mot de passe qui lui estassocié.

Ci-dessus, voici la partie gauche de FileZilla quand je me connecte sur l’unde mes sites OVH.

Vous voyez à gauche les répertoires de Joomla 2.5 que vous devrez copier dansla partie droite (serveur OVH).

Ci-dessus, la partie droite de FileZilla. Vous devez double-cliquer(cliquer 2 fois) dans le répertoire www afin de l’ouvrir.

Pour copier tous les fichiers de la gauche vers la droite (de votreordinateur vers le répertoire www de votre hébergeur) sélectionnez un dossier deJoomla dans la colonne de gauche, puis faite Ctrl-a pour les sélectionner touset avec la souris, déplacez les vers la fenêtre de droite.

Le temps pour transférer les fichiers sur le serveur dépend de votreconnexion internet (ADSL, câble ou fibre optique). Pour l’ADSL, comptez unedizaine de minutes, parfois plus si vous partagez votre accès internet avec d’autresappareils (ordinateurs ou télévision numérique).

En bas à gauche de FileZilla, vous avez des indications concernant lesfichiers en attente, les transferts échoués et les transferts réussis. Lorsque vousavez des transferts échoués, un clic droit permet de le remettre en file d’attenteet un nouveau clic droit permet de traiter la file d’attente, c’est-à-dire dela soumettre à un nouveau transfert.

Il important de vérifier que tousles fichiers ont bien été transférés. En ce qui me concerne, j’avais 2 fichierséchoués, que j’ai pu remettre en file d’attente, puis renvoyer vers le serveur.

Configurervotre site internet

Vous avez acheté votre pack perso chez OVH (1/2 journée) et avec vos codesFTP vous avez transféré vos fichiers sur le dossier www de votre hébergeur. Ilreste maintenant à configurer votre site sur le serveur.

Si vous allez sur internet et que vous tapez l’url de votre site :www.monsite.com, vous aurez le message suivant :

Parse error: syntax error, unexpected '=',expecting '(' in /homez.169/pokeretc/www/includes/framework.php on line 42

OVH a besoin d’une ligne de commande supplémentaire pour utiliser PHP 5. Alorsque sur Joomla 1.5 on pouvait se contenter de PHP 4, depuis Joomla 1.7 il fautimpérativement disposer du langage PHP 5 sur le serveur.

Vous allez revenir dans le dossier de Joomla 2.5 que vous avez dézippéavant de le transférer sur le serveur. Dans ce dossier, il y a un fichier qui s’appellehtaccess.txt

Vous allez l’éditer avec un éditeur de texte : bloc-notes de Windows,Notepad++, Dreamweaver, mais surtout pas avec un logiciel de traitement detexte comme Word.

Si le bloc-notes de Windows ne l’ouvre pas avec les retours à la lignecomme dans l’exemple ci-dessous :

Il faudra alors l’ouvrir avec un éditeur de texte un peu plus évolué commeNotepad++ (ou Dreaweaver).

Notepad++ est un logiciel gratuit.

http://notepad-plus-plus.org : Notepad++est un éditeur de texte générique codé en C++, qui intègre la colorationsyntaxique de code source pour les langages et fichiers C, C++, Java, C#, XML,HTML, PHP, JavaScript, makefile, art ASCII, doxygen, .bat, MS fichier ini, ASP,Visual Basic/VBScript, SQL, Objective-C, CSS, Pascal, Perl, Python, R, MATLAB,Lua, TCL, Assembleur, Ruby, Lisp, Scheme, Properties, Diff, Smalltalk,PostScript et VHDL ainsi que pour tout autre langage informatique, car celogiciel propose la possibilité de créer ses propres colorations syntaxiquespour un langage quelconque. Ce logiciel, basé sur la composante Scintilla, apour but de fournir un éditeur léger et efficace. Il est également unealternative au bloc-notes de Windows (d’où le nom). Leprojet est sous licence GPL.

L’éditeur Notepad++ va ouvrir votre fichier htaccess.txt avec les retours àla ligne, ce qui nous facilitera les choses pour lui ajouter quelques lignes.

Notez que Notepad++ (ou Dreamweaver) est aussi tout à fait adapté pourmodifier les fichiers PHP et CSS de votre template mais nous n’en sommes pasencore là.

A la fin du fichier htaccess.txt, vous allez ajouter les lignes :

SetEnv PHP_VER 5

SetEnv REGISTER_GLOBALS 0

ErrorDocument 401 http://www.les-livres.info

ErrorDocument 402 http://www.les-livres.info

ErrorDocument 403 http://www.les-livres.info

ErrorDocument 404 http://www.les-livres.info

ErrorDocument 500 http://www.les-livres.info

Remplacez l’url www.les-livres.infopar l’url de votre site.

Notez que OVH supporte aussi PHP 6 mais nous n’en aurons pas besoin.

J’ai également installé des sites Drupal et SPIP sous OVH sans aucunproblème

L’explication de ces lignes (en rouge) que l’on doit ajouter dans lefichier htaccess est simple :

La 1^ère ligne indique quelle version de PHP on utilise.

La 2^ème ligne règle un problème de sécurité.

Les lignes suivantes permettent une partie de la redirection des erreurs. L’autrepartie de la gestion des erreurs se fera dans les fichiers error.php destemplates (system + celui que vous aurez choisi).

Ci-dessus, la fin de mon fichier htaccess.txt

Une fois que vous avez sauvé ce fichier, vous pourrez l’envoyer par FTP(logiciel FileZilla) dans le dossier www de votre serveur afin qu’il vienneremplacer celui qui y était déjà.

Le fichier htaccess.txt ne servira à rien tant que vous ne l’aurez pasrenommé en .htaccess

Hélas, cela est impossible avec une commande Windows. Heureusement, cela nepose aucun problème à FileZilla et vous allez renommer ce fichier htaccess.txtdirectement sur le serveur d’OVH.

Désormais, il s’appellera .htaccess et il s’agit du principal fichier deparamétrage de votre site internet.

Installationde Joomla! sur votre site

Il faut maintenant aller sur votre site internet, exemple www.jeux-infos.com

Etant donné que Joomla n’est pas encore installé comme il faut, vous allez tomberautomatiquement sur l’installation de Joomla : http://www.jeux-infos.com/installation/index.php

La détection du français est automatique.

Vous devez cliquer sur le bouton « Suivant » en haut à droite.

Pour une compatibilité optimale avec Joomla, tous les paramètres devraient êtresur vert, or nous en avons 2 qui sont de couleur rouge. Ceci n’empêchera pasJoomla de fonctionner correctement.

Cependant la version actuelle de Joomla (ou certaines extensions) peuventprovoquer l’affichage d’erreurs à l’écran et nous verrons ensemble commentfaire pour que ces erreurs ne soient pas affichées sur votre site.

Cliquez sur « Suivant ».

Dans l’étape ci-dessous, vous devez aller chercher les informations concernantvotre base de données, informations qui vous ont été fournis par l’hébergeurOVH mais que vous pouvez récupérer en allant lire l’historique des messages survotre manager OVH.

Je conseille vivement de conserver toutes les informations concernant voshébergements dans un fichier protégé par un mot de passe afin que personne d’autreque vous (ou votre webmaster) ne puisse en prendre connaissance.

Vous pouvez remarquer sur l’écran ci-dessus, que le nom de la base dedonnées doit être Mysql (et non Mysqli), le nom de votre serveur peut êtredifférent du mien, le nom utilisateur et le nom de la base de données est le même,le préfixe des tables sera sûrement différent du mien.

Vous pourriez avoir 2 sites Joomla différents ou 1 site Joomla et 1 siteWordpress (ou Drupal ou SPIP) sur un même site internet occupant une seule basede données mais avec des répertoires différents et des préfixes de tablesdifférents. L’objectif étant d’avoir avec un seul pack perso, plusieurs sitesinternet différents (plusieurs CMS différents) qui cohabitent sans problème.

Exemple ici, un site Joomla : http://www.creationdesitesinternet.info

Et ici un site Wordpress : http://www.creationdesitesinternet.info/wordpress/

Le tout pour un simple pack perso chez OVH

Mais je peux à tout moment ajouter un site Drupal ou Spip qui partageraientla même base de données (mais pas les mêmes tables).

Cliquez sur « Suivant ».

Vous pouvez ignorer cette étape.

Cliquez sur « Suivant ».

Vous devez remplir les champs suivants :

Le nom du site
L’adresse e-mail (utilisé par défaut sur votre site Joomla)
L’identifiant que vous voulez (pas forcément admin)
Un mot de passe assez compliqué

Avant de cliquer sur le bouton »Suivant », je vous conseille decliquer sur le bouton « Installer les données exemples », cela vouspermettra d’avoir un site non vide et cela facilitera grandement le choix dutemplate puisqu’avec un site vide, n’importe quel template installé ne donneraaucun rendu visuel.

Cliquez sur « Suivant ».

Félicitations, Joomla ! 2.5 est installé, mais vous devez encoresupprimer le répertoire Installation à l’aide de votre logiciel FTP FileZilla.

Comme FileZilla a enregistré les paramètres de configuration FTP de votresite, la connexion est facile : ouvrir le gestionnaire de site, le siteest déjà sélectionné, vous cliquez sur Connexion, vous rentrez dans lerépertoire www puis vous sélectionnez le dossier Installation et vous appuyezsur la touche Suppr pour le supprimer.

Je vous conseille maintenant de retourner sur votre site et de cliquer surle bouton Administration afin d’effectuerquelques réglages.

... la suite dans un prochain article ...

Joomla 2.5 : Choisir son hébergeur

2012-02-06T23:18:00.000-08:00

Du choix de l’hébergement de votre site internet dépendra beaucoup de choses,que ce soit la facilité d’installation, le prix de l’hébergement, la rapidité d’accèsà votre site internet, la qualité de la hotline mais aussi la facilité de fairedes sauvegardes et des restaurations de la base de données.

Si vous êtes en France, le choix de l’hébergeur OVH (N°1 en France et enEurope) me parait évident. Après avoir essayé plusieurs hébergeurs dont l’hébergeurallemand 1&1, j’ai fixé définitivement mon choix sur OVH et je ne leregrette pas.

Dans mes précédents livres sur le CMS Joomla, on m’a reproché de faire dela publicité pour OVH, mais je ne suis pas payé par cette société et c’est entoute impartialité que je vous recommande l’hébergeur français OVH et cedocument prendra comme unique exemple un site Joomla hébergé sur OVH.

Le but de ce manuel étant, je le rappelle, de vous permettre de mettre enligne rapidement votre propre site internet sous Joomla 2.5.

Tout d’abord, tapez OVH sur votre moteur de recherche préféré (Google, Bingou Yahoo).

Vous arriverez à l’url suivant : http://www.ovh.com/fr/index.xml

Entrez le nom que vous souhaitez et modifiez ce nom afin d’en trouver unqui soit encore disponible.

Vous pouvez cliquer aussi sur « Plus d’extensions » afin d’afficherune nouvelle fenêtre vous permettant de voir quels sont les noms de domainedisponibles.

Cliquez sur l’onglet « Domaines disponibles » et cochez les casesdes extensions que vous souhaitez.

Une fois que vous avez trouvé le nom de domaine et l’extension que voussouhaitez, revenez sur le page d’accueil pour taper le nom de domaine et l’extension.Sinon, vous risquez de ne pouvoir commander que le nom de domaine et non le packperso qui comprend un nom de domaine + un espace sur le serveur + une base dedonnées MySQL.

Cliquez sur le bouton « Commander ».

Vous allez arriver sur une nouvelle fenêtre.

Cliquez simplement sur le bouton « Continuer ».

Choisissez l’offre Gold.

Choisissez l’offre « Perso ».

Quand vous arrivez sur les Options SQL, contentez-vous de cliquer sur lebouton « Continuer ».

Si vous avez pris une extension courante (.com, .fr, .org, .net ou .info),vous devez arriver à 28,56 €.

Cliquez sur « Continuer ».

Ici, vous devez indiquer si vous êtes déjà client OVH.

Si êtes nouveau pour OVH, vous devrez donner des informations sur vous.

Vous devez ensuite créer un mot de passe qui sera associé à votre compteclient OVH.

Une fois votre compte OVH validé, vous pourrez vous connecter sur l’interfaceManager d’OVH : https://www.ovh.com/managerv3/

OVH vous enverra des mails avec vos identifiants.

Vous recevrez un premier mail de confirmation de la commande quelques minutes après.
Comptez environ 2 heures (parfois plus) avant de recevoir le mail qui contiendra les codes FTP. Ces codes vous permettront d'envoyer des fichiers à partir de votre ordinateur vers votre espace de travail (www) qui se trouve sur un serveur mutualisé d'OVH.

Exemple :

Serveur ftp : ftp.leguidedeshotels.frou ftp.perso.ovh.net
Login ou utilisateur : leguidede - Mot depasse : wuz8wOPT

Non seulement, vous recevrez des mails d'OVH contenant vos identifiants, mais vous pouvez aussi à partir de votre manager OVH, accéder à l'ensemble des mails qu'OVH vous a envoyé.

Pour cela, allez sur votre manager OVH.
Une fois connecté à votre manager OVH, vous ne sélectionnez aucun produit et vous cliquez directement sur l'icône Administration situé en bas à gauche.

Cliquez sur Administration

Cliquez sur l'icône Mes paramètres

Puis sur l'Historique des emails

Ensuite sur une loupe en face du mail que vous voulez consulter.

Dés que vous avez obtenu la validation de votre pack perso, vous pouvez demander votre base de données qui est incluse dans votre pack.

Vous êtes connecté sur le manager d'OVH avec votre identifiant. Vous sélectionnez le site sur lequel vous voulez une base de données. Si vous n'avez acheté qu'un seul pack perso, vous n'aurez qu'un seul site.

Cliquez sur Hébergement.

Cliquez sur Gestion SQL

Cliquez sur Nouvelle base MySQL

Il faut parfois compter 30 minutes ou une heure entre le moment où vous demandez la base de données et le moment où vous recevez l'identifiant et le mot de passe de votre base de données.

Ce qui signifie qu'en une demi journée, vous aurez commandé votre pack perso, reçu vos codes FTP et reçu également vos codes concernant la base de données.

... la suite dans un prochain article ...

L'extension jUpgrade vous permettra prochainement de migrer votre site Joomla 1.5 vers Joomla 2.5

2012-02-04T07:43:00.000-08:00

Si votre site est en Joomla 1.5, l'extension jUpgrade vous permettra prochainement de migrer votre site vers Joomla 2.5. Attention, toutes les extensions ne sont pas compatibles !
Vous pouvez télécharger la version en français de jUpgrade par ce lien : http://extensions.joomla.fr/liste-de...cueil/jupgrade

jUpgrade est un composant permettant de créer un site Joomla 2.5 à partir des données du site Joomla 1.5 dans lequel il est installé. Les données de certaines extensions tierces sont prises en charge. Le composant ne met pas à jour votre version de Joomla 1.5, mais effectue une installation d'un nouveau site en récupérant les données. Vous devez ensuite appliquer le français comme langue par défaut dans le nouveau site.

A l'heure où j'écris ces lignes, les paramètres ne sont pas pris en charge pour l'instant.

Téléchargez la version en français ici : http://extensions.joomla.fr/liste-de...cueil/jupgrade

Afin de pouvoir éventuellement aider quelqu'un, je teste ce composant pour migrer un site Joomla 1.5.x vers Joomla 2.5.x. Personnellement, je préfère la méthode manuelle mais je comprend que certains ont besoin d'aide logicielle pour changer de version.

Pour le moment, tout ce que je peux dire, c'est que le résultat final (coté frontend) n'est pas encore probant et je préfère encore faire la migration Joomla 1.5 vers Joomla 2.5 à la main plutôt que d'utiliser cette extension.

Version Joomla 1.5

Version Joomla 2.5

Joomla 2.5.1 est disponible !

2012-02-04T03:34:00.001-08:00

La nouvelle version 2.5.1 a supprimé l'affichage de quelques lignes d'erreurs (en utilisant le module recherche sur mes sites utilisant PHP 5.3.9) qu'avait occasionné le passage de la 1.7.3 à 2.5.0 mais comme il reste encore une ligne d'erreur, je vais continuer avec le rapport d'erreurs sur Aucun dans Configuration Serveur.
En tout cas, cette nouvelle version va dans le bon sens et je pense que la version suivante supprimera les quelques bugs qui reste.

Migrer vers Joomla 2.5

2012-01-27T15:00:00.000-08:00

Avant tout, vous trouverez un excellent Tutorial ici :
http://aide.joomla.fr/base-de-connaissance-joomla-2-5/passer-de-joomla-1-6-1-7-a-2-5

La migration vers Joomla 2.5 ne peut se faire que si votre site internet possède une version Joomla 1.6 ou 1.7. Par conséquent, si vous êtes toujours sous Joomla 1.5 (ou Joomla 1) oubliez !

Petite info supplémentaire. Pour ceux qui sont sur Joomla 1.5 ou Joomla 1.0, vous pouvez toujours créer un site Joomla 2.5 et copier-coller le code source de chacun de vos articles après avoir créé les catégories. Et ensuite créer les menus. Il ne restera plus qu'à ajouter les extensions compatibles Joomla 2.5. Ensuite, vous exportez la base de données du site Joomla 2.5, videz celle de Joomla 1.5 (ou 1.0), importez la base de données sauvegardée (celle de Joomla 2.5). Modifiez le fichier configuration.php avec notamment le nom du serveur, le nom de la base de données, le mot de passe de la base de données et l'extension des tables. Puis copiez tous les fichiers de la version 2.5. Ainsi vous aurez sur l'ancien site Joomla 1.5 (ou Joomla 1.0) le nouveau site Joomla 2.5 avec les mêmes infos qu'avant. Le souci, c'est que vous n'aurez pas le même template, ni les mêmes extensions mais je suis sûr que vous trouverez un template et des extensions encores plus beaux.

Comme ceux qui étaient sous Joomla 1.6 sont déjà passés sous Joomla 1.7, je vais vous montrer comment migrer vers Joomla 2.5.

Vous vous connectez sur la partie administration de votre site Joomla et vous allez dans la gestion des extensions.

Choisissez l’onglet Mises à jour.

Cliquez sur « Rechercher des mises à jours ».

Dans mon cas, j’ai 2 mises à jour à effectuer, l’une, c’est Joomla 2.5.0, l’autre, c’est la bibliothèque Gantry.

Après avoir coché toutes les mises à jour, je clique sur le bouton « Mise à jour ».

Vous pouvez à tout moment réitérer cette opération afin d’être sûr d’avoir la dernière mise à jour de Joomla.

Il reste encore une étape, celle de l'installation du pack français. Pour cela, vous devez aller sur la page suivante :
http://aide.joomla.fr/telechargements/joomla-2-5-package-d-installation-et-patchs/fichiers-de-langue-pour-joomla-2-5

Et vous téléchargez l'archive : fr-FR_joomla_lang_full_2.5.0v1.zip

L'installation du pack de langue FR s'effectue depuis l'administration de Joomla! : Extensions > Gestion des extensions.

L'archive contient les fichiers de traduction de l'administration de Joomla (backend), de l'interface frontale (frontend), et de l'éditeur TinyMCE.

Pour utiliser l'éditeur TinyMCE en français, vous devez définir le code langue « fr » dans les paramètres du plug-in « Éditeur TinyMCE ». Ce qui normalement devrait être déjà fait.

Votre site internet possède désormais la dernière version de Joomla.

Notez que l'envoi du formulaire de contact ne fonctionne pas pour le moment avec Joomla 2.5 :

Fatal error: Call to a member function checkAnswer() on a non-object in /homez.487/leslivrem/www/libraries/cms/form/rule/captcha.php on line 47

Je retournerai sur ce message pour vous informer dés que l'envoi du formulaire de contact sera devenu opérationnel.

Lundi 30 janvier 2012 :

J'ai installé Joomla 2.5 sur un autre nom de domaine : www.jeux-infos.com et je n'ai rencontré aucun problème.
Je me suis servi du fichier configuration.php de ce nouveaux site pour refaire le fichier configuration.php du site www.les-livres.com et cette fois-ci le formulaire de contact fonctionne.

En fait, il est inutile de le faire à la main. Il suffit d'ouvrir la page de configuration dans l'administration et de sauvegarder, sans nécessairement faire de modification, pour que l'enregistrement soit mis à jour.

Par contre, j'ai toujours le message d'erreur suivant lors de l'utilisation du moteur de recherche :

Notice: Undefined property: stdClass::$con_position in /homez.487/leslivrem/www/plugins/search/contacts/contacts.php on line 151

Jeudi 2 février 2012 :

Finalement, j'ai modifié dans l'onglet Serveur de Configuration Les paramètres du serveur.
J'ai mis le Rapport d'erreurs sur Aucun.

Joomla 2.5 est désormais parfaitement opérationnel et je l'ai installé sur 4 sites.

Joomla 2.5.0 est disponible

2012-01-26T00:09:00.000-08:00

La version 2.5.0 est la nouvelle mise à jour depuis la version 1.7 (notez que nous sommes directement passé de la version 1.7.x à la 2.5.x.). C'est la seconde version réalisée dans le cycle de publication tous les six mois qui a commencé avec la sortie de Joomla 1.6 en Janvier 2011.

Site : www.joomla.fr

Je vais bientôt entamer un tutorial ici-même sur Joomla 2.5, aussi je vous invite à venir régulièrement sur ce blog.

Joomla est vainqueur du 2011 Open Source Awards

2012-01-09T06:51:00.001-08:00

Joomla vient de remporter cette année devant Drupal (1^er finaliste) et Plone Open Source (2ème finaliste) l'Open Source Awards.

Open Source Matters, fondation sans but lucratif qui gère et dirige le développement de Joomla recoit donc un prix de 2 500 $ de la part de l'éditeur.

Source : http://www.packtpub.com/blog/2011-open-source-awards-winner-news-open-source-cms

Réaliser votre site internet avec Joomla 1.7

2012-01-08T23:22:00.001-08:00

Auteur : Thierry Cumps
Editeur : Lulu

Manuel pour vous apprendre à créer un site internet avec le CMS Joomla 1.7

Thierry Cumps écrit avec passion sur des sujets qu'il connait et qu'il aime mais sans vous abrutir de mots compliqués. Ses manuels informatiques se veulent 100% pratiques. Ils font moins de 100 pages et sont illustrés afin d'être compréhensible par tous.

Au sein de son association (www.cumps.org), il aide les adhérents à mettre à jour leur site internet et il dispense des formations.

Acheter le livre
L'acheter au format Kindle
Le commander directement à l'auteur

Cet article vous a été communiqué par "Auteurs de livres".

Joomla 1.7.3 est disponible

2011-12-02T08:48:00.001-08:00

Lien pour télécharger : http://www.joomla.fr/versions-joomla/joomla-17x

Joomla 1.5.25 est disponible

2011-12-01T03:15:00.001-08:00

Même si Joomla 1.7 est disponible depuis plusieurs mois, il existe de nombreux sites internet utilisant Joomla 1.5.xx et il est préférable d'installer la dernière version.

J'ai moi-même des sites internet utilisant Joomla 1.5.23 que je vais passer maintenant en 1.5.25

Pour cela, je vais cliquer sur : "Télécharger le patch de mise à jour 1.5.25"
Puis cliquer sur le patch de mise à jour de Joomla 1.5.x vers 1.5.25

Je dois dézipper le fichier "Joomla_1.5.X_to_1.5.25-Stable-Patch_Package_FR.zip"
Une fois ceci terminé, je vais pouvoir copier la presque totalité de la mise à jour sur mes sites qui utilisent Joomla 1.5.23 afin de les faire passer en Joomla 1.5.25

Ci-dessus, les fichiers que je vous conseille de copier sur le serveur.

Désormais mon site possède la dernière version de Joomla 1.5

Joomla 1.7.2 est disponible

2011-10-24T11:21:00.000-07:00

Le projet Joomla annonce la disponibilité immédiate de Joomla 1.7.2
Attention, il s'agit d'une version de sécurité !

Vous pouvez :

Télécharger la version complète Joomla! 1.7.2 en français
Télécharger la mise à jour FR Joomla! 1.7
Télécharger la mise à jour de Joomla! 1.6.x vers 1.7.2

Rendez-vous sur www.joomla.fr/versions-joomla/joomla-17x

Les articles archivés avec Joomla 1.5

2011-10-13T06:33:00.000-07:00

Prenons le cas d'articles que je veux archiver. Il me suffit de cocher leurs cases, puis de cliquer sur le bouton Archiver.

On remarque que les articles archivés ne sont plus publiés et qu'ils sont de couleurs grises.

Si je veux permettre à mes visiteurs de les consulter quand même, je dois ajouter dans l'un de mes menus, un lien vers eux. Cela se fait grâce à la liste des articles archivés.

Comme on peut le voir sur l'écran ci-dessus, en cliquant sur le lien que j'ai créé dans un menu, on obtient les articles archivés sous le format d'une liste. Ceci étant, on peut aussi parler d'un format blog, j'avoue que je ne vois pas trop la différence dans le cas présent.

Configurer un site Joomla 1.7 pas à pas

2011-09-11T02:42:00.000-07:00

Je vais me servir d'un site internet pour vous montrer comment configurer celui-ci.

Tout d'abord allez dans le menu Configuration.

Le site a déjà un titre : IP annonces.

Il faut maintenant placer la description, les mots clés séparés par des virgules et une petite phrase pour les droits légaux.

Quand on regarde le code source du site www.ip-annonces.com on voit les balises META suivantes :

<meta name="keywords" content="annonces, annonce, petites annonces" />
<meta name="rights" content="Ce site internet appartient à la société IP annonces." />
<meta name="author" content="IP annonces / CUMPS" />
<meta name="description" content="Favoriser et faciliter la mise en relation des agents économiques par la diffusion des petites annonces. Assurer la visibilité des différentes Associations et ONG pour la promotion de leur Activité. Mettre à la disposition du Public en general, et de la Diaspora en particulier les grilles de programme Tv des pays d'Afrique." />

<meta name="generator" content="Joomla! 1.7 - Open Source Content Management" />
<title>IP annonces</title>

Comme il s'agit d'un site de petites annonces, il faut maintenant ajouter toutes les catégories dans lesquelles on va pouvoir ranger les petites annonces.

Il suffit de cliquer sur l’icône Nouveau (en haut à droite) pour ajouter une nouvelle catégorie.

Vous mettez le titre de la catégorie.

Et si vous n'avez plus rien d'autre à faire, vous pouvez cliquez sur l'icône Enregistrer & Fermer

Voila, vous avez ajouté une nouvelle catégorie à votre gestion de petites annonces.

Ecrire les règles ainsi que le message de bienvenue
Pour cela, il faut aller dans Configuration et Texte

Le haut de la page permet de saisir le message de bienvenue.

Le bas de la page permet de saisir les règles (le règlement)

Si besoin est, vous pouvez créer de nouveaux champs ou en supprimer.

Rendre des champs obligatoires (rond vert) ou pas (rond rouge).

Quand quelqu'un a posté une annonce mal rédigée (exemple ci-dessous), vous devez la corriger avant de la publier.

Pour modifier une annonce, il suffit d'aller sur Composants - Adsmanager - Annonces

Sélectionnez l'annonce à modifier.

Puis, corrigez l'annonce mal saisie :

Autoriser les utilisateurs à passer des annonces.

A quoi sert une gestion de petites annonces, si l'administrateur ne valide pas les annonces.
Ceci étant, l'administrateur peut configurer la gestion pour que la validation soit automatique (mais attention au SPAM).

Normalement, les utilisateurs doivent cliquer sur un lien dans le mail que le système leur envoi afin d'activer leur compte. Un rond rouge nous signale qu'un utilisateur n'a pas activé son compte (cliqué sur le lien que le système lui a envoyé). Par conséquent il n'aurait pas dû passer une petite annonce.

Le problème vient du fait que la configuration Auto Publication était sur Oui. Je viens de la faire passer sur Non afin qu'aucune annonce ne puisse être passée avant d'être validée par un administrateur.

Désormais, un administrateur devra valider chaque annonce avant qu'elle ne soit publiée et les utilisateurs devront activer leur compte avant de publier des annonces.

Gestion des modules : Module mod_adsmanager_ads

Ce module permet d'afficher les dernières annonces publiées.
Ici ce sera 3 mais vous pouvez changer ce chiffre.

Comme il n' y a que 2 annonces publiées, il n'y a pour le moment que 2 annonces affichées.

Les menus

Les menus sont des modules, vous pouvez en créer à partir du menu Menus - Gestion des menus.

La gestion des menus vous permet de créer des menus mais aussi d'en supprimer.
Pour ajouter un élément dans un menu, il faut d'abord sélectionner le menu.

Si un menu ne s'affiche pas sur votre site, c'est qu'il est désactivé ou qu'il n'a pas été prévu de s'afficher dans l'une des positions visibles de votre site.

Quoiqu'il en soit, vous pouvez aller dans Extensions - Gestion des modules, pour comprendre pourquoi votre module menu ne s'affiche pas.

Si l'un des menus de votre site n'existe pas dans la rubrique Menus de votre backoffice Joomla, c'est sans doute qu'il s'agit d'un module téléchargé (et non créé par vous). Là aussi rendez-vous dans Extensions - Gestion des modules.

Gestion des modules : Module mod_adsmanager_menu

Le module que j'ai intitulé Petites annonces n'a pas été créé à partir de la gestion des menus. Il s'agit d'un module téléchargé qui fait partie de la suite Adsmanager. En conséquence, vous ne retrouverez pas ce menu dans la rubrique Menus du backoffice Joomla.

Il y a actuellement 3 modules publiés dans la position gauche du site www.ip-annonces.com. Le module intitulé Petites annonce affiche actuellement ceci sur le site :

Le rôle de Accueil dans le site

Ci-dessus, on trouve le mot Accueil dans le module Fil de navigation. Le lien n'est actif (comme dans l'exemple ci-dessus) que si vous vous trouvez dans une page intérieure du site.

Le mot Accueil de la rubrique Petites annonces qui renvoi sur la page accueil des Petites annonces.

Le mot Bienvenu renvoi sur la page d'accueil.
Au lieu de "Bienvenue", on aurait pu écrire "Accueil" sur cette ligne du menu principal mais il me semble qu'il vaut mieux appeler la page d'accueil du site "Bienvenue" plutôt que "Accueil". Accueil ne signifie pas grand chose alors que Bienvenue signifie que vous souhaitez la bienvenue aux visiteurs.

Mettre à jour les bannières du haut du site

Pour les bannières de format 600 pixels de large sur 180 pixels de haut (format jpg ou png ou gif). Il suffit de copier les bannières dans le dossier : images/header/

La copie peut se faire à l'aide d'un logiciel FTP (exemple FileZilla) ou à l'aide de la gestion des médias (menu Contenu).

Ci-dessus, l'intérieur du dossier images/header vu par FileZilla

Ci-dessus, la partie gauche de la Gestion des médias (backoffice de Joomla).

Ci-dessus, la partie droite de la Gestion des médias (backoffice de Joomla).

La gestion de l'affichage des bannières se fait à l'aide du module mod_djimageslider

La suite va venir, soyez patient...

Sélectionnez un template

2011-09-09T10:50:00.000-07:00

Le template équivaut au design pour un site Joomla. C'est comme une skin pour un blog ou un thème pour un site Wordpress.

Pour sélectionner un template, vous devez aller dans le menu Extensions - gestion des templates.

Sur le site en question, je dispose des templates suivants :

Pour n'afficher que les templates pour site, je sélectionne l'emplacement Site.

Les templates pour Site sont ceux visibles par l'internaute.
Les templates pour Administration sont ceux du backoffice de Joomla.

Maintenant je n'affiche plus que les templates pour Site.

Pour changer de template par défaut, il suffit de cocher l'étoile qui est en face d'un template et de voir ensuite l'effet que ça donne au template.

En cliquant sur Templates, vous pouvez aussi voir des vignettes (petites images) des templates.

Ce qui vous permet d'avoir une idée d'un template avant que de le sélectionnez et de voir le résultat sur le site.

Ajoutez une photo et du texte dans une colonne

2011-09-08T11:29:00.000-07:00

Ceci concerne l'un de mes adhérents qui utilise Joomla 1.5

Tout d'abord, vous devez aller dans Extensions - Gestion des modules.

Cliquez sur l'icône Nouveau

Puis sélectionnez HTML personnalisé

et Suivant

Vous pouvez maintenant ajoutez photo et texte comme dans un article normal.

L'installation d'une gestion de petites annonces (en direct)

2011-09-01T10:25:00.000-07:00

Suite à la demande de l'un de mes adhérents (www.cumps.org) j'ai décidé de faire un tutorial sur le composant AdsManager. Voir la démo ici : http://psdemo.joomprod.com

Tout d'abord voici le lien pour télécharger l'extension : http://extensions.joomla.org/extensions/ads-a-affiliates/classified-ads/1096

En cliquant sur Download, vous arrivez sur la page http://joomprod.com/index.php?option=com_content&view=article&id=42&Itemid=29

Vous pouvez prendre la version gratuite (free donwload).

Vous pouvez télécharger la dernière version.
Attention, la dernière version est compatible avec Joomla 1.7 mais pas avec Joomla 1.5

Le nom du fichier téléchargé est pack_free_adsmanager_unzipfirst_264.zip

Vous devez le dézipper avant de l'installer sur votre site internet.

Dans le dossier pack_free_adsmanager_unzipfirst_264 vous trouverez les fichiers suivants :

Vous pouvez maintenant installer dans votre site internet les 5 extensions (1 composant et 4 modules).

Comme cette version ne fonctionne pas avec Joomla 1.5
J'ai donc décidé d'installer la version 2.6.2

Le nom du fichier que vous devez télécharger est pack_free_adsmanager_unzipfirst_262.zip
et vous devrez le dézipper pour en extraire les fichiers suivants :

Maintenant il faut songer à désinstaller les extensions de la version précédente de AdsManager.
Pour cela, il faut se rendre dans le menu Extensions - Installer / Désinstaller

Le composant à désinstaller s'appelle Adsmanger.

Sur l'image ci-dessous les 4 modules à désintaller :

Il ne reste plus qu'à installer les 5 extensions que vous avez télécharger précédemment.

Après avoir installé un module ou un plugin vous devez l'activer. Dans notre cas, allez dans la gestion des modules, sélectionnez les modules désactivés, et activez les modules suivants :

Attention cette version ne fonctionne pas non plus avec Joomla 1.5
Elle doit être prévue pour Joomla 1.6

Comme je dois installer cette gestion de petites annonces sur un site utilisant Joomla 1.5.23 je vais installer la version 2.5 et désinstaller la version précédente.

J'ai donc désinstallé les extensions de Adsmanager pour installer ceux qui seront compatibles avec Joomla 1.5 installé chez mon adhérent. Il n'en reste pas moins qu'un certain nombre d'extensions ne s'installeront pas.

Mais au final, la gestion de petites annonces fonctionne, il ne reste plus qu'à la paramétrer.

En réalisant ce petit tutorial, je m'aperçois, qu'il serait plus simple de refaire le site en installant Joomla 1.7, ce qui permettrait à mon adhérent de pouvoir bénéficier des dernières nouveautés en matière d'extensions. C'est d'ailleurs, ce que je vais lui proposer.

Vous trouverez une gestion de petites annonces (Joomla 1.7 + Adsmanager) sur la page suivante : http://www.thailande-infos.fr/petites-annonces.html

Réaliser votre site internet avec Joomla 1.7

2011-08-28T13:21:00.000-07:00

Comme je l'avais promis, j'ai sorti mon dernier ouvrage sur Joomla avant la fin du mois d'août. Vous pouvez commander mon livre "Réaliser votre site internet avec Joomla 1.7" en cliquant sur l'image.

Joomla 1.7

2011-08-06T06:51:00.000-07:00

Joomla 1.7 est disponible. Vous pouvez télécharger la version française ainsi que les patchs de mise à jour sur le site www.joomla.fr

Si lors d'une création de site, il n'y a aucune contre-indication à installer Joomla 1.7 (la version est stable). Il faut néanmoins savoir que les extensions disponibles actuellement sont celles de la version 1.6 (ce qui ne pose aucun problème puisque les extensions de Joomla 1.6 sont compatibles avec Joomla 1.7). Ce qui pose problème, c'est la migration de Joomla 1.6.5 vers 1.7

A chaque fois que j'ai essayé le patch, j'ai planté le site. Heureusement que j'avais fait des sauvegardes (fichiers + base de données). Il faut savoir qu'il ne s'agit pas d'une mise à jour normale comme lorsqu'on passe de Joomla 1.6.x vers 1.6.x ou de Joomla 1.5.x vers Joomla 1.5;x

Le changement de lettres 1.6 vers 1.7 indique un changement dans la base de données de Joomla. On ne peut donc pas se contenter de copier des fichiers sur le serveur.

La solution que j'ai trouvée consiste d'abord à passer de Joomla 1.6.5 à 1.6.6 (procédure de mise à jour en copiant les fichiers sur le serveur). Puis à partir du backoffice (backend) installation du patch 1.6.6 vers 1.7
Il ne reste plus qu'à régler quelques petits détails comme la mise à jour du template : index.php

Remplacez les lignes :
<?php if ($this->getBuffer('message')) : ?>
<div class="error">
<h2>
<?php echo JText::_('JNOTICE'); ?>
</h2>
<jdoc:include type="message" />
</div>
<?php endif; ?>
par
<jdoc:include type="message" />
afin d'éviter d'avoir un titre H2 intempestif au dessus du titre des articles.
Ce problème de message n'apparaît que lors d'une mise à jour et non lors d'une installation vierge.

La version 1.7 sera abandonnée en 2012 au profit de la version 1.8 mais il existera un patch de mise à jour pour migrer vers Joomla 1.8

Attention, seuls ce qui sont sur Joomla 1.7 pourront migrer vers Joomla 1.8

Joomla 1.5 et Joomla 1.6 étant en fin de vie, le support ne sera plus assuré (sauf par des gens comme moi évidemment).

Grosso-modo, mon livre sur Joomla 1.6 est encore valable pour Joomla 1.7 mais je vais quand même écrire une version adaptée à cette nouvelle version. Je pense que mon livre sera disponible à la vente avant la fin du mois d'août.

Thierry Cumps

Ne déformez pas les images

2011-08-03T10:05:00.000-07:00

L'un de mes adhérents a des images floues sur son site internet. Je vais vous apprendre comment y remédier.

Prenons l'image ci-dessous qui se trouve sur l'une des pages de son site internet joomla.

Comme on peut le voir, elle est floue. Je suppose que celui qui l'a intégré sur le site la déformée en tirant sur les bords avec la souris.

Si je fais un clic droit sur l'image avec la souris, je peux afficher l'image ou afficher des informations sur l'image.

Voici l'image réelle (non déformée).

Elle est plus petite que celle affichée sur son site mais au moins l'image est nette.

Pour que votre image soit à nouveau nette, vous devez la sélectionner dans votre article.

puis cliquer sur l'icône Insérer / Editer une image.

Dans un premier temps, on s'aperçoit que l'auteur de l'article a oublié de renseigner le champ Description et Titre. Ceux-ci sont important pour le référencement ainsi que pour les personnes mal-voyantes.

Quand vous insérer une image sans description, Joomla affiche le message suivant :
Etes-vous sûr de vouloir insérer une image sans inclure de description? Sans elle, l'image sera invisible pour les sytèmes de lecture (malvoyants, etc.), pour les navigateurs dont l'affichage des images est désactivé et, pour les moteurs de recherche!

En cliquant sur l'onglet Apparence, on s'aperçoit que des dimensions sont indiquées (ce qui n'est pas le cas au moment où on insère l'image). C'est en étirant l'image, que l'auteur de l'article a obligé Joomla a déformer l'image la rendant ainsi floue.

Pour retrouver l'image originale (celle qui est stockée sur le serveur), il suffit de supprimer les chiffres dans le champ Dimensions.

Puis de cliquer sur Mettre à jour et enfin de sauver l'article.

Les images ne doivent pas être déformées à l'aide d'un éditeur de texte (que ce soit Joomla, Bloggeur ou autres). Afin de redimensionner les images, il faut utiliser un logiciel graphique comme Photoshop, Gimp, Paint Shop Pro, etc. Voir les logiciels gratuits sur : http://www.annuairedelafrance.net/informatique_logiciels_gratuits.php

Le principe étant de partir de l'image ayant la plus haut définition (image ou photo originelle), puis la redimensionner à l'aide d'un logiciel graphique.

Mise à jour Joomla 1.6.5

2011-07-14T01:01:00.000-07:00

La mise à jour Joomla 1.6.5 francophone est disponible sur : http://aide.joomla.fr/telechargements/joomla-1-6-x-package-d-installation-et-patches

Si vous souhaitez un jour migrer vers la version 1.7, cette mise à jour est indispensable.

Il n'y a que 3 dossiers à copier vers le serveur.

Je n'ai que 3 sites sous Joomla 1.6 :

Votre page contact avec Joomla 1.5

2011-06-27T10:44:00.000-07:00

J'en parle bien sûr dans mon livre Réaliser votre site internet avec Joomla 1.5
mais pour ceux qui ne l'ont pas lu, je vais vous faire un petit tutorial.

Pour disposer d'une page comme celle ci-dessous que vous pouvez retrouver ici :
www.campingleruisseau.com/contact.html

Il suffit de se rendre dans le menu Composants - Contacts

Créer un nouveau contact ou modifier celui existant (Name)

Remplir la partie Détails, puis la partie Informations et choisir un logo ou une photo ou bien décider qu'il n'y aura aucune image.

et pour finir, cocher les boutons radios des 3 onglets des Paramètres.

Quant à Joomla 1.6 le formulaire de contact est encore plus sympathique.
Exemple sur www.thailande-infos.fr/contact.html

N'hésitez pas à adhérer à mon association : www.cumps.org
ou encore à acheter mes livres sur Joomla :

Essayez d'avoir un code HTML propre

2011-06-26T03:24:00.000-07:00

Vous devez dans la mesure du possible, essayez d'avoir toujours un code HTML propre.

Si vous importez du texte d'un traitement de texte (Word ou autre), passez le texte dans le bloc note de Windows (Copier-Coller puis Couper-Coller) afin de le débarrasser de tout les styles qu'il peut contenir.

Sinon, l'éditeur de Joomla 1.5, TinyMCE possède un nettoyeur de code (voir l'image ci-dessus), mais je vous conseille avant de faire une sauvegarde de votre article au cas où votre article ne serait plus conforme à ce que vous souhaitez.

Personnellement je nettoie le code HTML à la main même si c'est plus long, et je procède aussi à une sauvegarde de l'article avant.

Ci-dessous, l'exemple d'un bout de code HTML d'un article Joomla pris chez l'un de mes adhérents :

(Si vous avez des commentaires ou des questions concernant cette page, merci de les noter ci-dessous. Nous répondons à toutes les questions. Vous pouvez aussi nous les poser par mail, par Skype, par téléphone ou en direct dans une réunion de présentation.) 

Ci-dessous l'article de la page d'accueil d'un de mes sites Joomla :

 
Bienvenue sur le site Gites et couverts, l'annuaire des chambres d'hôtes, de l'hébergement et des bonnes tables.
 
 
 
<img src="images/stories/01012037.jpg" border="0" alt="Gites et couverts" style="float: right; margin-left: 10px; margin-right: 10px;" />
Dans cet annuaire, peuvent s'enregistrer :
<ul>
</ul>
<ol>
<li>les chambres d'hôtes</li>
<li>les hôtels</li>
<li>les restaurants</li>
<li>et d'une manière générale, tous les établissements qui proposent le gîte et le couvert</li>
</ol>
 
Si vous souhaitez une importante visibilité de votre établissement, vous n'êtes pas obligé d'avoir un site internet, il vous suffit d'avoir une page dans cet annuaire.
 
 
 
www.gitesetcouverts.com est destiné aux professionnels de l'hébergement et la restauration qui ont besoin d'une visibilité sur internet.
 
 
L'inscription sur ce site est réservée aux adhérents de <a href="http://www.cumps.org" target="_blank">l'association CUMPS</a> dont le site de présentation est <a href="http://www.cumps.org" target="_blank">www.cumps.org</a>

N'hésitez pas à adhérer à mon association : www.cumps.org
ou encore à acheter mes livres sur Joomla :

Créer des articles visibles dans un menu non visible avec Joomla 1.5

2011-06-17T05:19:00.000-07:00

Ceci m'a été demandé par un adhérent de l'association www.cumps.org
Mais c'est quelque chose que j'avais déjà fait (un peu différemment) pour une société d'investissement parisienne.

Dans le cas présent, la personne avait mis le texte dans un module personnalisé qui s'affichait en bas de son site.
Le type de module est mod_custom

Pour faire les choses proprement, j'ai créé une nouvelle section (Spécial) ainsi qu'une nouvelle catégorie (Avertissement - 18 ans).

J'ai aussi créé les 5 articles dans lesquels, j'ai simplement écrit le mot Prochainement.

Les 5 articles sont tous en accès Public.

J'ai créé un nouveau menu (Spécial) dans lequel j'ai fait 5 liens vers chacun des 5 articles.

Le module menu Spécial doit être rendu visible par au moins le super-utilisateur (moi) afin que je puisse récupérer l'URL des liens vers les 5 articles.

Pour cela, j'ai ajouté un module Identification dans un article afin que je puisse me connecter, le nouveau menu était à ce moment là en accès Spécial.

Je suis allé dans le module qui affiche les 5 liens en bas du site.

Et j'ai fais les liens vers 5 articles.

Ensuite, il n'est plus nécessaire que le module menu Spécial soit activé. Les liens créés à partir de ce menu fonctionne toujours.

N'hésitez pas à adhérer à mon association : www.cumps.org
ou encore à acheter mes livres sur Joomla :

Affichage de RokSlideshow sur Internet Explorer

2011-06-08T07:21:00.000-07:00

Si votre diaporama conçu à partir du module RokSlideshow ne s'affiche pas sur le navigateur Internet explorer alors qu'il s'affiche bien sur les navigateurs : Firefox, Google Chrome, Safari et Opera, vous devez désactiver le plugin System - Motools Upgrade (voir image ci-dessous).

Pour en savoir plus sur Joomla 1.5, vous pouvez commander mon livre "Réaliser votre site internet avec Joomla 1.5".

Ajouter un script dans un module avec Joomla 1.6

2011-06-08T01:28:00.000-07:00

La version 1.6 de Joomla intègre une sécurité que vous devez désactiver avant de pouvoir intégrer du code HTML ou JavaScript dans un module (ou un article).

Pour cela, allez dans Contenu - Gestion des Articles

Puis, cliquez sur le bouton Paramètres

Vous devez maintenant cliquer sur l'onglet Filtres de texte

Pour les Administrateurs et Super Utilisateurs, je vous conseille de choisir Aucun filtre
Ce qui permettra aux administrateurs et super administrateurs de pouvoir intégrer des scripts HTML ou JavaScript, exemple : code pour une vidéo ou pour le script de Google adsense.

Pour valider, vous cliquez sur le bouton Enregistrer & Fermer.

Ensuite, vous allez momentanément désactiver l'éditeur de texte dans la gestion des utilisateurs.

Vous faites ça pour le login utilisateur que vous êtes en train d'utiliser.

dans Extensions - Gestion des modules - Nouveau

Vous cliquez sur Contenu personnalisé

Le module "mod_custom" permet de créer vos propres modules personnalisés en y intégrant les contenus souhaités à l'aide de l'éditeur et, de code si les droits de l'éditeur et de Joomla vous le permettent.

Vous n'avez plus qu'à copier le code, puis cliquer sur Enregistrer et Fermer

Pensez à revenir sur la gestion des utilisateurs afin d'activer l'éditeur de texte, si vous souhaitez écrire des articles qui nécessitent un éditeur de texte.

Les paramètres SEO

2011-06-07T03:21:00.000-07:00

L'optimisation pour les moteurs de recherche (en anglais, Search engine optimization : SEO) est un ensemble de techniques visant à favoriser la compréhension de la thématique et du contenu d'une ou de l'ensemble des pages d'un site Web par les moteurs de recherche. Ces techniques visent donc à apporter un maximum d'informations concernant le contenu d'une page web aux robots d'indexation des moteurs de recherche.

Avec Joomla 1.5, vous devez aller sur Configuration générale et vous trouverez les paramètres SEO sur le côté droit de l'écran.

Vous devez placer tous les boutons à Oui.
Mais il faut également disposer d'un serveur de type Apache et avoir sur le serveur un fichier .htaccess

Pour en savoir plus sur Joomla 1.5, vous pouvez commander mon livre "Réaliser votre site internet avec Joomla 1.5".

Réaliser votre site internet avec Joomla 1.5

2011-06-05T07:27:00.000-07:00

Faire un lien dans un menu vers un article (Joomla 1.5)

2011-05-21T23:17:00.000-07:00

Un de mes adhérents (www.cumps.org) m'a demandé aujourd'hui comment faire un lien à partir d'un menu vers un article.

C'est en survolant la rubrique Menus avec la souris que l'on voit apparaître tous les menus présents sur le site.

Le fait de cliquer sur un menu, fait apparaître tous les éléments de ce menu.

En cliquant sur le bouton Nouveau, vous pouvez créer un nouveau lien.

Si vous voulez faire un lien vers un article, vous devez cliquer sur Articles.

Comme il s'agit d'un lien vers un article, vous devez cliquer sur Un article.

Vous devez donner un titre à votre article, un niveau d'accès (par défaut le niveau est public), un élément parent (par défaut, c'est haut).

Ensuite, vous devez cliquer sur le bouton Sélection pour sélectionner un article.

Bien sût vous pouvez sélectionner d'abord l'article, puis renseigner le titre, le niveau d'accès et l'élément parent. L'élément parent permet de faire des sous menus.

La gestion des utilisateurs avec Joomla 1.5

2011-05-17T09:39:00.000-07:00

Je vais vous parler de la gestion des utilisateurs sous Joomla 1.5 (actuellement Joomla 1.5.23). Même si la gestion des utilisateurs n'est pas aussi performante qu'avec la version 1.6, elle est déjà pas mal.

Vous pouvez créer les utilisateurs à la main comme le montre l'écran ci-dessus.

Mais vous pouvez aussi demander aux internautes de créer eux-mêmes un compte. Grâce à un compte sur votre site internet, les connectés auront accès à des articles réservés aux membres ou pourquoi pas, la possibilité de passer des petites annonces gratuites.

Vous récupérer ainsi leur nom et leur e-mail afin de pouvoir éventuellement les contacter. Notez que c'est grâce à leur e-mail, que les internautes pourront valider leur compte et avoir un nouveau mot de passe quand celui-ci aura été perdu.

Pour que vos internautes connectés puissent consulter des articles visibles que par eux, vous devez donnez à vos articles l'accès Enregistré ou Spécial.

Vous avez donc 3 niveaux d'accès avec Joomla 1.5 :

Public (accès au groupe Public Front-end ou supérieur)
Enregistré (accès au groupe Enregistré ou supérieur)
Spécial (accès réservé au groupe Auteur ou supérieur)

Lorsque vous créez un article, il est par défaut Public, c'est-à-dire accessible à tous.
Si vous décidez que les membres enregistrés à votre site internet auront droit à des articles qui leur sont réservés s'ils se connectent, ces articles doivent être en accès Enregistré.

Imaginons que certains de vos membres sont des membres spéciaux parce qu'ils ont payé plus cher (ou autres raisons), vous devrez les mettre dans un autre groupe que Enregistré (au minimum Auteur) et donnez aux articles qui leur sont réservés l'accès Spécial.

Dans les menus, l'accès est aussi par défaut Public, mais là aussi, vous pouvez décider que tel ou tel élément ne soit accessible que par les utilisateurs Enregistré ou Spécial.

Un menu est un module. Et un module peut lui aussi avoir un accès Public, Enregistré ou Spécial. Cela signifie qu'un menu ne pourrait être visible que par les utilisateurs ayant le statut enregistré ou supérieur.

Si le visiteur ordinaire ne doit avoir accès qu'à ce qui est public. Le visiteur enregistré aura accès à tout ce qui est public + tout ce qui a l'accès enregistré.

L'accès spécial peut être réservé à une catégorie supérieure qui aura déjà les droits public et enregistré + d'autres articles ou services.

Les paramètres des utilisateurs se trouvent dans Configuration générale - Système.
Comme le montre l'écran ci-dessus, on peut autoriser l'enregistrement automatique des utilisateurs ou non, les placer par défaut dans le groupe Enregistré (ou dans un autre groupe), activer automatiquement les comptes des nouveaux utilisateurs ou pas (il faudra les valider alors manuellement).

Dans le menu Outils, vous trouverez 2 outils liés à la gestion des utilisateurs :

Ecrire un message
Envoi d'e-mail en nombre

Ecrire un message, c'est sélectionner l'un des utilisateurs pour lui envoyer un message privé.

Envoi d'e-mail en nombre permet d'envoyer le même message à un groupe d'utilisateurs.
On peut qualifier ça de mailing, mais étant donné que les adresses e-mails ont été donné par les utilisateurs eux-même, vous êtes en droit de leur envoyer un mailing.

En conclusion, la gestion utilisateurs de Joomla 1.5 - bien que moins performante que celle de Joomla 1.6 - est suffisante pour faire du mailing, de la gestion privative, de la gestion d'accès avec un maximum de 3 niveaux.

Modifier le mot de passe de la base de données de votre site Joomla!

2011-05-15T12:21:00.000-07:00

Je vais vous apprendre ici comment modifier le mot de passe de la base de données SQL de votre site Joomla.

1) Récupérer par FTP le fichier configuration.php qui se trouve sur le serveur de votre hébergeur. Ce fichier est en lecture seule sur le serveur.

2) Lorsque le fichier configuration.php se trouvera sur votre PC, vous pourrez l'éditer à l'aide d'un éditeur comme Notepad++
Cherchez la ligne dans laquelle vous voyez $password = 'quelquechose';
Vous pouvez télécharger Notepad++ ici : http://www.annuairedelafrance.net/informatique_logiciels_gratuits.php

3) Dans la version Joomla 1.5, vous devez aller à la ligne 52 du fichier configuration.php
var $password = 'xxxxxxxxxx';
Modifiez le mot de passe actuel (xxxxxxxxxx) par celui que vous voulez mettre.
Sauver le fichier.

3) Dans la version Joomla 1.6, vous devez aller à la ligne 14 du fichier configuration.php
public $password = 'xxxxxxxxxx';
Modifiez le mot de passe actuel (xxxxxxxxxx) par celui que vous voulez mettre.
Sauver le fichier.

4) Par FTP, renommer le fichier configuration.php par exemple en lui mettant _ devant son nom afin de le conserver au cas ou.
Copier le fichier que vous avez modifié sur le PC vers le serveur.

5) Vous devez aller ensuite dans le manager de votre hébergeur dans la section Gestion de MySQL

Cliquer sur Mot de passe, sélectionner la base de données et entrer le nouveau mot de passe 2 fois, puis cliquer sur valider.

Votre site sera inaccessible pendant environ 15 minutes, le temps que l'hébergeur prenne en compte le nouveau mot de passe.

C'est ce que j'ai fait ce matin pour un de mes adhérents (www.cumps.org). Il souhaitait se défaire de son nouveau webmaster (je lui avait construit son site avec Joomla 1.5) et il m'a demandé de changer tous ses mots de passe : mot de passe du manager, du serveur de fichiers ainsi que de la base de données.

Bienvenue sur le blog Sites Joomla !

2011-05-15T12:00:00.000-07:00

Je vais vous parler des sites réalisés avec Joomla.

Je suis analyste-programmeur - webmaster - développeur et j'utilise le CMS Joomla depuis 2009.
Je vais sur ce blog vous donner quelques trucs que j'utilise pour mes sites Joomla version 1.5 ou 1.6, sites que je réalise pour moi ou pour les autres.
Si vous voulez que je réalise des sites Joomla pour vous, n'hésitez pas à me contacter.