Ci-dessous, les différences entre deux révisions de la page.
— |
joomla [2014/05/25 19:42] (Version actuelle) g.rnd@free.fr créée |
||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
+ | ====== Création de site: Joomla! ====== | ||
+ | |||
+ | **Joomla!** est un Système de gestion de contenus, ou **CMS** (Content Management System), c'est à dire une application qui permet de créer des sites Internet. Son succès est dû au fait qu'il est libre et qu'il ne nécessite pas d'être informaticien de métier. Il a reçu le prix du **meilleur CMS** en Open Source 2007. | ||
+ | |||
+ | Joomla! se télécharge sur le site de Joomla! http://www.joomla.fr/. | ||
+ | |||
+ | {{joomla-1.5.png|}} | ||
+ | |||
+ | |||
+ | * La documentation de Joomla! est bien faite, elle est également sur le site: | ||
+ | * Joomla! pour les nuls sur le lien [[http://www.joomlafacile.com/component/option,com_docman/task,cat_view/gid,40/Itemid,48/|suivant]] | ||
+ | * Guide de démarrage rapide pour Joomla! - Volume1: Les contenus sur le même [[http://www.joomlafacile.com/component/option,com_docman/task,cat_view/gid,40/Itemid,48/|lien]] | ||
+ | |||
+ | On peut aussi compulser la documentaion http://doc.ubuntu-fr.org/joomla | ||
+ | |||
+ | * Une particularité est à souligner, l'installation sur Free mérite quelques explications qui font l'objet d'un paragraphe particulier. | ||
+ | |||
+ | ===== Installation sur Free ===== | ||
+ | |||
+ | |||
+ | ===== Préliminaire ===== | ||
+ | * Si cela n'a pas été fait au moment de la demande d'ouverture d'un espace personnel correspondant à un adresse email chez Free, aller sur l'Espace Abonnés/Gestion des comptes Mail/Gérer mon compte XXX/Activer votre Base de Données **MySQL**. | ||
+ | |||
+ | * Utiliser un logiciel FTP (FileZilla par exemple) pour créer à la racine du site distant un répertoire vide appelé "**sessions**". | ||
+ | |||
+ | ==== Installation distante directe ==== | ||
+ | |||
+ | La difficulté est que si on veut installer directement Joomla! sur free.fr en suivant pourtant la procédure Installation distante de Joomla! au chapitre 7 de Joomla! pour les nuls, on se casse les dents sur des messages d'erreur. | ||
+ | |||
+ | |||
+ | ==== Transfert d'une installation locale ==== | ||
+ | |||
+ | La bonne solution est de commencer par installer Joomla! en local (sur son propre ordinateur) et de le transférer ensuite sur Free. | ||
+ | |||
+ | === Installation locale === | ||
+ | |||
+ | * Suivre la documentation Chapitre 3 en commençant par installer **Xampplite** et en insérant le dossier Joomla décomprimé dans \htdocs. Le contenu de ce dossier doit bien être en **c:/xampplite/htdocs/sitejoomla**. | ||
+ | * Respecter impérativement les indications du § 3.6 pour les paramètres à entrer au moment de l'étape 1: | ||
+ | * Nom du serveur de BDD: **localhost** | ||
+ | * Nom utilisateur BDD: **root** | ||
+ | * Mot de passe: (vide) **Ne rien entrer**, le mot de passe sera donné par l'installeur | ||
+ | * Nom de la BDD: **sitejoomla** (nom donné au répertoire dans \htdocs) | ||
+ | |||
+ | Après installation en local, on a tout intérêt à **commencer à remplir le site**, il n'y a pas de délai de transfert Internet, ce qui n'est plus le cas quand le site a été transféré à destination finale, il devient alors nettement **moins réactif**, mais il permet alors de travailler à plusieurs simultanément. | ||
+ | |||
+ | === Installation Ubuntu === | ||
+ | |||
+ | Pour l'installation de Joomla 1.5, on peut utiliser la page suivante du forum Ubuntu: http://forum.ubuntu-fr.org/viewtopic.php?id=136510 | ||
+ | |||
+ | === Transfert du site local === | ||
+ | |||
+ | Quand le travail en local est jugé suffisamment avancé, procéder au **transfert** sur le site hébergé chez Free. | ||
+ | |||
+ | Pour le transfert, se reporter si besoin à la page [[transfert_fichiers|Réseau/Transfert fichiers FTP]] en Windows ou sur [[reseau_l|Reseau Linux]] en Linux. | ||
+ | |||
+ | La procédure à suivre est donnée au § 7.5 de la documentation. | ||
+ | |||
+ | Au préalable, il faut connaître les paramètres qui seront à entrer lors de la nouvelle étape 1. | ||
+ | * Pour cela, ouvrir un navigateur et entrer: | ||
+ | <note>http://sql.free.fr/phpMyAdmin/</note> | ||
+ | |||
+ | __Exemple__ pour un site hébergé chez Free dont l'adresse est //prenom.nom.free.fr//. | ||
+ | |||
+ | * Dans un navigateur, entrer [[http://phpmyadmin.free.fr|l'adresse]] | ||
+ | * Entrer en réponse, les login et mot de passe du site Free où sera installé Joomla! | ||
+ | * Repérer en haut de la page | ||
+ | * l'adresse du serveur SQL, du type //prenom.nom.sql.free.fr// | ||
+ | * le nom de la BDD, c'est le nom du site où les points événtuels sont remplacés par des tirets bas, ici //prenom_nom// | ||
+ | |||
+ | Ce préalable étant acquis, suivre la documentation Joomla pour les Nuls § 7.5.1 à 7.5.4: | ||
+ | |||
+ | * Export de la BDD locale ( la placer dans un nouveau répertoire \dumps créé à la racine du répertoire \c:\\xampplite\htdocs\sitejoomla) | ||
+ | |||
+ | * Transfert FTP du répertoire \sitejoomla sur le site Free | ||
+ | * Changement de nom du dossier **/installation** | ||
+ | |||
+ | * Suppression du fichier **configuration.php** | ||
+ | |||
+ | * Réinstallation sur le site Free. Cette fois, les paramétres Etape 1 sont: | ||
+ | * Nom du serveur MySQL (noté plus haut) | ||
+ | * Nom utilisateur: celui du site chez Free: prenom.nom | ||
+ | * Mot de passe: celui de la page personnelle | ||
+ | * Nom BDD: celui noté plus haut | ||
+ | |||
+ | * Import du fichier exporté de l'ancienne BDD SQL. | ||
+ | |||
+ | ===== Ergonomie - Conseils d'organisation ===== | ||
+ | |||
+ | Pour gagner du temps, il faut adopter une bonne organisation. Le besoin est de pouvoir sauter à tout moment entre: | ||
+ | * le travail en cours, | ||
+ | * les sources utilisées, | ||
+ | * l'affichage du site, | ||
+ | * la documentation Joomla. | ||
+ | |||
+ | {{organisation_joomla.png|}} | ||
+ | |||
+ | |||
+ | La solution est de profiter des ressources du navigateur Firefox. Il faut donc ouvrir sur Firefox les onglets suivants: | ||
+ | * site Joomla en mode administration (Backend) à la page du site en cours de rédaction, | ||
+ | * site Joomla en mode administration (Backend) à la page Medias où apparaissent les iomages à insérer sur sur le site, | ||
+ | * site Joomla en mode normal (Frontend) pour voir directement les modifications (après avoir rafraichi l'afficahage, | ||
+ | * "Joomla pour les Nuls". Pour cela, ouvrir la page[[http://www.joomlafacile.com/component/option,com_docman/task,cat_view/gid,40/Itemid,48/|suivante]] et cliquer sur le bouton Voir ou Télécharger. | ||
+ | |||
+ | {{joomla_pour_les_nuls.png|}} | ||
+ | |||
+ | |||
+ | ===== Joomla 1.5 ===== | ||
+ | |||
+ | Les pargraphes suivants ne sont pas forcément spécifiques de la version 1.5, ils complètent les paragraphes précédents. | ||
+ | |||
+ | La documentation pour cette nouvelle version est à télécharger sur http://aide.joomla.fr/Documentation.html | ||
+ | |||
+ | ==== Connexions ==== | ||
+ | |||
+ | On peut se connecter à Joomla de plusieurs façons selon le but recherché: | ||
+ | * **Site** par adresse URL pour le visionner comme le verront les visiteurs | ||
+ | * **Administrator**: URL/administrator Identifiant/Mot de passe pour l'administration Joomla | ||
+ | * **PHP-MyAdmin** Adresse hébergement http://194.143.132.115/phpmyadmin. Entrer identifiant et mot de passe. | ||
+ | PHP-MyAdmin permet la sauvegarde PHP-MySQL (Base de Données) du contenu. A faire avant et après modification. La sauvegarde donne un fichier en .sql, la renommer en ajoutant la date. | ||
+ | * **FTP**. Le FTP permet d'accéder aux dossiers/fichiers du site et de pouvoir les transférer. A utiliser soit avec un logiciel FTP gftp ou FileZilla par exemple, soit avec navigateur en entrant l'adresse: | ||
+ | <code>ftp://user:pass@194.143.132.115 </code> | ||
+ | Pour sauvegarder la partie website du site Joomla, sélectionner le dossier **www** et clic Droit/Enregistrer la cible dans... | ||
+ | |||
+ | Les **deux sauvegardes** PHP-MyAdmin et FTP sont nécessaires pour restaurer le site en cas de problème. | ||
+ | |||
+ | ==== Templates ==== | ||
+ | |||
+ | Visiter le site Joomla http://www.joumlaos.de pour rechercher des modèles/templates. | ||
+ | |||
+ | ==== Artisteer ==== | ||
+ | |||
+ | **Artisteer** est un programme de création automatique de design pour sites web. Téléchargement sur http://artisteer.softonic.fr/ | ||
+ | |||
+ | ==== Extensions ==== | ||
+ | |||
+ | * Aller sur joomla.fr/extensions/telecharger:extensions joomla1.5 | ||
+ | * Pour les galeries ou vidéos, prendre ExposeFlashGallery-4.6.3.fr | ||
+ | * Entrer en mode administrator/Extensions/Gestion plug-ins/ Activer le plug-in System-Legacy | ||
+ | * Extensions/Installer-Désinstaller/Parcourir... | ||
+ | * Extensions/Gestion des modules/Activer puis Prévisualiser pour voir. | ||
+ | |||
+ | ==== Galeries Photos ==== | ||
+ | |||
+ | * Pour Expose, installer et ensuite Composants/Expose/Manage albums/changer le passe à partir de 'manager'. | ||
+ | * Nouvelle galerie. Accès par Composants/Expose/Manage albums... | ||
+ | |||
+ | ==== Menu ==== | ||
+ | |||
+ | Aller dans **Menu/Main menu/Nouveau** et choisir selon besoin: | ||
+ | * **Expose** pour une galerie de photos ou de vidéos | ||
+ | * **Articles** et choisir | ||
+ | * **Section**/Liste des catégories d'une section | ||
+ | * **Catégorie**/Liste des articles d'une catégorie | ||
+ | * **Article**/Un article | ||
+ | |||
+ | Les articles peuvent avoir été créés indépendamment, on les rattache par la fonction **Menu**: | ||
+ | |||
+ | Dans **Menu/Main menu**, sélectionner l'article et dans la page de l'article/Type d'élément du menu, cliquer sur **Changer le type** et resélectionner l'article dans le menu **Article**. | ||
+ | |||
+ | ==== Arborescence ==== | ||
+ | |||
+ | Pour avoir un menu latéral déroulé: | ||
+ | * **Extensions/Gestion des modules/Menu principal**, Paramétres du module: | ||
+ | * nom: mainmenu | ||
+ | * style: Liste | ||
+ | * Sections/Catégories dans **Menus/Main menu**, le type doit être sur Articles/Article. Si besoin, cliquer sur l'élément du menu et **Changer le type** | ||
+ | |||
+ | |||
+ | |||