CMS. Installation et configuration de Joomla.

SRC2
Web avancé. CMS.
2008/2009
CMS. Installation et configuration de Joomla.
Introduction
Un CMS est un système de gestion de contenu ( content management system en anglais). Connectez vous au site
de Joomla ( http ://www.joomla.fr/ pour la version française), et prenez connaissance des pages de présentation de
ce CMS.
• Qui est derrière la réalisation de Joomla ! ?
• Quelle est la licence d’utilisation de Joomla ! ?
• De quel CMS bien connu Joomla ! provient-il ?
1
Installation :
Comme tout site web dynamique, un CMS nécessite un serveur web ( nous utiliserons apache ) une base de données
et un langage de script. Joomla nécessite une base Mysql et le langage PHP. Nous utiliserons le serveur Venus sur
lequel vous possédez un espace web ( dossier public_html ) et une base de donnée Mysql.
1. Télécharger la dernière version stable de joomla sur http ://joomlacode.org/gf/project/joomla/frs/
2. Décompresser l’archive dans un dossier joomla.
3. Couper/coller le dossier joomla resultant dans z:\\public_html
4. Rendez-vous ensuite sur http ://venus/ <login>/joomla pour accéder à la routine d’installation de joomla. Vous
constaterez qu’un certain nombre de sous-dossiers nécessitent d’être accessible en écriture à joomla (il s’agit des
dossiers indiqués comme "unwriteable"). Faire en sorte de les rendre accessible en écriture pour le groupe ”tout
le monde”. A cette fin, il suffit pour chacun des dossiers mentionnés, dont le dossier joomla de :
• faire un clic droit dessus et choisir l’option "propriétés",
• Sélectionner l’onglet "sécurité",
• Sélectionner le groupe "Tout le monde" et cocher la case "contrôle total",
• enregistrer les modifications.
5. A la première étape de l’installation :
• Indiquer comme "Host Name" : localhost.
• Indiquer comme "MySQL User Name" : <login> . Il faut laisser le champ "Mysql Password" vide.
• Indiquer comme "MySQL Database Name " : <login> et cliquer sur "Next".
6. A l’étape 3 : Indiquer une adresse mail quelconque (mais valide) et modifier le mot de passe administrateur
de votre joomla en indiquant le nouveau mot de passe dans le champ "Admin password". Installez les données
d’exemple.
7. Supprimer (ou renommer) enfin le dossier joomla/installation afin de pouvoir vous connecter à votre site
http ://venus/ <login>/joomla.
2
Administration du CMS
On va maintenant explorer les possibilités de Joomla, qui permet de faire un site personnalisé comprenant de
nombreux modules sans avoir jamais à coder soi-même. L’interface d’administration de Joomla ! est disponible sous
http ://venus/ login/joomla/administrator.
Suivez l’excellent guide de joomla pour les nuls pour prendre en main les outils d’administration. Quelques guides
d’utilisation sont disponibles sur http ://www.joomlafacile.com.
Nous allons faire, dans l’esprit du document ”Joomla Pour Les Nuls”, un site relatant vos différents voyages, photos
à l’appui. Imaginons que vous avez visité l’Europe et l’Amérique. Dans chacun de ces continents, nous imaginerons
que vous avez visité deux pays (par exemple, Espagne et Italie en Europe, Brésil et Argentine en Amérique, à vous de
voir).
Vous devrez avoir dans votre navigateur deux onglets ouverts : l’un sur la console d’administration, l’autre sur le site,
pour visualiser les changements que vous faites.
• Avant de commencer, télécharger ”Joomla Pour Les Nuls” ou récupérez le sur ecampus et lisez les pages 12, 13,
et 14. Le vocabulaire de base (module, composant, menu, template...) y est défini.
3
Premiers pas. Gestion du contenu : création et publication d’articles.
Les articles que vous créez devront être classifiés. Ils sont regroupés en catégories et les catégories sont elles-mêmes
regroupées en sections. Dans notre exemple, nous créerons donc une section Europe et une section Amérique, et dans
chacune d’elles nous créerons des catégories correspondant aux pays visités. Ainsi, la catégorie Italie contiendra les
articles traitant de l’Italie.
SRC2
3.1
Web avancé. CMS.
2008/2009
Création et classification des articles
• Sections et catégories. Créez une section Europe, puis une section Amérique : depuis le panneau principal,
accessible à tout moment par ”site->panneau d’administration”, cliquez sur ”Gestion des sections”, puis ”nouveau”.
Les sections, catégories, et articles sont également accessibles par le menu ”Contenu”. Appuyez sur ”sauver” quand
vous avez fini de créer la section. Faites de même une catégorie par pays visité (par exemple une catégorie ”Italie”
qui appartient à la section ”Europe” ; faites au moins deux catégories par section). A quoi sert le paramètre
”niveau d’accès” à votre avis ?
• Ecriture d’article. Créez 5 articles courts (”Gestion des articles->nouveau”. Classez les dans la bonne catégorie
et section !), un pour chaque pays, plus un autre (un des pays aura donc deux articles à son sujet). Observez tous
les paramètres disponibles. Les paramètres globaux sont disponibles dans "gestion des articles -> paramètres”.
Lors de l’écriture de vos articles avec l’éditeur de texte intégré, utilisez le bouton ”lire la suite” qui permet de
séparer le texte d’introduction (ce qui sera vu avant que l’utilisateur clique sur l’article) du reste du texte. Insérez
une image (petite) dans au moins un de vos articles, et trouvez dans l’éditeur de texte le bouton qui permet de
configurer l’affichage de l’image. Changez la marge (5 pixels) autour de l’image. Réduisez ses dimensions de sorte
qu’en largeur elle fasse 200 pixels.
– Rafraîchissez la page web de votre site. Voyez-vous vos articles apparaître ? C’est normal, on n’a pas choisi où et
comment les faire apparaître...
3.2
Publication des articles. Menus.
– Vous pouvez faire apparaître votre article en page d’accueil : allez dans ”gestion des articles” et trouvez votre
article. Cliquez sur la croix rouge dans la colonne ”page d’accueil” et allez voir votre page web, en la rafraîchissant...
Puis dépubliez cet article.
– Vous pouvez faire apparaître un menu de présentation de vos voyages :
– Créez un menu (”gestion des menus->nouveau”) par continent. Vous disposerez donc, par exemple, d’un menu
”Europe” et d’un menu ”Amérique”. Ensuite, toujours dans la console de gestion des menus, appuyez sur ”modifier des éléments du menu”, puis sur ”nouveau” pour créer un objet de menu. Allez dans ”articles->catégories”
puis cliquez sur ”articles d’une catégorie donnée en blog” la première fois, et ”Liste des articles des catégories”
la deuxième fois que vous le ferez. Donnez un titre à votre page d’articles, et dites de publier tous les articles
de la catégorie ”Italie”, par exemple, en mettant dans la case ”catégorie” la catégorie correspondante. Cette
opération est à faire pour tous les pays d’Europe de votre site, dans le menu ”Europe”, et pour tous les pays
d’amérique dans le menu ”Amérique”.
– Ce menu apparaît-il sur votre page web ? Non ? C’est normal : en fait, pour chaque menu (”Europe” et ”Amérique” par exemple) un module a été créé. Or ils ne sont pas encore activés : il faut les publier. Nous allons
voir comment faire dans la section sur les modules.
3.3
Modules.
Un module
• Allez dans le panneau ”gestion des modules” (menu ”Extensions”). Observez tous les modules disponibles. Certains
sont chargés de vous indiquer le nombre de visiteurs, d’autres de vous fournir des statistiques, d’autres de vous
fournir un ”fil d’ariane” (breadcrumbs) indiquant où vous êtes dans le site, etc... Ils sont visibles s’ils sont marqués
comme ”activé”. En cliquant dessus, vous pouvez les configurer. Dépubliez certains modules, si vous avez installé
le jeu d’exemple (par exemple ”Banners”, ”Polls”, ”Latest News”...). Allez voir votre page web et en rafraîchissant
voyez ce qui change. Maintenant trouvez les modules qui ont été crées lors de la création de nos menus. Activez
les.
• Désactivez/réactivez certains modules, pour voir à quoi ils servent. Puis désactivez tous ceux qui ne vous semblent
pas utiles, de façon à avoir une page web suffisamment claire et aérée. A cette étape, vous savez créer une page
web chargée de publier tous vos articles !
• Testez différents emplacements sur la page web pour le menu ”Europe” : pour cela, utilisez, dans les paramètres
du module ”Europe”, la liste ”Position”. Vous pouvez ainsi placer vous mêmes les différents modules de votre page
web.
• D’autres modules sont disponibles en téléchargement sur le site de Joomla !. Ajoutez un module de votre choix.
Joomla ! dispose encore de nombreux modules permettant de réaliser de nombreux services : vente en ligne,
annuaires, forums ...
4
4.1
Configuration et personnalisation
Templates
Les templates (appelés skins dans d’autres CMS) permettent de personnaliser l’aspect graphique. Ils sont constitués d’un ensemble de fichiers css, xml, d’images, que vous pouvez retoucher...
– Allez dans le menu ”gestion des templates” et testez les différents templates disponibles. Allez voir sur votre page
web ce que cela donne. Notez que vous pouvez les configurer, en particulier décider sur quelles pages appliquer
quel template.
SRC2
Web avancé. CMS.
2008/2009
– Vous pouvez modifier les feuilles css définies par le template pour le personnaliser. Essayez par exemple, dans
le template ”rhuk_milkway”, de remplacer le logo de joomla par le logo de l’IUT de Vélizy (que vous aurez
téléchargé)... Il faut fouiller, bien sûr, dans le répertoire ”templates” présent dans le répertoire ”joomla”.
– On peut aussi utiliser un template graphique alternatif que vous aurez glané sur internet. Vous trouverez une
liste de sites proposant des templates gratuits sur http ://forum.joomla.org/index.php/topic,25306.0.html. La
démarche d’installation est souvent similaire quelque soit le template choisi :
– Télécharger le template et s’assurer de respecter la license d’utilisation,
– Uploader l’archive téléchargée sur votre site joomla ! via le menu Installation ?Template-site dans l’interface
d’administration,
– Définir le template installé comme celui par défaut dans ”Gestion des Templates”.
4.2
Gestion des utilisateurs
Vous avez certainement remarqué les colonnes ”accès” lorsque vous avez configuré des modules ou des articles : ils
indiquent qui aura le droit de voir les dits articles ou modules. Il y a plusieurs types d’utilisateurs. ”public” désigne un
utilisateur non enregistré. Un utilisateur inscrit sur le site, et enregistré dans la base de données, est marqué comme
”enregistré”. Enfin un utilisateur (enregistré) peut être ”spécial” : il peut être défini comme auteur, éditeur, et rédacteur,
ce qui lui donne de plus en plus de droits (écrire un article, les publier, ...). Il peut avoir encore plus de droit et être
défini comme ”administrateur” ou ”superadministrateur” ce qui lui donne le droit d’aller sur la partie administration
du site et de le gérer.
• Allez dans le panneau ”gestion des utilisateurs” et créez un nouvel utilisateur défini comme ”auteur”.
• Vérifiez que votre site le reconnaît bien. Faites lui écrire et éditer un article, sans passer par le back-office. Vous
aurez besoin pour cela d’avoir le module ”user menu” actif.
4.3
La page d’accueil
• Vous pouvez la personnaliser avec le panneau ”Contenu->Gestion de la page d’accueil”. L’ordre des articles,
les articles qui y apparaissent etc... tout cela est défini dans cette page. Vous pouvez y mettre des articles qui
n’appartiennent à aucune catégorie, appelés articles statiques. Il faut les définir comme appartenant à la section
non catégorisée et à la catégorie non catégorisée. Ajoutez un article d’introduction pour présenter votre site.
• Pour changer le titre de la page d’accueil, allez dans la gestion des menus et cliquez sur l’icône pour modifier
”main menu”, puis cliquez sur ”Home”. Dans ”paramètres->systèmes” vous pouvez changer le titre de la page
d’accueil. Mettez un titre à votre convenance.
4.4
Extensions. Pour aller plus loin.
• Afin de pouvoir ajouter des galeries d’image dans les articles téléchargez l’extension Simple Image Gallery et
installez la avec le menu ”Extension->installer”.
• Gestion d’un site multilingue : le composant Joom !Fish permet la gestion de sites multilingues, testez.
• Une bannière en Flash avec le module Flash Rotator.
• Sur un tel site que faut-il faire pour sauvegarder les données d’un crash disque, ou pour migrer le site sur un
autre serveur ?