Outil de valorisation de la fonction éditoriale / Projet éditorial …sos-communication.weebly.com/uploads/1/6/8/9/168958/... · 2018. 9. 26. · Créer son portail avec l’outil

Créer son portail avec l’outil Joomla 1.5 - Novembre 2008 Page 1 sur 1

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


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) .

Panneau d’administration du site

Accès rapides à des composants,

les articles les plus lus, liste des connectés, etc.

Messages internes reçus et nombre de

conectés

Se déconnecter

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.

Menus de gestion de l’ensemble du site : contenu, extensions (composants, modules, bots) templates, etc.


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

Cliquer sur les flèches pour changer l’ordre des sections.

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 l’icône Nouveau pour créer une nouvelle section.

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)

Décrire dans le champ Description votre section à l’aide de l’éditeur Tiny MCE Editor :

voir description page 15

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.

Vous pouvez alimenter ce gestionnaire de média : accès

depuis la page d’accueil de l’administration


Déverrouiller une section. 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 »

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 ».

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.


L’éditeur de catégorie est similaire à celui des sections mais vous devez préciser la section à laquelle appartiendra votre catégorie

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


1.1.4. Créer un article Revenez sur le « Panneau d’administration » L’éditeur d’article

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.

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.

Si vous souhaitez afficher la catégorie de cet article sous forme de blog : le titre et le contenu du champ ci-

dessus seront affichés avec un lien vers le détail : saisi dans le champs « lire la suite ».

Saisir un titre court dans le champ Titre

et un titre plus explicite dans le champs Alias

Cliquer sur ce bouton pour insérer une image.

Suite sur la page

suivante


Suite : insertion d’images dans l’article 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 »

Cliquer sur une image pour la choisir

Cliquer sur insérer

Décrivez votre image (accessibilité web)

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


1.1.5. Gérer les articles Le gestionnaire d’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

Filtrer l’affichage des articles par section,

catégorie ou auteur. Cliquer sur cet icône pour afficher ou non l’article en

page d’accueil du site.

Pour éditer un article cliquer sur son titre


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 ».

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 »

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 »


Restaurez les articles archivés 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 désarchiver et cliquer

ensuite sur le bouton « Désarchiver »

Cochez les cases correspondantes aux articles que vous voulez restaurer et cliquer

ensuite sur le bouton « Restaurer »


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 Edition d’un menu – exemple : édition du menu principal (mainmenu)

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

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.

Pour créer un nouvel élément de menu cliquer

sur nouveau


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 ». Exemple : lien vers un article

Si vous souhaitez que votre lien soit le deuxième niveau de navigation d’un lien

sélectionnez son lien « parent »

1) Donnez un nom à votre lien

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 »

Sélectionner votre article en cliquant sur « Sélection »


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 »


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 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 »

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 « _ »

2) cliquer sur le bouton « Créer »

Naviguer dans

l’arborescence du répertoire actif


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 un calque

Insérer un tableau et le

modifier

Insérer un lien et le modifier

Insérer une vidéo ou un objet flash…

Insérer une image


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.

Image extraite du site : http://support.banlieues.be Accéder à la gestion des utilisateurs

Cliquer sur le bouton « Gestion des utilisateurs »


Créer un nouvel utilisateur

Pour finir de créer votre utilisateur, cliquer sur le bouton Sauver» Editer des utilisateurs

Cliquer sur « Nouveau »

Remplissez les champs suivants

Choisir le statut de groupe

Qliquer sur un nom pour éditer l’utilisateur correspondant

Cliquer ici pour activer ou désactiver l’utilisateur


1.1.11. Choisir la langue de votre site

Depuis le panneau d’administration, cliquer sur « Langues »

1.1.12. Régler la configuration globale de votre site Depuis le panneau d’administration cliquer sur « Configuration».

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»

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)


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)


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.


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 la loupe « prévisualiser » pour obtenir un

aperçu de la position de vos modules dans le template

graphique de votre site

Cliquer sur votre template actif (celui avec une étoile à

droite)


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 … »


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 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.

Sélectionner une position pour n’afficher par exemple que les modules placés en

position left


2.1.3. Gérer, télécharger et installer ses templates Accéder dans le menu Extensions > Gestionnaire des Templates 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 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.

Le fichier TemplateDetails.xml est un fichier qui va

décrire le contenu du template et permettre

son installation

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


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.

Documents

Outil de valorisation de la fonction éditoriale / Projet éditorial …sos-communication.weebly.com/uploads/1/6/8/9/168958/... · 2018. 9. 26. · Créer son portail avec l’outil