Guide d’utilisation du site internet du comité de

jumelage d’Elbeuf

Par Alexandre Prevotsalexandre-prevots@orange.fr

I. Introduction --------------------------------- II. S’inscrire / Se connecter ---------------

III. Ajouter du contenu --------------------- IV. Utiliser des plugins ---------------------- V. Astuces ---------------------------------------

VI. Annexes -------------------------------------

Sommaire

p.1

p. 2

p. 5

p. 9

p.14

p.16

I. Introduction

1

Bonjour à toutes et à tous,

Ce document est consacré au site internet du Comité de Jumelage d’El-beuf-sur-Seine et vous apprendra comment utiliser les fonctionnalités du site (ajouter du contenu, un événement, une galerie photo, etc.).

Tout d’abord, le site a été conçu sur le CMS (Content Management System) Wordpress. Celui-ci propose un bon système de gestion de contenu et d’utilisateur. Chaque utilisateur va avoir son propre rôle, défini par l’administrateur. Il existe 5 rôles sur Wordpress, dans l’ordre hiérarchique suivant :Administrateur, éditeur, auteur, contributeur et abonné.Par exemple, un éditeur peut gérer ses pages ou celles des autres, ou bien un auteur peut écrire un article et le publier sur le site.Pour en savoir davantage sur les rôles d’utilisateurs, je vous invite à suivre ce lien : http://wpformation.com/roles-droits-privileges-utilisateurs-wordpress/.

Par ailleurs, voici le lien permettant d’accèder directement à la page Face-book du comité de jumelage : https://www.facebook.com/comitejumelageelbeuf?fref=tsN’hésitez pas à aimer la page, à commenter les articles et à partager du conte-nu pour faire vivre la page Facebook.

Si vous avez la moindre, question n’hésitez pas à me contacter à l’adresse mail suivante : alexandre-prevots@orange.fr

Bonne lecture !

Alexandre Prevots2ème année du DUT MMI, DUT d’Elbeuf

II. S’inscrire / Se connecterTout d’abord, pour accéder au site internet, merci de suivre le lien suivant : www.comitejumelage-elbeuf.eu. Une fois sur la page d’accueil, vous remarquerez qu’il n’y a aucune indication pour écrire un article, un événement, etc. C’est normal ! Pour l’instant vous êtes considéré comme simple visiteur et vous n’avez aucun droit. Il faut aller vous inscrire ou vous connecter au site pour bénéficier de tout cela.

Maintenant vous devez descendre vers le bas de la page (ce qu’on appelle le «scroll») pour trouver l’interface suivante dans la barre latérale à droite :

2

Pour vous inscrire, il suffit juste de cliquer sur «S’inscrire» juste en-dessous du bou-ton «Connexion». Cela va vous amener à la page suivante :

Cette page contient le formulaire d’inscription qui permettra de vous connecter à chaque visite sur le site internet. Il faut donc suivre les instructions indiquées par les champs du formulaire. Voici (ci-dessous) un exemple d’inscription :

3

Le mot de passe doit contenir au minimum 5 caractères (pour une meilleure sécu-rité).

Une fois les champs complétés, cliquez sur «Ok» pour confirmer le formulaire.L’administrateur va donc recevoir un mail pour valider l’utilisateur et, une fois

votre inscription validée il ne vous reste plus qu’à vous connecter via l’interface de connexion :

Une fois connecté, vous ne verrez pas de réel changement, c’est normal ! Il suffit que l’administrateur modifie le rôle de l’utilisateur pour vous permettre d’ajou-

ter du contenu sur le site. Voici un exemple d’un utilisateur avec le rôle «editeur» (ci-dessous) :

Une nouvelle barre s’est ajoutée au-dessus du site. Grâce à elle, vous pourrez ajou-ter du contenu, consulter / modifier votre profil.

4

II. Ajouter du contenu

• Créer un article

Qu’est-ce qu’un article sous Wordpress ? A ne pas confondre avec la page, l’article est plus orienté «actualités». C’est donc ici que vous mettrez les dernières actualités, galerie photo, etc.Tandis qu’une page est une section du site. Par exemple, «Lingen» est une page où il y aura le contenu dédié à cette page.

Pour créer un article, il suffit de cliquer sur le bouton «+ créer» et sur «article» comme ci-dessous :

Vous allez arriver sur l’interface suivante (voir capture page suivante).Il suffit de mettre un titre à l’article et le texte que vous voulez dans l’éditeur de texte juste en dessous. Vous pouvez même ajouter un slider (galerie photo), un média (photos, vidéos, musiques, etc.) ou bien un formulaire («Add Form»).

5

Une fois votre article rédigé, il ne reste plus qu’à choisir la catégorie dans laquelle va être placé l’ar-ticle (c’est optionnel). Par défaut, il sera placé dans «Actualités».La rubrique «Mots-clés» sert à améliorer la visibi-lité lors du référencement du site. Plus il y a de mots, plus le site atteindra les premières pages de Google.

Pour publier l’article, il faut cliquer sur «Publier». Vous pourrez le mettre à jour quand vous le sou-haiterez. Dans ce cas, il faudra cliquer sur «Mettre à jour».

6

• Créer une catégorieQu’est-ce qu’une catégorie sous Wordpress ?Une catégorie permet de regrouper un ensemble d’articles. En effet, quand on attribue un article à une catégorie, nous le retrouverons dans cette catégorie.Vous pouvez créer autant de catégories que vous voulez. Il faut seulement qu’elles aient une utilité.Par exemple, un article possédant une galerie photo pourra être placé à la fois dans «Actualités» et dans «Photos».

Tous les articles sont concentrés dans «Articles - Tous les articles» sur la barre laté-rale gauche (noire) . Chaque article contient les informations allant avec : nom de l’auteur, nom de la (des) catégorie(s), nombre de commentaires, etc.Il est possible d’effectuer une modification rapide sur un ou des articles. La procé-dure à suivre est la suivante :- Cocher la (les) case(s) correspondante(s) à gauche de l’article.- Cliquer sur «Action groupées» puis sélectionner «Modifier».- Cliquer ensuite sur «Appliquer» et vous pourrez apporter des modifications ra-pides.

7

La création d’une page est quasiment identique à la création d’un article, mais il ne faut pas confondre les deux ! Seul l’administrateur et l’éditeur peuvent créer ou modifier une page. La page peut avoir un parent. Par exemple si on crée la page «Monuments historiques d’Elbeuf», le parent peut être la page «Découvrir Elbeuf».

Pour modifier une page sur le site, il faut cliquer sur «Modifier» en bas de page.

8

III. Utiliser des plugins

• Qu’est-ce qu’un plugin ?

Un plugin («extension» en français) est un petit module qui s’installe sur un navi-gateur pour lui apporter des fonctions supplémentaires. Par exemple, visionner de la vidéo sur des pages Web ou afficher des scènes en trois dimensions.

Les plugins Wordpress sont des modules tierces qui viennent se greffer au thème WordPress et qui apportent des améliorations diverses et variées, selon le but du plugin.Par exemple, le plugin «My Calendar» va permettre de concevoir un calendrier d’événements où il sera possible d’ajouter des événements, des lieux, etc.

Nous allons voir dans cette section comment utiliser les plugins qui sont installés sur le site, ce qui vous permettra d’ajouter des événements, des tableaux, envoyer des mails par le système de newsletter, etc.

Ces plugins sont souvent visibles dans le «Tableau de bord» sur la barre latérale gauche comme le montre la photo ci-dessous :

My Calendar et TablePress sont des plugins.

9

• Créer un événement

Pour créer un événement, (que ce soit un voyage, une sortie culturelle, etc.), il suf-fit de cliquer sur «Ajouter un évenement» tout en haut du site sur la barre noire.

Le lien «Evénements» permet de voir tous les événements créés

10

Vous remarquerez qu’on peut aller d’un menu du plugin à un autre via la barre latérale gauche. On peut donc gérer les événements, ajouter un nouvel événe-ment, un nouveau lieu, une nouvelle catégorie, etc.

Comme le nom l’indique, ajouter une catégorie permet d’ajouter une catégorie d’événements comme «Voyage» par exemple. Cela fonctionne comme pour un article. Dès qu’un événement est créé, on le range dans une catégorie. Créer un lieu permet de sauvegarder un lieu pour pouvoir l’utiliser rapidement quand on crée un événement. Il faut indiquer toutes les coordonnées (adresse, GPS, etc...) pour avoir le plus d’informations possible.

La photo ci-dessous montre comment ajouter un lieu déjà enregistré quand on crée un nouvel évenement.

11

Vous retrouverez ensuite votre événement sur le site, dans le calendrier.

• Créer un tableau

Même principe que l’événement, sauf qu’il faut aller directement dans son «Ta-bleau de bord»

Il suffit de cliquer sur le plugin «TablePress» se trouvant dans la barre latérale gauche et de cliquer sur «Ajouter un tableau».Pour insérer un tableau dans un article il faut se rendre dans le lien «Tous les ta-bleaux» et cliquer sur son propre tableau.

12

Sur votre tableau se trouvent les informations du tableau. Dans cette section se trouve le raccourci du tableau avec par exemple [table id=1 /].Ce raccourci est à ajouter sur votre page ou article pour qu’il puisse d’afficher.

Exemple d’intégration du raccourci sur une page :

13

V. Astuces• Ajouter un lien

Pour ajouter un lien, il suffit de surligner avec la souris un mot, une phrase et de cliquer sur l’icône visible ci-dessus (le trombone).Vous allez arriver sur l’interface suivante :

Le champ « Adresse web» signifie qu’il faut indiquer l’URL du site (par exemple http://comitejumelage-elbeuf.eu).Tandis que le champ « Texte du lien» affichera le texte qui couvrira le lien. Par exemple au lieu d’afficher l’URL il affichera « Venez voir le site du comité».

14

• Cacher du contenu

Pour cacher du contenu selon les rôles d’utilisateurs, il suffit d’ajouter le contenu entre les balises [hidepost=1] [/hidepost].

1 signifie le numéro d’un rôle d’utilisateur dont 1 est pour les contributeurs.Voici la liste des numéros :

0 : Inscrit 2 : Auteur 9 : Administrateur1 : Contributeur 7: Editeur

Ceci affichera le message ci-dessous :

15

VI. AnnexesPour des informations sur Wordpress, consultez les liens suivants :

• https://codex.wordpress.org/fr:Accueil• http://wpformation.com/wordpress/tutos-tutoriels-wordpress/• http://www.wp-spread.com/apprendre-wordpress-par-ou-commencer/

Pour de riches informations avec de nombreux tutoriels, le site OpenClassrooms est à mon avis le meilleur !http://openclassrooms.com/courses/propulsez-votre-site-avec-wordpress

Bien entendu, je reste disponible si vous avez des questions.

En espérant que ce manuel vous a aidé, je vous remercie de m’avoir offert l’op-portunité de réaliser votre site internet dans le cadre de mon stage du DUT Mé-tiers du Multimédia et de l’Internet.

Cordialement,

Alexandre Prevots

16