Outil de valorisation de la fonction éditoriale / Projet éditorial multimédia sur le web Créer son portail avec l outil Joomla v 1.5.X 2008-2009 - Cours en Master Management de la fonction éditoriale Eric Giraudin Pré requis : Avoir pris connaissance du fichier PowerPoint : «Le concept du portail web» Avoir pris connaissance du fichier PowerPoint : «La démarche de création de portail web» Avoir pris connaissance du fichier PowerPoint : «Principes de base de Joomla» Avoir pris connaissance du fichier PDF «Installation de Joomla avec Filezilla» Avoir des connaissances en Html et CSS. 1. Mettre en place ses contenus, ses utilisateurs et configurer Joomla 1.1.1. Se connecter à l interface d administration Cliquer sur le lien «Administrator» Saisir votre identifiant et votre mot de passe (vous les avez choisi lors de l installation de Joomla). Par défaut l identifiant est : admin Page 1 sur 1
Menus de gestion de l ensemble du site : contenu, extensions (composants, modules, bots) templates, etc. Se déconnecter Messages internes reçus et nombre de conectés Panneau d administration du site Accès rapides à des composants, les articles les plus lus, liste des connectés, etc. 1.1.2. Créer une section Une section représente le premier niveau hiérarchique du contenu de votre site. Elle pourra contenir une ou plusieurs catégories. Les catégories (2 ème niveau), contiendront un ou plusieurs articles (3 ème niveau). Qliquer sur l icône Gestion des Sections pour accéder au Gestionnaire de sections. NB. Vous pouvez aussi accéder à ce gestionnaire par le menu «Contenu» en haut de l écran. Page 2 sur 2
Cliquer sur l icône Nouveau pour créer une nouvelle section. Cliquer sur les flèches pour changer l ordre des sections. Liste des sections existantes. Pour publier, dépublier, copier, supprimer, éditer une section, cocher la case correspondante et cliquer sur l un des icônes du gestionnaire de section en haut à droite Remplir les informations des champs Titre (court, il apparaîtra dans les menus) et Nom de la section (titre plus explicite, il apparaîtra en haut de votre page) Etat de l accès à la section. Cliquer pour le changer : - public (visible pour le visiteur anonyme), - membre (visible pour un utilisateur enregistré sur le site) - spécial (visible par les auteurs, les éditeurs, les administrateurs, etc.) Cliquer sur Sauver pour enregistrer et fermer l éditeur de section ou sur Appliquer pour appliquer les modifications sans quitter Vous pouvez choisir dans les catégories de votre gestionnaire de média une image qui s affichera à côté de votre titre et votre description de section. Décrire dans le champ Description votre section à l aide de l éditeur Tiny MCE Editor : voir description page 15 Vous pouvez alimenter ce gestionnaire de média : accès depuis la page d accueil de l administration Page 3 sur 3
Déverrouiller une section. Si vous travaillez sur une section celle-ci sera verrouillée pour éviter que quelqu un d autre ne la modifie en même temps. Un cadenas apparaît alors. Pour la déverrouiller cliquer sur la section pour l éditer et ensuite cliquer sur le bouton «Sauver» ou sur la croix rouge «Fermer». 1.1.3. Créer une catégorie Les catégories constituent le deuxième niveau hiérarchique de contenu dans un site joomla. La méthode de création d une catégorie est similaire à celle de création d une section. Cliquer sur dans le menu «Site» puis sur «Panneau d administration» Qliquer sur l icône Gestion des catégories pour accéder au Gestionnaire de catégories. NB. Vous pouvez aussi accéder à ce gestionnaire par le menu «Contenu» en haut de l écran. Page 4 sur 4
Cliquer sur l icône Nouveau pour créer une nouvelle catégorie. Pour déplacer une catégorie dans une autre section cochez la case à gauche de la catégorie et cliquez sur le bouton Déplacer Sur la gauche sont indiquées les catégories et à droite sont indiquées leurs sections d appartenance L éditeur de catégorie est similaire à celui des sections mais vous devez préciser la section à laquelle appartiendra votre catégorie Page 5 sur 5
1.1.4. Créer un article Revenez sur le «Panneau d administration» Cliquer sur Ajouter un article» Vous pouvez cliquer aussi sur «Gestion des articles» pour avoir une vue d ensemble des articles du site. Vous pourrez l affiner par section et par catégorie NB. Vous pouvez aussi accéder à ce gestionnaire d articles par le menu «Contenu» en haut de l écran. L éditeur d article Saisir un titre court dans le champ Titre et un titre plus explicite dans le champs Alias Sélectionner sa section et sa catégorie d appartenance Saisir ici le contenu de votre article. Régler dans cet onglet les paramètres de publication de l article. Les autres onglets sont décrits à la suite de ce paragraphe. Cliquer sur ce bouton pour insérer une image. Suite sur la page suivante Si vous souhaitez afficher la catégorie de cet article sous forme de blog : le titre et le contenu du champ cidessus seront affichés avec un lien vers le détail : saisi dans le champs «lire la suite». Page 6 sur 6
Suite : insertion d images dans l article Cliquer sur une image pour la choisir Décrivez votre image (accessibilité web) Cliquer sur insérer NB : Si vous souhaitez ajouter des images dans la liste des images du gestionnaire de médias vous pouvez cliquer sur le bouton «Parcourir les fichiers». Sélectionner un fichier puis cliquer ensuite sur «Lancer le transfert» L onglet «Paramètres avancés» L onglet «Meta Info» Vous pouvez personnaliser les paramètres globaux d affichage des articles pour l article sur lequel vous travaillez. Remplissez le champ Description avec une description de votre article en vue d améliorer son indexation dans les moteurs de recherche Remplissez le champs Mots clés avec des mots clés en rapport avec votre article, séparés par des virgules afin d améliorer l indexation de votre article dans les moteurs de recherche Saisir : all (Permet à tous les robots d'indexer) none Ne permet à aucun robot d'indexer Page 7 sur 7
1.1.5. Gérer les articles Pour avoir une vue d ensemble des articles et les gérer, cliquer sur le bouton «Gestion des articles» du panneau de contrôle pour ouvrir le gestionnaire d articles Le gestionnaire d articles Cliquer sur cet icône pour afficher ou non l article en page d accueil du site. Filtrer l affichage des articles par section, catégorie ou auteur. Pour éditer un article cliquer sur son titre Page 8 sur 8
Gestion des articles en page d accueil Lors de la création ou la modification d articles vous avez pu spécifier qu il soit publié en page d accueil. Afin de gérer les articles qui sont en page d accueil cliquer sur «Gestion de la page d accueil». Liste des articles affichés en page d accueil de votre site NB : Si vous ne souhaitez plus qu un article soit publié en page d accueil, vous devez ouvrir le gestionnaire d article (cf. page précédente) et cliquer sur l icône de «publier/dépublier en page d accueil» Archiver vos articles Vous avez la possibilité d archiver vos articles. Une fois archivés il ne seront plus visibles sur le site. Ils ne seront pas effacés mais stockés dans les archives prêts à être désarchivés en cas de besoin. Pour archiver vos articles rendez-vous dans le gestionnaire d articles : Cochez les cases des articles que vous souhaitez archiver et cliquer ensuite sur «Archives» Page 9 sur 9
Restaurez les articles archivés Cochez les cases correspondantes aux articles que vous voulez désarchiver et cliquer ensuite sur le bouton «Désarchiver» 1.1.6. Gérer la corbeille Les articles que vous avez supprimés sont placés dans la corbeille. Ils y restent tant qu ils n ont pas été définitivement supprimés ou restaurés. Pour accéder au gestionnaire de la corbeille cliquer sur le lien «Corbeille article» dans le menu «Contenu» Cochez les cases correspondantes aux articles que vous voulez restaurer et cliquer ensuite sur le bouton «Restaurer» Page 10 sur 10
1.1.7. Gérer les menus Maintenant que vous avez édité votre contenu il faut aussi penser à éditer les menus de navigation. Cliquez sur «Accueil» et sur l icône «Gestion des Menus» du panneau de contrôle pour ouvrir le gestionnaire de menus. Le gestionnaire de menus Cliquer sur l un des menus pour changer son nom Cliquer sur cet icône pour éditer les éléments du menu correspondant Pour copier, supprimer, éditer, créer un nouveau menu cocher le bouton radio du menu et cliquer sur l un des boutons ci-dessus Edition d un menu exemple : édition du menu principal (mainmenu) Pour créer un nouvel élément de menu cliquer sur nouveau Liste des éléments du menu. Cliquer sur son lien pour pour l éditer Cette liste indique le type de lien de votre élément de menu : Section, catégorie, article, composant, etc. Page 11 sur 11
Créer un nouveau lien dans le menu Vous avez cliqué sur le bouton «Nouveau» lors de l édition d un menu. L écran ci-dessous apparaît. Il vous est demandé de choisir le type de lien de votre nouvel élément de menu en cochant la case correspondante. Vous devrez cliquer ensuite sur «Suivant». Tableau Catégorie de contenu ou Tableau section de contenu affichent la catégorie ou la section pointée, sous forme de tableau qui liste les éléments Si vous souhaitez que les membres de votre site puissent publier des articles rajouter un lien «Soumettre Contenu» Exemple : lien vers un article 1) Donnez un nom à votre lien Sélectionner votre article en cliquant sur «Sélection» Si vous souhaitez que votre lien soit le deuxième niveau de navigation d un lien sélectionnez son lien «parent» Page 12 sur 12
Afin de trouver l article recherché, utiliser le filtrage par section ou par catégorie Cliquez ensuite sur l article vers lequel vous souhaitez faire un lien L article sélectionné apparaît dans ce champs «Lien» Une fois que vous avez tout paramétré, cliquez sur le bouton «Sauver» Page 13 sur 13
1.1.8. Le gestionnaire de médias Le gestionnaire de médias est une sorte de bibliothèque de médias que vous allez pouvoir utiliser une ou plusieurs fois lors de la création ou l édition de contenu. Ce gestionnaire peut contenir des dossiers et des fichiers (images, animations flash, vidéos, PDF, Word, etc.). Les fichiers de type image, animation flash et vidéo pourront être affichées dans les pages de votre site. Tous les fichiers de ce gestionnaire pourront aussi être appelés par un lien hypertexte. Vous pourrez récupérer l adresse url du fichier dans le gestionnaire et de le coller dans votre éditeur de contenu. Ouvrir le gestionnaire de médias : Cliquez sur le bouton «Gestion des médias» du panneau de contrôle Pour créer un nouveau répertoire dans le gestionnaire de médias : 1) Donnez un nom à votre répertoire en utilisant uniquement des chiffres ou des lettres sans accents et le caractère «_» Naviguer dans l arborescence du répertoire actif Pour insérer un nouveau fichier dans le gestionnaire de médias : 1) Parcourez votre disque dur à l aide du bouton «Parcourir les fichiers» et choisissez votre fichier 2) cliquer sur le bouton «Démarrer le transfert» Page 14 sur 14
1.1.9. L éditeur Tiny MCE L éditeur Tiny MCE Editor vous permet comme dans Word de mettre en forme votre contenu. Vous l utiliserez pour l édition de chaque élément de contenu (section, catégorie et articles). Formatage du texte et du paragraphe (gras, italique, souligné, alignement, puces, numérotation, ) Appliquer les styles définis dans votre template Basculer en mode html si vous souhaitez éditer le code manuellement Insérer une image Insérer un calque Insérer un lien et le modifier Insérer un tableau et le modifier Insérer une vidéo ou un objet flash Page 15 sur 15
1.1.10. La gestion des utilisateurs A ce stade de l apprentissage de Joomla vous savez créer, éditer des contenus, les rendre visibles par les menus de navigation et gérer vos médias. Dans un site ou un portail de taille importante, en général, une équipe d utilisateurs intervient sur le site. Nous allons aborder dans cette partie la gestion des droits de votre future équipe d utilisateurs. Les types d accès à l interface et les statuts de groupes d utilisateurs Chaque utilisateur de votre site aura accès à l une des trois interfaces et appartiendra à un groupe : L interface «Guest» : accès publique du site web aux visiteurs anonymes L interface «Front-end» : accès à l interface publique du site avec possibilité selon le statut de groupe d utilisateurs d appartenance de proposer, modifier, et publier du contenu. L interface «Back-end» : accès l interface d administration du site et aussi à l interface publique du site. Selon le statut de groupe d appartenance, l utilisateur peut en plus des droits Frontend, accéder à la corbeille, gérer les menus, gérer les utilisateurs, accéder à la configuration du site, importer des modules, des templates, etc. Accéder à la gestion des utilisateurs Image extraite du site : http://support.banlieues.be Cliquer sur le bouton «Gestion des utilisateurs» Page 16 sur 16
Créer un nouvel utilisateur Cliquer sur «Nouveau» Remplissez les champs suivants Choisir le statut de groupe Pour finir de créer votre utilisateur, cliquer sur le bouton Sauver» Editer des utilisateurs Qliquer sur un nom pour éditer l utilisateur correspondant Cliquer ici pour activer ou désactiver l utilisateur Page 17 sur 17
1.1.11. Choisir la langue de votre site Depuis le panneau d administration, cliquer sur «Langues» Liste des langues installées pour votre site. «English» est activé sur cet écran. Pour choisir «Anglais» cocher la case et cliquer ensuite sur «Défaut» 1.1.12. Régler la configuration globale de votre site Depuis le panneau d administration cliquer sur «Configuration». Pour installer d autres langues il faudra les télécharger sur Internet et les installer par le menu «Extensions» (Voir la page suivante) Régler par cet onglet les paramètres de mise en ligne ou hors-ligne du site ainsi que le titre Régler par cet onglet la description de votre site et les mots clés (pour la page d accueil) pour améliorer l indexation par les moteurs de recherche Régler par cet onglet certains paramètres pour l optimisation pour les moteurs de recherche Attention!!! Il se peut que vous ne puissiez pas changer certains de ces paramètres car votre hébergeur peut interdire ces changements par mesure de sécurité. Dans ce cas vous devrez changer manuellement ces paramètres en éditant le fichier «configuration.php» à la racine de votre site web. (Passez par filezilla par exemple) Page 18 sur 18
Activer le FTP si vous voulez rajouter par la suite des extensions dans votre site web. Attention!!! Il se peut que vous ne puissiez pas changer certains de ces paramètres car votre hébergeur peut interdire ces changements par mesure de sécurité. Dans ce cas vous devrez changer manuellement ces paramètres en éditant le fichier «configuration.php» à la racine de votre site web. (Passez par filezilla par exemple) Page 19 sur 19
2. Personnaliser son portail Vos contenus sont en place. En tant qu administrateur ou super administrateur du site vous allez pouvoir personnaliser votre portail en lui rajoutant des extensions, positionnant ses modules et aussi en travaillant sur le template graphique. 2.1.1. Installer et désinstaller des extensions dans Joomla Dans Joomla une extension est un élément qui rajoute une ou plusieurs fonctionnalités à Joomla. Une extension peut être de type : Composant : mini application intégrée au site de Joomla avec sa propre interface de configuration accessible depuis l administration et qui rajoute des fonctionnalités à Joomla. Exemple : le composant Sondages Modules : fonctionnalité supplémentaire rajoutée à Joomla utilisée pour l affichage de données et souvent lié à un composant. Par exemple : le module sondage permet d afficher un bloc sondage à partir des sondage crées depuis le composant Sondagse. Mambots : petit morceau de script permettant d automatiser certaines tâches sur votre site Mambo. Exemple : rechercher dans les articles Templates : template graphique de site ou un template graphique d administration Langues : ajouter une nouvelle langue pour changer la langue de votre site Ou trouver des extensions? L un des sites francophones les plus fournis en extensions pour Joomla est le site http://www.joomlafrance.org/ Certains sites peuvent proposer aussi des extensions payantes. Installer des extensions Aller dans le menu Installation et choisissez le lien d installation en fonction du type d extension à installer. Ensuite, cliquer sur le bouton Parcourir, localiser le fichier de l extension sur votre ordinateur, cliquer sur le bouton Installer et cliquer ensuite sur Continuer. Page 20 sur 20
2.1.2. Gérer ses modules et leurs positions Dans Joomla il y a des modules qui sont installés par défaut. Il est conseillé de les conserver. Cependant, comme pour un article un module peut être dépublié. Exemples de modules natifs : Menu principal, Menu utilisateurs, Derniers articles, Articles les plus lus, Identification, Recherche, Flash Info, etc. Il y a aussi d autres types de modules, ceux que vous allez installer. Position des modules Vous pouvez placer vos modules à gauche, à droite, en haut, en bas, etc. Des positions de modules sont définies dans le template graphique choisi pour votre site. Vous pourrez ainsi placer chacun de vos modules à la position de votre choix. Afin de prévisualiser les positions définies dans votre template pour vos modules, vous devez d abord vous rendre par le menu «Extensions» dans la «Gestion de votre template». Cliquer sur votre template actif (celui avec une étoile à droite) Cliquer sur la loupe «prévisualiser» pour obtenir un aperçu de la position de vos modules dans le template graphique de votre site Page 21 sur 21
Par défaut à la position left dans ce template on trouvera le module Menu Principal, Menu Utilisateur Par défaut à la position user 1 on trouve le module Derniers articles et à la position user 2 le module Articles les plus lus Vous pourrez déplacer vos modules qui sont sous forme de bloc, dans les positions qui sont définies dans votre template. Ici le sondage est en position «right» donc à droite, vous pouvez très simplement décider de le déplacer à gauche donc en position «left» Page 22 sur 22
Gérer ses modules Vous pouvez accéder à deux gestionnaires, celui des modules du site sur lequel vous interviendrez et celui des modules administrateurs que nous n aborderons pas dans ce document. Pour ouvrir le gestionnaire de modules du site allez dans le menu Extensions > Gestion des Modules Sélectionner une position pour n afficher par exemple que les modules placés en position left Ordre des modules Il est très important de penser à régler l ordre de vos modules. Par exemple, si plusieurs modules sont placés en position left comme c est le cas par défaut dans ce template de Menu principal, Autre menu et Menu Utilisateur, il faudra attribuer au premier qui doit apparaître, l ordre de tri «1». Pour changer cet ordre vous pouvez utiliser les flèches ascendantes ou descendantes. Page 23 sur 23
2.1.3. Gérer, télécharger et installer ses templates Accéder dans le menu Extensions > Gestionnaire des Templates Le template actif par défaut sur votre site est celui qui a l'étoile jaune. Pour changer de template de site par défaut cocher le bouton radio du template et cliquer ensuite sur le bouton en haut à droite Défaut Télécharger un template graphique Joomla sur un site. Exemple : http://www.joomlaos.de/ Attention! Les fichiers de template sont toujours sous la forme d une archive.zip. Cependant, dans certains cas, un template téléchargé peut contenir plusieurs déclinaisons de templates donc plusieurs archives.zip. Vous devrez alors les extraire de l archive principale. Un template graphique Joomla qui peut être installé sera toujours une archive zip à ne pas décompresser et qui contiendra les fichiers suivants : Description des fichiers du template : Le dossier du template Le dossier css qui contient une ou plusieurs feuilles css. Celle que vous devrez modifier s appelle le plus souvent template_css.css Le dossier Images qui contient les images de votre template. Le fichier index.php appelle les blocs de modules par position cf. page 23 ainsi que des scripts Le fichier TemplateDetails.xml est un fichier qui va décrire le contenu du template et permettre son installation Le fichier template_thumbnail.png est une image qui donne un aperçu du template. Vous pouvez ainsi visualiser le template par cette image depuis le gestionnaire de template. Page 24 sur 24
Installer un nouveau template graphique depuis le gestionnaire de template Ouvrez le gestionnaire de Template de Site en allant dans le Menu Extensions > Gestionnaire des Templates 1. Cliquer sur le bouton Parcourir 2. Cliquer sur le bouton Browse et localisez le fichier au format zip du template sur votre disque dur. 3. Cliquer sur le bouton Transfert et installation 4. Si votre fichier de template est valide et que l installation s est bien passée vous obtenez le message «Installateur Template Succès». Votre nouveau template apparaît dans la liste des templates disponibles pour votre site. Page 25 sur 25